/*************************************************
Basic style sheet
www.maxbo.no
**************************************************/
@import "hacks.css";
@import "thickbox.css";

* {
border: 0; 
margin: 0; 
padding: 0;
}

body {
background-color: #fff;
color: #000;
font-family: verdana, arial, sans-serif;
font-size: 100%;
line-height: 1em; /* 16×1.125=18 */
text-align: center;
}

#wrapper {
background-color: #fff;
color: #000;   
margin: 0 auto;
text-align: left; 
width: 998px;
}

#content-wrapper {
padding: 12px 6px 0 9px;
}

.wide-content {
float: right;
overflow: hidden;
width: 783px;
}

.content {
float: left;
overflow: hidden;
width: 580px;
}

.secondary-content {
float: right;
/*overflow: hidden;*/
width: 388px;
}

.layout131 .secondary-content {
width: 203px;
}

.layout122 .content {
width: 379px;
}

.layout122 .secondary-content {
width: 391px;
}

.content-nav {
float: left;
overflow: hidden;
width: 197px;
margin-right: 3px;
position: relative;
left: -8px;
background: #fff;
}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

img.left {float: left !important;}
img.right {float: right !important;}

/*************************************************
=Typography
**************************************************/
h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0;
}

p.intro {
font-weight: bold;
}

.article-list p.intro {
font-weight: bold;
font-size: 0.75em;
}

p.error, span.error, div.error {
background-color: #ff9900;
color: black !important;
font-weight: bold;
padding: 10px;
font-size: 0.688em;
width: 95%;
margin-top: 10px;
margin-bottom: 10px;
display: block;
}

p.warning, span.warning, div.warning {
background-color: #ff0000;
color: black !important;
font-weight: bold;
padding: 10px;
font-size: 0.688em;
width: 95%;
margin-bottom: 10px;
display: block;
}

p.information, span.information, div.information {
background-color: #00c000;
color: black !important;
font-weight: bold;
padding: 10px;
font-size: 0.688em;
width: 95%;
margin-bottom: 10px;
display: block;
}

p.success, span.success, div.success {
background-color: #00c000;
color: black !important;
font-weight: bold;
padding: 10px;
font-size: 0.688em;
width: 100%;
margin-bottom: 10px;
display: block;
}

.error ul li {
background-color: #ff9900;
color: black !important;
font-weight: bold;
font-size: 1em;
}

p.confirm {
  color: green !important;
  font-weight: bold;
}

p em {
  font-weight: bold;
  font-style: normal;
}

input, button 
{	
font-family: verdana, arial, sans-serif;
}

a {
text-decoration: none;
}

ul li {
list-style-type: none;
}

table {
clear: both;
color: #666;
font-size: 0.688em;	
width: 100%;
}

table th {
font-size: 1em;
color: #666;
}

table th.hits {
font-weight: normal;
color: #333;
}

table td {
vertical-align: top;
padding-bottom: 8px;
}

table td p {
font-size: 1em !important;		
padding: 0 !important;
}

table td h3 {
font-size: 1em;		
}

table td dl dt,
table td dl dd {
display: inline;
font-size: 1em !important;	
}

table.NoBorder
{
	border: 0px !important;
	EditMenuName: NoBorder;
}

table.NoBorder th
{
	border: 0px !important;
}
table.NoBorder td
{
	border: 0px !important;
	
}
img.Border1px {
	border: 1px solid #333 !important;
	EditMenuName: Border1px;
}


/*************************************************
=Form elements
**************************************************/
.form .error {
	background-color: #ff9900;
}

input.text {
border-top: 1px solid #707070;
border-right: 1px solid #707070;
border-bottom: 1px solid #adadad;
border-left: 1px solid #adadad;
height: 17px;
vertical-align: top;
}

input.button {
background-color: #e4e4e4;
border-top: 1px solid #707070;
border-right: 1px solid #707070;
border-bottom: 1px solid #adadad;
border-left: 1px solid #adadad;
cursor: hand;
font-size: 0.688em;
font-weight: normal;
height: 19px;
padding: 0 3px;
vertical-align: top;
margin-top: 1px;
}

.FormPanel, #id_matrix input, button, submit {	
font-family: verdana, arial, sans-serif;
border-top: 1px solid #707070;
border-right: 1px solid #707070;
border-bottom: 1px solid #adadad;
border-left: 1px solid #adadad;
height: 20px;
font-size:13px;
vertical-align: top;
}

.FormPanel, #id_matrix textarea {	
font-size:13px;
}

#id_matrix input[type="radio"], #id_matrix input[type="checkbox"] {
border: none;
}

html>body #id_matrix input[type="radio"], #id_matrix input[type="checkbox"] {
border: none;
}

html>body input.button {
margin-top: 0;
}

input.button:hover {
background-color: #f2f2f2;
}

input.linkbutton {
background-color: transparent;
padding: 0;
margin: 0;
border: 0 none;
color: #007ac3;
font-size: 0.688em;
}

.infobox .inner .twocolumnlist input.linkbutton {
	font-size: 1em;
}

.linkbutton:hover {
cursor: hand;
text-decoration: underline;
}

textarea {
border-top: 1px solid #707070;
border-right: 1px solid #707070;
border-bottom: 1px solid #adadad;
border-left: 1px solid #adadad;
font-family: verdana, arial, sans-serif;
font-size: 0.75em;
vertical-align: top;
*overflow:auto;
}

select {
border-top: 1px solid #707070;
border-right: 1px solid #707070;
border-bottom: 1px solid #adadad;
border-left: 1px solid #adadad;
}

.actionlink {
float: right;
}

.actionlink a {
font-weight: bold;
}


.actionbuttons {
background: #e6e6e6 url(/images/actionbuttons-bg.png) no-repeat top left;
clear: both;
height: 39px;
min-height: 39px;
padding: 0 0 0 4px;
}

.actionbuttons.single,
.form .actionbuttons {
font-size: 0.688em;	
}

.actionbuttons ul {
background: url(/images/actionbuttons-bg.png) no-repeat top right;
height: 39px;
min-height: 39px;
padding: 0 28px 0 0;
}

.article .actionbuttons ul li {
list-style-type: none !important;
}

.actionbuttons ul li strong {
padding-left: 10px
}

html>body .actionbuttons,
html>body .actionbuttons ul {
height: auto;
}

.actionbuttons a {
font-weight: bold;
white-space: nowrap;
}

.actionbuttons ul li {
float: left;
line-height: 39px;
}

.actionbuttons ul li.submit {
float: right;
}

.actionbuttons ul li.submit a:link,
.actionbuttons ul li.submit a:visited {
background: url(/images/submit.png) no-repeat right 2px;
color: #007ac3 !important;
padding: 7px 39px 7px 0;
}

.actionbuttons ul li.submit a:hover,
.actionbuttons ul li.submit a:focus,
.actionbuttons ul li.submit a:active {
background: url(/images/submit-on.png) no-repeat right 2px;
border: 0;
}

.actionbuttons ul li.submit input {
background: url(/images/submit.png) no-repeat right 7px;
color: #007ac3;
display: block;
font-size: 1em;
font-weight: bold;
padding: 12px 20px 7px 10px;	
cursor: hand !important;
}

.actionbuttons ul li.changeProject input {
background:none;
color: #007ac3;
display: block;
font-size: 1em;
font-weight: bold;
padding: 12px 20px 7px 10px;	
cursor: hand !important;
}

.actionbuttons ul li.changeProject input {
background:none;
color: #007ac3;
display: block;
font-size: 1em;
font-weight: bold;
padding: 12px 20px 7px 10px;	
cursor: hand !important;
}

html>body .actionbuttons ul li.submit input {
padding: 12px 29px 7px 10px;	
}

.actionbuttons ul li.submit input:hover {
background-image: url(/images/submit-on.png);
}

.actionbuttons ul li.cancel input {
background: url(/images/cancel.png) no-repeat right 7px;
color: #666;
display: block;
font-size: 1em;
font-weight: bold;
padding: 12px 20px 7px 10px;	
cursor: hand;
}

html>body .actionbuttons ul li.cancel input {
padding: 12px 39px 7px 10px;	
}

.actionbuttons ul li.cancel input:hover {
background-image: url(/images/cancel-on.png);
color: #007ac3;
}

.actionbuttons ul li.leftbutton a:link,
.actionbuttons ul li.leftbutton a:visited {
background: url(/images/submit.png) no-repeat right 2px;
color: #007ac3 !important;
padding: 7px 39px 7px 10px;
}

.actionbuttons ul li.leftbutton a:hover,
.actionbuttons ul li.leftbutton a:focus,
.actionbuttons ul li.leftbutton a:active {
background: url(/images/submit-on.png) no-repeat right 2px;
border: 0;
}

.actionbuttons ul li.leftbutton input {
background: url(/images/submit.png) no-repeat right 7px;
color: #007ac3;
display: block;
font-size: 1em;
font-weight: bold;
padding: 12px 20px 7px 10px;	
cursor: hand;
}

.secondary-content .infobox .form {
background-color: #f1f1f1;
padding: 6px; 
}

.form {
padding-top: 1em;
}

.form div {
clear: both;
margin: 0 0 10px 0;
}

.form h1 {
color: #666;
font-size: 1.25em;
font-weight: normal;
line-height: 1.5em;
}

.form h2 {
color: #333;
font-size: 0.75em;
padding-bottom: 1em;
}

.form h3 {
padding-bottom: 1em;
}

.form p {
color: #333;
font-size: 0.688em;
padding-bottom: 1em;
}

.form a:link,
.form a:visited  {
color: #007ac3;
}

.form a:hover,
.form a:focus,
.form a:active {
border-bottom: 1px dotted #007ac3;
}

.form label {
font-size: 0.688em;
color: #333;
display: block;
float: left;
line-height: 23px;
}

.form input.text {
font-size: 0.75em;
}

.form .mandatory {
color: red;
font-size: 0.75em;
}

.form.friend {
border-top: 4px solid #dcdcdc;
clear: both;
padding: 10px 0 0 0;
}

/*************************************************
=Images
**************************************************/

img.right {
  float: right;
  margin: 4px 0 4px 4px;
}

img.left {
  float: left;
  margin: 4px 4px 4px 0;
}
.fast-lavpris-floatright {
  float: right !important;
  margin: -4px -2px 0px 0px !important;
  
}

/*************************************************
=Header
**************************************************/
.header {
background: #035c92 url(/images/header-bg.png) no-repeat bottom left;
height: 105px;
min-height: 105px;
padding-bottom: 6px;
position: relative;
}

.outer {
background: #035c92 url(/images/header-bg.png) no-repeat bottom left;
height: 110px;
min-height: 110px;
padding-bottom: 6px;
position: relative;
margin-top: -5px;
}

.header .inner {
background: #035c92 url(/images/header-bg.png) no-repeat top left;	
height: 110px;
min-height: 110px;
}

#frontpage.header .inner {
background: #035c92 url(/images/header-bg.png) no-repeat top left;	
height: 110px;
min-height: 110px;
}
html>body .header,
html>body .header .inner {
height: auto;
}

.header .logo {
position: absolute;
top: 0;
left: 43px;
}

.header .tagline {
background: url(/images/klartdukan.png) no-repeat top left;
height: 58px;
width: 288px;
position: absolute;
left: 215px;
top: 36px;
}

.header .tagline span {
display: none;
}

.header ul.topnav {
clear: left;
float: right;
padding-top: 14px;
width: auto;
}
#footer ul.topnav {
clear: left;
float: left;
padding-top: 14px;
padding-left:30px;
font-size:1.1em;
line-height:1.5em;
}

#frontpage.header ul.topnav {
clear: left;
float: left;
padding-top: 14px;
width: 781px;
}

.header ul.mainnav {
clear: both;
float: right;
padding-top: 50px;
width: 781px;
}
#footer .FacebookFollow
{
    float: right;
    font-weight: bold;
    padding: 13px 17px 0 0;	
    margin: 10px 15px;
}
#footer .FacebookFollow img
{
	margin-right: 10px;
}
#footer .FacebookFollow span
{
	vertical-align: super;
}
.header div.logout a:link,
.header div.logout a:visited,
.header ul.topnav li a:link,
.header ul.topnav li a:visited,
.header ul.mainnav li a:link,
.header ul.mainnav li a:visited,
#footer .FacebookFollow a:link,
#footer .FacebookFollow a:visited{
color: #fff;
text-decoration: none;
}
#footer ul.topnav li a:link,
#footer ul.topnav li a:visited{
color: #fff;
}
.header ul.topnav li ul li a:link,
.header ul.topnav li ul li a:visited,
.header ul.mainnav li ul li a:link,
.header ul.mainnav li ul li a:visited{
color: #A8CBCD;
text-decoration: none;
}
#footer ul.topnav  li ul li a:link,
#footer ul.topnav  li ul li a:visited{
color: #FFF;
display: inline-block;
width:175px;

}

.header ul.topnav li a:hover,
.header ul.topnav li a:focus,
.header ul.topnav li a:active,
.header ul.mainnav li a:hover,
.header ul.mainnav li a:focus,
.header ul.mainnav li a:active,
.header ul.logged-in li a:hover,
.header ul.logged-in li a:focus,
.header ul.logged-in li a:active,
#footer .FacebookFollow a:hover,
#footer .FacebookFollow a:focus,
#footer .FacebookFollow a:active
{
border-bottom: 1px dotted #fff;
}
#footer ul.topnav li a:hover,
#footer ul.topnav li a:focus,
#footer ul.topnav li a:active,
#footer ul.topnav li a:link,
#footer ul.topnav li a:visited {
border-bottom: 1px solid #afafaf;
display: inline-block;
width: 175px;

}

.header ul.topnav li a:hover,
.header ul.topnav li a:focus,
.header ul.topnav li a:active,
#footer ul.topnav li a:hover,
#footer ul.topnav li a:focus,
#footer ul.topnav li a:active 
{	
margin-bottom: 0px;
}

.header ul.mainnav li {
color: #86b7d4;
float: left;
font-size: 0.625em;
font-weight: bold;
margin-right: 17px;
position: relative;
text-transform: uppercase;
}

.header ul.mainnav li.selected a:link,
.header ul.topnav li.selected a:link,
.header ul.mainnav li.selected a:active,
.header ul.topnav li.selected a:active,
.header ul.mainnav li.selected a:visited,
.header ul.topnav li.selected a:visited
 {
color: #86b7d4;
}

.header ul.mainnav li.selected a,
.header ul.topnav li.selected a {
font-size: 1em;
margin-right: 0;
}

.header ul.topnav li.selected a:hover,
.header ul.mainnav li.selected a:hover {
border: 0;
}

.header ul.topnav li {
color: #a8cbcd;
float: left;
font-size: 0.563em;
font-weight: bold;
margin-right: 17px;
text-transform: uppercase;
}
.header ul.topnav li ul li {
color: #a8cbcd;
float: none;
font-size: 1.0em;
font-weight: bold;
margin-right: 17px;
text-transform: uppercase;
}

.header ul.topnav li.logout {
color: #fff;
float: right;
font-weight: normal;
margin-right: 17px;
text-align: right;
}
#footer ul.topnav li {
color: #a8cbcd;
float: left;
font-size: 1.0em;
font-weight: bold;
text-transform:none;
padding-left: 20px;
 min-width: 175px;
}
#footer ul.topnav li ul li {
color: #a8cbcd;
float: none;
font-size: 1.0em;
font-weight: normal;
padding-left: 0px;
}

.header ul.topnav li.logout a {
font-weight: bold;
margin-left: 20px;
}
.header div.logout {
color: #FFFFFF;
float: left;
font-weight: normal;
margin-left: 214px;
text-align: right;
font-size: 0.663em;
}

.header div.logout a {
font-weight: bold;
margin-left: 20px;
}

.header ul.topnav li.external {
background: url(/images/external.gif) no-repeat center right;
padding-right: 12px;
}

/* Dropdown menu */

.header ul.mainnav li ul { 
display: none;
position: absolute;
top: 15px;
left: -20px;
background: #124c70 url(/images/dropdown-gradient.png) repeat-x;
padding: 20px;
width: 400px;
}

#frontpage ul.mainnav li ul { 
background: #007ac3;
}

.header ul.mainnav li:hover ul, 
.header ul.mainnav li.over ul { 
display: block;
}

/* to override top and left in browsers other than IE,
which will position to the top right of the containing li, rather than bottom left */
.header ul.mainnav li ul li>ul {
top: auto;
left: auto;	
}

.header ul.mainnav li ul li {
float: left;
color: #fff;
display: block;
font-size: 1.1em;
font-weight: normal;
padding: 0 0 10px 0;	
text-transform: none !important;
width: 180px;
}

.header ul.mainnav li ul li a:link,
.header ul.mainnav li ul li a:visited {
color: #fff;
font-weight: bold;
text-decoration: none;
}

.header ul.mainnav li ul li a:hover,
.header ul.mainnav li ul li a:focus,
.header ul.mainnav li ul li a:active {
border-bottom: 1px dotted #fff;
}

.header ul.mainnav li ul li span {
display: block;
}

.header ul.mainnav li.selected ul li a {
text-transform: none;
float: none;
}

/*************************************************
=Alternative navigation: bread crumbs and search
**************************************************/

.altnav {
background: #e4e4e4 url(/images/altnav-bg.png) no-repeat top left;
height: 31px;
min-height: 31px;
}

html>body .altnav {
height: auto;
}

.altnav ol {
background: transparent url(/images/breadcrumb2.png) no-repeat top left;
float: left;
height: 31px;
margin: 0 0 0 6px;
min-height: 31px;
padding: 0 0 0 210px;
}

html>body .altnav ol {
height: auto;
}

.altnav ol li {
color: #666;
display: block;
font-size: 0.625em;
font-weight: bold;
float: left;
height: 31px;
min-height: 31px;
margin: 0;
padding: 0;
}

html>body .altnav ol li {
height: auto;
}

.altnav ol li a:link,
.altnav ol li a:visited {
background: transparent url(/images/breadcrumb-link.png) no-repeat top right;
color: #666;
display: block;
line-height: 28px;
text-decoration: none;
text-transform: uppercase;
padding: 0 18px 0 6px;
}

.altnav ol li a:hover,
.altnav ol li a:focus,
.altnav ol li a:active {
color: #333;
}

.altnav ol li span {
background: transparent url(/images/breadcrumb-last.png) no-repeat top right;
display: block;
line-height: 28px;
padding: 0 18px 0 6px;
white-space: nowrap;
}

/* Search bar */
.global-search {
float: right;
height: 27px;
min-height: 27px;
padding: 4px 0 0 0;
width: 226px;
}

html>body .global-search {
height: auto;	
}

.global-search input {
float: left;
font-size: 0.75em;
line-height: 23px;
margin: -1px 0 0 45px;
width: 114px;
}

html>body .global-search input.text {
margin: 0 0 0 45px;
}

.global-search .button {
background: transparent url(/images/search-button.png) no-repeat top left;
cursor: hand;
display: block;
float: left;
font-size: 0.563em;
font-weight: bold;
height: 21px;
line-height: 19px;
margin: -2px 0 0 12px;
padding: 0 0 3px 0;
vertical-align: top;
width: 37px;
}

.global-search .button:hover {
background-image: url(/images/search-button-on.png);
}

.global-search .button span {
display: none;
}

/* Search bar on front page */
.secondary-content .search {
background: url(/images/search-bg.png) no-repeat bottom left;
margin-bottom: 7px;
padding-bottom: 6px;
height: 31px;
min-height: 31px;
}

html>body .secondary-content .search {
height: auto;
}

.secondary-content .search .inner {
background: url(/images/search-bg.png) no-repeat top left;
padding: 10px 6px 0 30px;
}

.secondary-content .search label {
color: #717171;
display: block;
float: left;
font-size: 0.625em;
font-weight: bold;
padding: 7px 0 0 0;
text-transform: uppercase;
width: 40px;
}

.search .global-search {
float: left;
height: 27px;
min-height: 27px;
padding: 4px 0 0 0;
width: 310px;
}

.secondary-content .search input.text {
font-size: 0.75em;
margin: 0;
width: 239px;
}

/*
.secondary-content .search a.search-button:link,
.secondary-content .search a.search-button:visited {
background: url(/images/search-button.png) no-repeat top left;
cursor: hand;
display: block;
float: right;
height: 26px;
margin-top: -2px;
padding-right: 30px;
width: 25px;
}

.secondary-content .search a.search-button:hover,
.secondary-content .search a.search-button:focus,
.secondary-content .search a.search-button:active {
background: url(/images/search-button-on.png) no-repeat top left;
}

.secondary-content .search a.search-button span {
display: none;
}
*/

/*************************************************
=Left menu
**************************************************/

.content-nav h2 {
background: #eaeaea url(/images/leftmenu-header.png) repeat-y bottom left;
color: #007ac3;
font-size: 0.75em;
margin-bottom: 3px;
padding: 0 0 6px 0;	
}

.content-nav h2 span {
background: #eaeaea url(/images/leftmenu-header.png) repeat-y top left;
display: block;
padding: 8px 0 2px 19px;
}

.content-nav img {
margin: 0 0 9px 44px;
}

.content-nav .leftmenu {
background: url(/images/leftmenu-bg.png) repeat-y bottom left;
padding: 0 0 6px 0;	
}

.content-nav .leftmenu ul {
background: url(/images/leftmenu-bg.png) repeat-y top left;
padding: 5px 9px;
}

.content-nav ul li {
border-bottom: 1px solid #fff;
font-size: 0.688em;
padding: 3px 0;
}

.content-nav ul li.last {
border-bottom: 0;
}

.content-nav ul li a:link,
.content-nav ul li a:visited {
color: #666;
font-weight: bold;
display: block;
padding-left: 8px;
}

.content-nav ul li a:hover,
.content-nav ul li a:focus,
.content-nav ul li a:active {
color: #007ac3;
}

.content-nav ul li.selected {
border-bottom: 0;
color: #007ac3;
font-weight: bold;
}

.content-nav ul li.selected span {
border-bottom: 1px solid #fff;
display: block;
padding-left: 8px;
padding-bottom: 3px;
}

.content-nav ul li.selected ul {
background-image: none;
padding: 0;
display: block;
border: 1px solid red;
}

.content-nav ul li.selected ul li {
border-bottom: 1px solid #fff;
font-size: 1em;
}

.content-nav ul li.selected ul li a:link,
.content-nav ul li.selected ul li a:visited {
font-weight: normal;
}

.content-nav .warehouse-info {
color: #666;
padding: 15px 0 0 8px;
}

.content-nav .warehouse-info dl {
font-size: 0.688em;	
margin-bottom: 1em;
}

.content-nav .warehouse-info ul {
margin-bottom: 1em;
}

.content-nav .warehouse-info ul li a {
display: inline;
font-weight: normal;
padding: 0; 
}

.content-nav .warehouse-info dl dt {
font-weight: bold;
color: #007ac3;
}

.content-nav .warehouse-info a:link,
.content-nav .warehouse-info a:visited {
color: #007ac3;
}

.content-nav .warehouse-info a:hover,
.content-nav .warehouse-info a:focus,
.content-nav .warehouse-info a:active {
border-bottom: 1px dotted #007ac3;
}


/*************************************************
=Footer
**************************************************/

#footerwrapper
{
	background: gray;
	padding:1px;
	
}

#footer {
/*background: #035c92 url(/images/header-bg.png) no-repeat top left;	*/
background-color:#007ac3;
color: #fff;
font-size: 0.625em;
/*margin: 13px 0 10px 0;*/
padding-top: 14px;
border: 2px solid;
}

/*#footer ul {
background: #007ac3 url(/images/footer2.png) no-repeat bottom left;
height: 30px;
min-height: 30px;
text-align: center;
}

html>body #footer,
html>body #footer ul {
height: auto;
}

#footer ul li {
display: inline;
padding: 0 10px 0 0;
}
*/
#footer .floatmiddle{
/*width:450px;*/
/*float:right;*/
text-align:center;
padding-top:10px;
/*padding-top: 5px;*/
margin:10px auto;
clear:both;

}

#footer .floatright{
width:180px;
float:right;
padding-right: 10px;
clear:right;
margin: 10px 15px;
}

#footer .floatright p
{
	float:left;
	/*padding-top:5px;*/
	}
	#footer .floatright img
{
	float:left;
	/*padding-top:5px;*/
	}

#footer .floatright a{
text-decoration: none;
color: White;
}

/*************************************************
=Frontpage
**************************************************/
.header#frontpage {
height: 329px;
min-height: 329px;
padding-top: 5px;
padding-bottom: 10px;
position: relative;
}

html>body .header#frontpage {
height: auto;
}

.header#frontpage ul {
clear: both;
}

.header#frontpage ul.topnav {
    clear: left;
    float: right;
    padding-top: 14px;
    width: auto;
}

html>body .header#frontpage ul.topnav {
zoom:1;
}

.header#frontpage ul.topnav li a:link,
.header#frontpage ul.topnav li a:visited {

}

.header#frontpage ul.topnav li a:hover,
.header#frontpage ul.topnav li a:focus,
.header#frontpage ul.topnav li a:active {
border-bottom: 1px dotted #007ac3;
}

.header#frontpage ul.mainnav {
background: url(/images/mainnav-bg-fp.png) repeat-x top left;
padding: 10px 0 16px 30px;
margin: 40px 5px 0 0;
width: 771px;
}

html>body .header#frontpage ul.mainnav {
margin: 40px 9px 0 0;
}

.header#frontpage .campaigns {
float: left;
padding: 23px 0 0 46px;
}

.header#frontpage .campaigns .campaign1 {
float: left;
margin: 0 26px 0 0;
}

.header#frontpage .campaigns .campaign2 {
float: left;
}

.header#frontpage .instructions {
background: url(/images/steps-bg-fp.gif) repeat-y top left;
float: right;
height: 181px;
min-height: 181px;
margin: 23px 9px 0 0;
width: 384px;
}

html>body .header#frontpage .instructions {
background: url(/images/steps-bg-fp.png) repeat-y top left;
height: auto;
}

.header#frontpage .instructions h2 {
background: url(/images/tagline-dark.png) no-repeat top left;
height: 65px;
width: 282px;
}

.header#frontpage .instructions h2 span {
display: none;
}

.header#frontpage .instructions ul {
margin: 3px 0 0 11px;
}

.header#frontpage .instructions ul li {
background: url(/images/steps-listitem-fp.gif) repeat-y top left;
height: 25px;
min-height: 25px;
line-height: 22px;
margin: 0 0 5px 0;
padding-left: 37px;
}

.header#frontpage .instructions ul li a span,
.header#frontpage .instructions ul li a,
.header#frontpage .instructions ul li a img {
	display: inline;
	padding: 0;
	margin: 0;
	line-height: normal;
}

html>body .header#frontpage .instructions ul li {
background: url(/images/steps-listitem-fp.png) repeat-y top left;
height: auto;
}

.header#frontpage .instructions ul li.video {
background: url(/images/instructions-video.gif) repeat-y top left;
}

html>body .header#frontpage .instructions ul li.video {
background: url(/images/instructions-video.png) repeat-y top left;
}

.header#frontpage .instructions ul li.video a:link, .header#frontpage .instructions ul li.video a:visited{
display: inline-block;
padding-top: 7px;
}

html>body .header#frontpage .instructions ul li.video a:link, .header#frontpage .instructions ul li.video a:visited{
padding-top: 6px;
}

.header#frontpage .instructions ul li a:link,
.header#frontpage .instructions ul li a:visited {
color: #095ba5;
font-size: 0.75em;
font-weight: bold;
}

.header#frontpage .instructions ul li a:hover,
.header#frontpage .instructions ul li a:focus,
.header#frontpage .instructions ul li a:active {
border-bottom: 1px dotted #095ba5;
}



.header#frontpage .instructions a.more:link,
.header#frontpage .instructions a.more:visited {
color: #095ba5;
font-size: 0.75em;
margin: 0 0 0 20px;
}

.header#frontpage .instructions a.more:hover,
.header#frontpage .instructions a.more:focus,
.header#frontpage .instructions a.more:active {
border-bottom: 1px dotted #095ba5;
}

.more ul li a {
font-size: 0.688em;
color: #007ac3;
}
.header#frontpage .person {
width: 148px;
height: 247px;
position: absolute;
bottom: 5px;
right: 9px; /* IE6 needs 29px? */
}

html>body .header#frontpage .person {
bottom: 9px;	
}

/*************************************************
=Infobox
**************************************************/

.infobox,
.bannerbox {
border: 1px solid #a4a4a4;
padding: 1px;
}
.bannerbox .inner a {
font-size: 0;
}
.infobox .inner {
padding: 6px;
}
.infobox .innerleft {
padding: 5px;
float: left;
width: 174px;
}
.infobox .innerright {
padding: 5px;
float: right;
width: 174px;
}

ul.innerleft li,
ul.innerright li {
clear: both;
}

ul.innerleft li a span,
ul.innerright li a span {
color: #333;
}

ul.innerleft li .replies,
ul.innerright li .replies {
white-space: nowrap;
}

ul.innerleft li .date,
ul.innerright li .date {
clear: both;
float: left;
padding-bottom: 1em;
}

.infobox .inner div {
clear: both;
margin-bottom: 6px;
}
.infobox .inner div img {
float: left;
margin: 0 6px 0 0;	
}
.infobox div.logotext {
clear: none;
float: right;
width: 274px;
}
.infobox h2,
.bannerbox h2 {
background: #8e8e8e url(/images/infobox-head.png) repeat-x top left;
color: #fff !important;
font-size: 0.625em !important;
font-weight: bold;
height: 17px;
min-height: 17px;
margin-bottom: 1px;
padding: 2px 0 2px 10px;
text-transform: uppercase;
}

html>body .infobox h2,
html>body .bannerbox h2 {
height: auto;	
}

.infobox h3 {
color: #666;
font-size: 0.688em;
}

.infobox p {
color: #666;
font-size: 0.688em;
padding-bottom: 1em;
}

.infobox a:link,
.infobox a:visited {
color:  #007ac3;
}

.infobox a:hover,
.infobox a:focus,
.infobox a:active {
border-bottom: 1px dotted #007ac3;
}

.infobox a.imagelink:hover,
.infobox a.imagelink:focus,
.infobox a.imagelink:active {
border-bottom: 0;
}

.infobox ul {
color: #666;
font-size: 0.688em;
}

.infobox ul li a {
font-size: 1em;
}


.infobox ul.simplelist li {
margin-bottom: 6px;	
}

.infobox ul.simplelist li a:link,
.infobox ul.simplelist li a:visited {
display: block;
}

.infobox ul.simplelist li a:hover,
.infobox ul.simplelist li a:focus,
.infobox ul.simplelist li a:active {
border-bottom: 0;
}

.infobox ul.simplelist li a:hover span,
.infobox ul.simplelist li a:focus span,
.infobox ul.simplelist li a:active span {
border-bottom: 1px dotted #007ac3;
}

.infobox ul.simplelist li ul.categories {
font-size: 1em;
}

.infobox ul.simplelist li ul.categories li {
display: inline;
margin-bottom: 0;
}

.infobox ul.simplelist li ul.categories li a:link,
.infobox ul.simplelist li ul.categories li a:visited {
color: #999;
display: inline;
text-transform: uppercase;
}

.infobox ul.simplelist li ul.categories a:hover,
.infobox ul.simplelist li ul.categories a:focus,
.infobox ul.simplelist li ul.categories a:active {
border-bottom: 1px dotted #999;
}

.infobox ul.labellist {
margin-bottom: 10px;
}

.infobox ul.labellist li {
clear: both;
}

.infobox ul.twocolumnlist {
margin-bottom: 10px;
}

.infobox ul.twocolumnlist li {
clear: both;
}

.infobox .more {
border-bottom: 0;
border-top: 1px solid #a4a4a4;
clear: both;
font-size: 1em;
margin: 1em -1px 0 -1px;
padding: 3px;
}

.infobox .button {
font-size: 1em;
}


#bookmarkID .infobox .button {
font-size: 0.688em;
}


/* Content infobox */
.content .infobox {
margin: 0 0 15px 0;
}

.content .infobox .column {
clear: none;
float: left;
width: 267px;
margin-right: 10px;
}

.content .infobox .column.last {
margin-right: 0;
}

.content .infobox ul.labellist li strong {
display: block;
float: left;
width: 90px;
}

.content .infobox ul.labellist li span {
display: block;
float: right;
width: 174px;
}

/* Secondary content infobox*/
.secondary-content .infobox,
.secondary-content .bannerbox {
float: left;
width: 180px;
margin: 0 5px 15px 3px;
overflow: hidden;
}

.secondary-content .infobox.first {
margin: 0 15px 0 3px;
}

.secondary-content .infobox.wide,
.secondary-content .bannerbox.wide {
float: none;
margin: 0 15px 15px 3px;
width: 377px;	
}

.secondary-content .infobox.wide .column {
float: left;
width: 176px;
padding-right: 6px;
}

.secondary-content .infobox.wide div.column {
clear: none;
}

.secondary-content .infobox ul.twocolumnlist li.tableheader {
margin-bottom: 2px;
padding-bottom: 4px;
border-bottom: solid 1px #a4a4a4;
}

.secondary-content .infobox ul.twocolumnlist li span.left {
display: block;
float: left;
}

.secondary-content .infobox ul.twocolumnlist li span.right {
display: block;
float: right;
text-align: right;
}

.secondary-content .infobox ul.twocolumnlist li ul.twocolumnlist {
font-size: 1em;
}

.secondary-content .infobox ul.twocolumnlist li ul.twocolumnlist li.left {
float: left;
width: 100px;
text-align: center;
}

.secondary-content .infobox ul.twocolumnlist li ul.twocolumnlist li.right {
float: right;
text-align: right;
width: 70px;
text-align: center;
}

.secondary-content .infobox ul.twocolumnlist li p {
clear: both;
font-size: 1em;
}

.secondary-content .infobox .imagelist {
padding: 10px 0 9px 9px;
}

.secondary-content .infobox .imagelist li {
width: 175px;
padding: 0 9px 15px 0;
float: left;
}

/*************************************************
=Content modules
**************************************************/
ul.actions {
clear: both;
float: right;
margin: 15px 0 10px 0;
position:relative;
top: -49px;
}

.layout122 ul.actions {
float: left !important;
padding-top: 23px;
}

ul.actions li {
float: left;
font-size: 0.688em;
}

ul.actions li.bookmark {
background: url(/images/bookmark.png) no-repeat 0 0px;
margin-right: 22px;
padding-left: 17px;
}

ul.actions li.tip {
background: url(/images/tip.png) no-repeat 0 1px;
margin-right: 22px;
padding-left: 17px;
}

ul.actions li.print {
background: url(/images/print.png) no-repeat 0 0px;
padding-left: 19px;
}

ul.actions li.pdf {
background: url(/images/pdf-icon.png) no-repeat 0 0px;
margin-left: 22px;
padding-left: 19px;
}

ul.actions li a:link,
ul.actions li a:visited {
color: #606060;
}

ul.actions li a:hover,
ul.actions li a:focus,
ul.actions li a:active {
border-bottom: 1px dotted #606060;
}

.products {
border-top: 4px solid #dcdcdc;
clear: both;
}

.content .products {
width: 600px;
overflow: hidden;
}

.products h2 {
font-size: 0.75em;
color: #666;
padding-top: 1em;
}

.products h2 a:link,
.products h2 a:visited {
color: #666;
}

.products h2 a:hover,
.products h2 a:focus,
.products h2 a:active {
border-bottom: 1px dotted #007ac3;
color: #007ac3;
}

.products .row {
clear: both;
padding: 9px 1px 0 1px;
}

.products.big .row {
padding: 9px 1px 6px 1px;
}

.products .product {
background-color: #e8e8e8;
border: 1px solid #dadada;
float: left;
font-size: 0.688em;
margin: 0 7px 9px 0;
overflow: hidden;
padding: 3px;
position: relative;
text-align: right;
width: 102px;
height: 136px;
min-height: 136px;
}

.products .product.productpage {
height: 150px;
min-height: 150px;
}

.products.big .product {
margin: 0 14px 9px 0;
width: 175px;
}

.products .product:hover {
background-color: #f7f7f7;
}

.products .product .last {
margin: 0;
}

.products .product p {
position: absolute;
bottom: 2px;
right: 5px;
line-height: 1em;
}

.products .product .productpage p {
position: absolute;
bottom: 3px;
right: 5px;
}

.products .product p strong {
white-space: nowrap;
}

.products .product h4 {
font-size: 1em;
font-weight: normal;
text-align: left;
}

.products .product h4 a:link,
.products .product h4 a:visited {
color: #000;
}

.products .product h4 a:hover,
.products .product h4 a:focus,
.products .product h4 a:active {
border-bottom: 1px dotted #000;
}

span.nyhet {
background: transparent url(/images/nyhet.png) no-repeat top left;
height: 60px;
width: 60px;
position: absolute;
top: 0;
right: 0;
}

span.garantert-billigst {
background: transparent url(/images/Maxbo_kupp.png) no-repeat top left;
height: 60px;
width: 60px;
position: absolute;
top: 0;
right: 0;
}

span.partivare {
background: transparent url(/images/partivare.png) no-repeat top left;
height: 60px;
width: 60px;
position: absolute;
top: 0;
right: 0;
}

.product span.harmoni
{
background: transparent url(/images/harmoni.png) no-repeat top left;
height: 19px;
width: 65px;
position: absolute;
top: 71px;
left: 6px;

}
span.fast-lavpris {
background: transparent url(/images/fast_lavpris.png) no-repeat top left;
height: 60px;
width: 60px;
position: absolute;
top: 0;
right: 0;
}

span.fixFerdig {
background: transparent url(/images/fixferdig.png) no-repeat top left;
height: 60px;
width: 60px;
position: absolute;
top: 0;
right: 0;
}

span.paKjopet {
background: transparent url(/images/paakjopet.png) no-repeat top left;
height: 60px;
width: 60px;
position: absolute;
top: 0;
right: 0;
}

.productpage span.harmoni, .secondary-content .product span.harmoni {
top: 99px;
left: 4px;
}

.products .product .dagskupp-onsdag {
background: transparent url(/images/dagskupp-onsdag.png) no-repeat top left;
height: 66px;
width: 80px;
position: absolute;
top: 0;
right: 0;
}

.products .product .dagskupp-torsdag {
background: transparent url(/images/dagskupp-torsdag.png) no-repeat top left;
height: 66px;
width: 80px;
position: absolute;
top: 0;
right: 0;
}

.products .product .dagskupp-fredag {
background: transparent url(/images/dagskupp-fredag.png) no-repeat top left;
height: 66px;
width: 80px;
position: absolute;
top: 0;
right: 0;
}

.products .product .dagskupp-lordag {
background: transparent url(/images/dagskupp-lordag.png) no-repeat top left;
height: 23px;
width: 70px;
position: absolute;
top: 0;
right: 0;
}

span.nyhet em,
span.garantert-billigst em,
span.partivare em,
span.harmoni em,
span.paKjopet em,
span.fixFerdig em,
.products .product .dagskupp-onsdag em,
.products .product .dagskupp-torsdag em,
.products .product .dagskupp-fredag em,
.products .product .dagskupp-lordag em,
span.fast-lavpris em {
display: none;	
}

.article 
{
overflow:hidden;		/*ny*/
padding-bottom: 0.25em;
padding-right: 15px;
}

.article h1 {
color: #666;
font-size: 1.25em;
font-weight: normal;
line-height: 1.5em;
}

.article h1.blue {
color: #666;
/* color: #007ac3; Changed per designer request */
}

.article h2 {
font-size: 0.688em;
color: #333;
}

.article h4 {
font-size: 0.688em;
color: #333;
}

.article p {
color: #333;
font-size: 0.688em;
padding-bottom: 1em;
}

.article p p {
font-size: 100%;
}

.article p.sender {
color: #666;
float: left;
width: 195px;
}

.article p.caption {
color: #666;
padding-bottom: 2em;
}

.article p em {
font-style: italic !important;
font-weight: normal !important;
}

.article img {
float: left;
margin: 0 11px 11px 0;
}

.article ul,
.article-list ul {
font-size: 0.688em;
color: #333;
margin-bottom: 1em;
padding-left: 12px;
}

.article ul li,
.article-list ul li {
list-style-type: disc;
margin-left: 5px;
}

.article ol,
.article-list ol {
font-size: 0.688em;
color: #333;
margin-bottom: 1em;
padding-left: 12px;
}

.article ol li,
article-list ol li {
list-style-type: decimal;
margin-left: 15px;
}

.article a:link,
.article a:visited {
color: #007ac3;
}

.article a:hover,
.article a:focus,
.article a:active {
border-bottom: 1px dotted #007ac3;
}

.article table,
.article-list table {
border-collapse: collapse;
border-right: 1px solid #a4a4a4;
border-top: 1px solid #a4a4a4;
margin-left: 1px;
margin-bottom: 1em;
}

.article table th,
.article-list table th  {
border-bottom: 1px solid #a4a4a4;
border-left: 1px solid #a4a4a4;
padding: 2px 4px;
background: #8e8e8e url(/images/infobox-head.png) repeat-x top left;
color: #fff !important;
font-size: 0.688em;
font-weight: bold;
height: 17px;
min-height: 17px;
margin-bottom: 1px;
}

.article table td,
.article-list table td {
border-bottom: 1px solid #a4a4a4;
border-left: 1px solid #a4a4a4;
font-size: 1em;
padding: 2px 4px;
}


.article table tr td p,
.article-list table tr td p {
font-size: 1.5em !important;
}

.article table tr td p,
.article-list table tr td p {
font-size: 1.5em;
}

.article table.searchresult tr td p,
.article-list table.searchresult tr td p {
font-size: 1em !important;
}

html>body .article table tr td p,
.article-list table tr td p {
font-size: 1em !important;
}


.article .rating {
width: 370px;
float: right;
margin-bottom: 15px;
}

.article .rating p {
padding: 0;
float: left;
padding-top: 12px;
}

.content .article.instructions h1 {
color: #666;
}

.content .article.instructions h2 {
clear: both;
background: #dfdfdf url(/images/instr-headline.png) no-repeat bottom left;
color: #666;
font-size: 0.688em;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
}

.content .article.instructions h2 span {
background: #dfdfdf url(/images/instr-headline.png) no-repeat top left;
display: block;
padding: 5px 0 0 10px;
}

.content .article.instructions h3 {
clear: both;
color: #666;
font-size: 0.688em;
padding: 5px 0;
}

.content .article.instructions img {
margin: 0 11px 11px 3px;
}

.content .article.forum {
background: url(/images/maxbo-eksperten.jpg) no-repeat bottom right;
border-bottom: 4px solid #dcdcdc;
height: 180px;
min-height: 180px;
padding: 0 195px 9px 0;
}

.content .article.askmaxbo,
.askmaxbo {
border-bottom: 0 none;
}

html>body .content .article.forum {
height: auto;
}

.article-list h1 {
color: #666;
font-size: 1.25em;
font-weight: normal;
line-height: 1.5em;
}

.article-list h1.blue {
color: #666;
/*color: #007ac3;*/
}

.article-list h2 {
color: #333;
font-size: 0.75em;
}

.article-list p {
color: #333;
font-size: 0.688em;
padding-bottom: 1em;
}

.article-list a:link,
.article-list a:visited {
color: #333;
}

.article-list a:hover,
.article-list a:focus,
.article-list a:active {
border-bottom: 1px dotted #333;
}

.article-list div a:hover,
.article-list div a:focus,
.article-list div a:active {
border: none;
}

.article-list a:link,
.article-list a:visited {
color: #007ac3;
}

.article-list.product-category a:hover,
.article-list.product-category a:focus,
.article-list.product-category a:active {
border-bottom: 1px dotted #007ac3;
}

.article .product-category p em{
font-weight: bold !important;
font-style: normal !important;
}

.product-category .special-item div{
clear:none;
}

.product-category .special-item .pictureBox{
position: relative;
}

.product-category .special-item{
padding-bottom:20px;
}

.article-list img {
float: left;
margin: 0 11px 11px 0;
}

.article-list div {
clear: both;
padding-bottom: 10px;
}

.article-list div h2 a:hover,
.article-list div p a:hover {
border-bottom: 1px dotted #333;
}

/* Gallery */
.content .gallery h1 {
color: #666;
font-size: 1.25em;
font-weight: normal;
line-height: 1.5em;
}

.content .gallery h2 {
clear: both;
background: #dfdfdf url(/images/instr-headline.png) no-repeat bottom left;
color: #007ac3;
font-size: 0.688em;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
}

.content .gallery h2 span {
background: #dfdfdf url(/images/instr-headline.png) no-repeat top left;
display: block;
padding: 5px 0 0 25px;
}

.content .gallery p {
color: #333;
font-size: 0.688em;
padding-bottom: 1em;
}

.content .gallery .row {
margin: 0 0 20px 0;
}

.content .gallery .project {
width: 183px;
float: left;
margin: 0 15px 0 0;
}

.content .gallery .project.last {
margin: 0;
}

.content .gallery h3 {
color: #007ac3;
font-size: 0.8em;
margin-bottom: 10px;
margin-top: 0px;
}

.content .gallery .project h3 {
color: #666;
font-size: 0.688em;
margin-top: 6px;
}

.content .gallery .project h3 a:link,
.content .gallery .project h3 a:visited {
color: #666;
}

.content .gallery .project h3 a:hover,
.content .gallery .project h3 a:focus,
.content .gallery .project h3 a:active {
border-bottom: 1px dotted #666;
}

.content .gallery .project p {
color: #666;
}

.content .gallery .project ul li {
color: #666;
font-size: 0.688em;
}
.content .gallery .project ul li p {
font-size: 1em;
color:#333;
}

.secondary-content .gallery .project ul li {
font-size: 1em;
}

.gallery .project ul li.description {
color: #333;
}

.gallery .project ul li.rating {
color: #018b4d;
}

.gallery .project ul li.category {
padding-top: 1em;
}

.gallery .project ul a:link {
color: #007ac3;
}

.content .gallery .project ul a:visited {
color: #007ac3;
}

.gallery .project ul a:hover,
.gallery .project ul a:focus,
.gallery .project ul a:active {
border-bottom: 1px dotted #007ac3;
}

.gallery .project a.action-button {
margin-top: 1em;
}

.gallery .more {
border-bottom: 1px solid #dcdcdc;
clear: both;
margin: 0 0 2em 0;
padding: 4px 0;
}

.gallery .more input {
background-color: #fff;
color: #007ac3;
cursor: hand;
font-size: 0.688em;
}

.content .tipsandtricks ul,
.content .inspirationContainer ul{
	display: block;
	width: 100%;

	
}
.content .inspirationContainer ul li
{
	border-bottom: 1px solid #E6E6E6;
    color: #666666;
    display: inline-block;
    font-size: 0.688em;
    /*height: 75px;*/
    margin: 10px 30px 10px 0;
    /*min-height: 75px;*/
    padding-bottom: 10px;
    vertical-align: top;
    width: 27%;
    /*IE7 hack*/
    zoom: 1; /*hasLayout*/
	*display: inline; 
	*margin-right: 20px;

}
.content .tipsandtricks ul li
{
	min-height: 75px;
	display: block;
	float: left;
	font-size: 0.688em;
	width: 28%;
	margin: 0 30px 10px 0;
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: solid 1px #e6e6e6;
	color: #666;
	height:75px;
}

.content .inspirationContainer ul li{
	/*height:165px;*/
	/*height:190px;*/
	overflow: hidden;
    /*padding-bottom: 2px;*/
}

.content .tipsandtricks ul li a,
.content .inspirationContainer ul li a {
	display: block;
	color: #007ac3;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 5px;
}

/* inspirationContainer */




.content .listbycategory {
border-top: 4px solid #dcdcdc;
padding: 10px 0 0 0;
width: 610px;
}

.content .listbycategory .row {
margin-bottom: 10px;
}

.content .listbycategory .column {
width: 187px;
float: left;
margin: 0;
margin-right: 10px;
min-height: 150px;
height: 150px;
}

html>body .content .listbycategory .column {
	height: auto;
}

.content .listbycategory .column.highlight {
background-color: #e1f2fb;
}

.content .listbycategory .column .grouped {
background: #e1f2fb;
}

.content .listbycategory .column .grouped ul {
border-bottom: 1px solid #fff;	
}

.content .listbycategory .column .grouped ul:last-child {
border-bottom: 0;	
}

.content .listbycategory .column h2 {
color: #666;
font-size: 0.75em;
padding: 15px 0 5px 2px;
margin: 0 8px;
border-bottom: solid 1px #e6e6e6;
}

.content .listbycategory .column.highlight h2 {
border-bottom: solid 1px #fff;
}

.content .listbycategory .column ul li {
border-bottom: solid 1px #e6e6e6;
}

.content .listbycategory .column.highlight ul li {
border-bottom: solid 1px #fff;
}

.content .listbycategory .column div h2 {
padding-left: 0px;
border-bottom: none;
}


.content .listbycategory .column h2 a:link,
.content .listbycategory .column h2 a:visited {
color: #666;
display: block;
}

.content .listbycategory .column h2 a:hover span,
.content .listbycategory .column h2 a:focus span,
.content .listbycategory .column h2 a:active span {
border-bottom: 1px dotted #007ac3;
}

.content .listbycategory .column p {
font-size: 0.688em;
color: #666;
margin: 0 8px;
padding-bottom: 2em;
border-bottom: solid 1px #e6e6e6;
}

.content .listbycategory .column p.intro {
padding-bottom: 5px;
border-bottom: none 0px;
}

.content .listbycategory .column p.intro a:link,
.content .listbycategory .column p.intro a:visited {
color: #007ac3;
}

.content .listbycategory .column p a:link,
.content .listbycategory .column p a:visited {
color: #666;
}

.content .listbycategory .column p a:hover,
.content .listbycategory .column p a:focus,
.content .listbycategory .column p a:active {
border-bottom: 1px dotted #666;
}

.content .listbycategory .column div:hover p a {
border-bottom: 1px dotted #666;
}

.content .listbycategory .column ul {
color: #666;
font-size: 0.688em;
margin: 0 8px;
padding: 0 0 15px 0;
}

.content .listbycategory .column ul li {
padding: 3px 0;
}

.content .listbycategory .column ul li.last {
border-bottom: 0;
}

.content .listbycategory .column ul li.video {
background: url(/images/video.png) no-repeat scroll 160px 4px;
}

.content .listbycategory .column ul li a:link,
.content .listbycategory .column ul li a:visited {
color: #007ac3;
display: block;
padding-left: 2px;
}


.content .listbycategory .column ul li.video a:link,
.content .listbycategory .column ul li.video a:visited {
padding-right: 15px;
}

.content .listbycategory .column ul li a:link,
.content .listbycategory .column ul li a:visited {
margin-bottom: 1px;
}

/*
.content .listbycategory .column ul li a:hover span,
.content .listbycategory .column ul li a:focus span,
.content .listbycategory .column ul li a:active span,
.content .listbycategory .column ul li a:hover,
.content .listbycategory .column ul li a:focus,
.content .listbycategory .column ul li a:active {
border-bottom: 1px dotted #007ac3;
margin-bottom: 0px;
}
*/

.content a.action-button:link,
.content a.action-button:visited {
background: url(/images/action-button.png) no-repeat top right;
color: #007ac3;
display: block;
font-size: 0.688em;
font-weight: bold;
height: 50px;
padding: 0 58px 0 0;
}

.content a.action-button:hover,
.content a.action-button:focus,
.content a.action-button:active {
background: url(/images/action-button.png) no-repeat top right;
border: 0;
}

.content .action-button span {
background: url(/images/action-button.png) no-repeat top left;
display: block;
height: 50px;
line-height: 50px;
text-align: right;
cursor: hand;
}

.content .forumlist {
clear: both;
}

.content .forumlist h1 {
color: #666;
font-size: 1.25em;
font-weight: normal;
line-height: 1.5em;
}

.content .forumlist .question {
border-bottom: 1px solid #dcdcdc;
padding: 12px 0 0 0;
}

.content .forumlist .question.maxbo-answer {
background: url(/images/maxbo-answer.png) no-repeat 0 12px;
padding-left: 58px;
}

.content .forumlist .question h3 {
color: #666;
font-size: 0.688em;
font-weight: bold;
}

.content .forumlist .question h3 a:link {
color: #666;
}

.content .forumlist .question h3 a:visited {
color: #2d6f96;
}

.content .forumlist .question h3 a:hover,
.content .forumlist .question h3 a:focus,
.content .forumlist .question h3 a:active {
border-bottom: 1px dotted #666;
}

.content .forumlist .question p {
color: #666;
font-size: 0.688em;
padding-bottom: 1em;	
}

.content .forumlist .question p a:link {
color: #666;
}

.content .forumlist .question p a:visited {
color: #2d6f96;
}

.content .forumlist .question p a:hover,
.content .forumlist .question p a:focus,
.content .forumlist .question p a:active {
border-bottom: 1px dotted #666;
}

.content .forumlist .question p a:link,
.content .forumlist .question p a:visited,
.content .forumlist .question p a:hover,
.content .forumlist .question p a:focus,
.content .forumlist .question p a:active {
color: #007ac3;
}

.content .forumlist .question p.sender {
color: #666;
font-size: 0.625em;
}

/* Services list */
.content .article .services div {
clear: both;
}

.content .article .services img {
clear: none;
float: left;
margin: 0 0 15px 0;
width: 85px;
}

.content .article .services h2 {
clear: none;
float: right;
width: 470px;
}

.content .article .services p {
float: right;
width: 470px;
margin-bottom: 15px;
}

/* Pager */
ul.pager {
font-size: 0.688em;
margin: 7px 0;
}

ul.pager li {
float: left;	
list-style-type: none !important;
}

ul.pager li.prev a:link,
ul.pager li.prev a:visited {
padding: 0 2px 0 0;
color:  #007ac3;
}

ul.pager li.prev a:focus,
ul.pager li.prev a:active,
ul.pager li.prev a:hover {
border-bottom: 1px dotted #007ac3;
}

ul.pager li.prev span {
color: #ccc;
list-style-type: none !important;
padding: 0 2px 0 0;
}

ul.pager li.next {
list-style-type: none !important;
float: right;
}

ul.pager li.next a:link,
ul.pager li.next a:visited {
padding: 0 0 0 2px;
color:  #007ac3;
}

ul.pager li.next a:focus,
ul.pager li.next a:active,
ul.pager li.next a:hover {
border-bottom: 1px dotted #007ac3;
}

ul.pager li.next span {
color: #ccc;
padding: 0 0 0 2px;
}

ul.pager li ol {
list-style-type: none !important;
margin: 1px 0 0 50px;
}

ul.pager li ol li {
list-style-type: none !important;
float: left;
}

ul.pager li ol li a:link,
ul.pager li ol li a:visited {
background-color:  #007ac3;
border: 1px solid #007ac3;
color: #fff;
display: block;
height: 11px;
line-height: 1em;
margin-right: 2px;
text-align: center;
text-decoration: none;
width: 11px;
}

ul.pager li ol li a:focus,
ul.pager li ol li a:active,
ul.pager li ol li a:hover {
background-color: #fff;
color: #333;
}

ul.pager li ol li span {
background-color: #fff;
border: 1px solid #fff;
color: #ccc;
display: block;
height: 11px;
line-height: 1em;
margin-right: 2px;
text-align: center;
text-decoration: none;
width: 11px;
}

/* Search result */
table.searchresult {

}

table.searchresult thead th {
padding: 10px 0 5px 0;
border-bottom: 1px solid #dcdcdc;
margin-bottom: 5px;
}

table.searchresult td,
table.searchresult th {
padding-right: 10px;
}

/*************************************************
=Secondary content modules
**************************************************/
.related-info {
margin-bottom: 12px
}

.related-info h2 {
background: #fff url(/images/tab-toptab.png) no-repeat bottom left;
color: #6d6d6d;
font-size: 0.625em;
font-weight: bold;
padding: 0 0 5px 0;
text-transform: uppercase;
width: 134px;
position: relative;
bottom: -4px;
}

.related-info h2 span {
background: #fff url(/images/tab-toptab.png) no-repeat top left;
display: block;
padding: 10px 0 0 0;
text-align: center;
}

.related-info .topbox {
background: #fff url(/images/tab-topbox.png) no-repeat top left;
padding: 16px 12px 12px 16px;
}

.related-info .bottombox {
background: #fff url(/images/tab-bottombox.png) no-repeat bottom left;
clear: both;
padding: 16px 12px 20px 16px;
}

.related-info ul.tabmenu {
background: #f3f3f3 url(/images/tabs-bg.png) no-repeat bottom right;
height: 24px;
min-height: 24px;
}

html>body .related-info ul.tabmenu {
height: auto;
}

.related-info ul.tabmenu li {
color: #6d6d6d;
float: left;
font-size: 0.625em;
font-weight: bold;
padding: 0 0 6px 0;
text-align: center;
text-transform: uppercase;
}

.related-info ul.tabmenu li.tab1 {
background: #fff url(/images/tab1.png) no-repeat bottom left;
width: 131px;
}

.related-info ul.tabmenu li.tab1 a {
background: #fff url(/images/tab1.png) no-repeat top left;
color: #6d6d6d;
display: block;
padding: 6px 3px 0 10px;
}

.related-info ul.tabmenu li.tab1-selected {
background: #fff url(/images/tab1-on.png) no-repeat bottom left;
width: 131px;
}

.related-info ul.tabmenu li.tab1-selected span {
background: #fff url(/images/tab1-on.png) no-repeat top left;
display: block;
padding: 6px 3px 0 10px;
}

.related-info ul.tabmenu li.tab2 {
background: #fff url(/images/tab2.png) no-repeat bottom left;
width: 125px;
}

.related-info ul.tabmenu li.tab2 a {
background: #fff url(/images/tab2.png) no-repeat top left;
color: #6d6d6d;
display: block;
padding: 6px 3px 0 2px;
}

.related-info ul.tabmenu li.tab2-selected {
background: #fff url(/images/tab2-on.png) no-repeat bottom left;
width: 125px;
}

.related-info ul.tabmenu li.tab2-selected span {
background: #fff url(/images/tab2-on.png) no-repeat top left;
display: block;
padding: 6px 3px 0 2px;
}

.related-info ul.tabmenu li.tab3 {
background: #fff url(/images/tab3.png) no-repeat bottom left;
width: 131px;
}

.related-info ul.tabmenu li.tab3 a {
background: #fff url(/images/tab3.png) no-repeat top left;
color: #6d6d6d;
display: block;
padding: 6px 9px 0 2px;
}

.related-info ul.tabmenu li.tab3-selected {
background: #fff url(/images/tab3-on.png) no-repeat bottom left;
width: 131px;
}

.related-info ul.tabmenu li.tab3-selected span {
background: #fff url(/images/tab3-on.png) no-repeat top left;
display: block;
padding: 6px 9px 0 2px;
}

.related-info ul.tabmenu li.tab1-selected a:link span,
.related-info ul.tabmenu li.tab1-selected a:visited span,
.related-info ul.tabmenu li.tab2-selected a:link span,
.related-info ul.tabmenu li.tab2-selected a:visited span,
.related-info ul.tabmenu li.tab3-selected a:link span,
.related-info ul.tabmenu li.tab3-selected a:visited span
{
color: #6d6d6d;
}

.related-info .topbox p,
.related-info .bottombox p {
font-size: 0.688em;
}

.related-info .topbox ul,
.related-info .bottombox ul {
float: left;
font-size: 0.688em;
width: 172px;
padding-right: 6px;
}

.related-info .topbox ul li,
.related-info .bottombox ul li {
margin-bottom: 5px;
line-height: 1.25em;
margin-bottom: 7px;
}


.related-info .topbox a:link,
.related-info .bottombox a:link {
color: #007ac3;
}

.related-info .topbox a:visited,
.related-info .bottombox a:visited {
color: #2d6f96;
}

.related-info .topbox a:hover,
.related-info .topbox a:focus,
.related-info .topbox a:active,
.related-info .bottombox a:hover,
.related-info .bottombox a:focus,
.related-info .bottombox a:active {
border-bottom: 1px dotted #007ac3;
}

.related-info ul li.video a {
background: url(/images/video_blue.gif) no-repeat top right;
padding-right: 16px;
}

.secondary-content .boxrow {
clear: both;
margin: 0 0 15px 0;	
}

.secondary-content .products {
border-top: 0;
}

.secondary-content .products .row {
margin-bottom: 15px;
padding: 0 3px;
}

.secondary-content .products .product {
margin: 0 15px 0 0;
width: 175px;
}

.secondary-content .products .product.last {
margin: 0;
}

.secondary-content .products h4,
.secondary-content .products p {
display: inline;
}

.providers {
padding: 9px;
}

.providers h3 {
font-size: 0.688em;
color: #333;
}

.providers h3 a:link,
.providers h3 a:visited {
color: #333;
}

.providers h3 a:hover,
.providers h3 a:focus,
.providers h3 a:active {
border-bottom: 1px dotted #333;
}

.providers p {
color: #333;
float: left;
font-size: 0.688em;
padding-bottom: 1em;
width: 260px;
}

.providers img {
clear: both;
float: left;
margin: 6px 11px 11px 0;
}

.secondary-content .moreimages {
text-align: right;
padding: 0 6px 0 0;
line-height: 2em;
}

.secondary-content .moreimages a:link,
.secondary-content .moreimages a:visited {
color: #666;
}

.secondary-content .moreimages a:hover,
.secondary-content .moreimages a:focus,
.secondary-content .moreimages a:active {
border-color: #666;
}

#mapDirections, .mapdirections {
clear:both;
padding-top: 10px;
margin-left: 215px;
font-size: 0.875em;
}

.mapdirections .route {
display: block;
font-weight: bold;
margin-bottom: 3px;
}

.mapdirections .startpoint {
font-size: 0.86em;
font-weight: bold;
margin-right: 10px;
}

.mapdirections .endpoint {
clear: both;
font-size: 0.86em;
font-weight: bold;
margin-right: 10px;
}

#map {
float: right;
}

.form div.listsent {
font-size: 0.688em;
color: #666;
padding-bottom: 0;
margin-bottom: 0;
}

.form div label {
color: #666;
}

.content-nav h2 span a:link,
.content-nav h2 span a:active,
.content-nav h2 span a:visited,
.content-nav h2 span a:hover,
.content-nav h2 span a,
a.listheading:link,
a.listheading:active,
a.listheading:visited,
a.listheading:hover {
color: #666;
text-decoration: none;
}

/*************************************************
=Thickbox
**************************************************/

.landscape
{
	width: 271px;
	float: left;
}
.pictureBox
{
	width: 283px;
	overflow:hidden;
}

.landscape .pictureTextBox {
	clear: both;
 
}
.portrett {
	float: left;
}
.divWidth271
{
	width: 271px;
}

.top-pager{
margin-bottom: 10px;
}

.article p.pclass, .top-pager p.pclass
{
color: #ccc;
font-size: 0.688em;
padding-bottom: 2px;
}

.top-pager p.pclass a
{
color:#007AC3;
}

.top-pager a:hover, .top-pager a:focus, .top-pager a:active {
border-bottom:1px dotted #007AC3;
}


.border{
	border-bottom: #eee 4px solid;
}

.hrrule{
	border: solid 2px #ccc;
	margin-bottom: 10px;
	margin-top: 1px;
}
.portrett p,
.harmonigallery {
	padding: 10px 0pt 0pt 0px !important;
	float: left;
	clear: both;
	width: 271px;
}

.productPager
{
	padding-top: 10px;
	text-align:right;
}

html>body .productPager
{
	padding-top: 0;
}

.special-list h1{
	padding-bottom: 20px;
}

/*************************************************
=Low price list
**************************************************/

.lowprice-list h1 {
color:#666666;
font-size:1.25em;
font-weight:normal;
line-height:1.5em;
}

.lowprice-list .article {
padding-bottom: 0px;
}


.lowprice-list .products .product img {
width: 100px;
height: 50px;
}

.lowprice-list .products .product{
height: 85px;
min-height: 85px;
}

.lowprice-list .products .product span.harmoni{
top: 32px;
}

.lowprice-list a{
color: #000;
}

.lowprice-list .products{
padding-bottom: 10px;
}

.lowprice-list a:hover{
text-decoration: underline;
}

.lowprice-list ul.category-list{
padding-bottom: 15px;
}

.lowprice-list ul.category-list h2{
font-size: 0.75em;
color: #666;
padding-bottom: 1em;
}

.lowprice-list ul.category-list a{
color:#007AC3;
font-size: 0.688em;
}

.lowprice-list .lowprice-cat{
border-top:4px solid #DCDCDC;
clear:both;
margin-bottom: 10px;
}

.lowprice-list .lowprice-cat h2 {
color:#666666;
font-size:0.75em;
padding-top:1em;
padding-bottom: 1em;
}

.lowprice-list .lowprice-cat h2 a {
color:#666666;
}

.lowprice-list .lowprice-cat p, .lowprice-list .lowprice-cat h3{
font-size:0.688em;
}

.lowprice-list .lowprice-cat h3{
font-weight: bold;
padding-bottom:0px;
}

.lowprice-list .lowprice-cat a.back{
font-size:0.688em;
padding: 0 0 0 0;
color:#007AC3;
}

.lowprice-list .lowprice-cat li{
overflow: hidden;
padding: 5px 3px 5px 0px;
width: 577px;
position: relative;
}

.lowprice-list .lowprice-cat li:hover, .lowprice-list .lowprice-cat li.odd:hover{
background-color: #f7f7f7;
}

.lowprice-list .lowprice-cat li span.harmoni{
	background: transparent url(/images/harmoni.png) no-repeat top left;
	height: 19px;
	width: 65px;
	position: absolute;
	top: 34px;
	left: 1px;
}

.lowprice-list .lowprice-cat li.odd{
background-color: #E1F2FB;
}

.lowprice-list .lowprice-cat li img{
padding-right: 10px;
}

.lowprice-list .lowprice-cat li .textbox, .lowprice-list .lowprice-cat li img{
float: left;
}

.lowprice-list .lowprice-cat li .textbox{
width: 400px;
}

.lowprice-list .lowprice-cat li p.price{
float: right;
font-weight: bold;
max-width: 150px;
width: auto;
text-align:right;
}

.lowprice-list .lowprice-cat li h3{
float: left;
max-width: 300px;
width: auto;
}

.lowprice-list a.top{
color: #007AC3;
padding-bottom: 5px;
display:block;
font-size: 0.75em;
font-weight: bold;
}


.price-info{
	background-color:#E8E8E8;
	border:1px solid #DADADA;
	padding: 3px;
}

.Forumlink{
	float:right;
	font-size:0.658em;
	font-weight:bold;
	margin-bottom:5px;
	margin-right:5px;
}

/*************************************************
=Other page(s)
**************************************************/
.margt1em {margin-top: 1em;}
.margr1em {margin-right: 1em;}
.margb2em {margin-bottom: 2em;}
.w70 {width: 70px;}
.w100 {width: 100px;}
.w140 {width: 140px;}
.w223 {width: 223px;}
.w290 {width: 290px;}
.w276 {width: 276px;}
.w300 {width: 300px;}
.w405 {width: 405px;}
.w578 {width: 578px; resize:none;}/*google Chrome fix*/


#wrapper .IframeFrame{
background-color: #fff;
color: #000;   
margin: 0 auto;
text-align: left; 
width: 998px;
}

#content-wrapper {
padding: 12px 6px 0 9px;
}

.warehouseTable{
position:relative;
width:350px;
padding-bottom:20px;
}

/*celler*/
.warehouseTable .county{
font-weight:bold;
font-size: 14px;
display:block;
padding-top:10px;
*padding-top:10px;
}

.warehouseTable td
{
padding-bottom:0;
*padding-bottom:3px;
*padding-top:2px;
}

/* --------------------- project gallery ----------------------- */

#projectgallery .nav-prev{
	position: relative !important; 
	cursor: pointer !important; 
	top: 100px !important;
	left: -25px !important;
}

#projectgallery .nav-next{
	position: relative !important; 
	cursor: pointer !important; 
	top: 100px !important;
	left: 553px !important;
}
	
.panel .panel-overlay{
	background:red !important;
	opacity: 0,1;
	width:560px !important;
	height:63px !important;
	margin-left:10px !important;
	margin-bottom:10px !important;
}

.panel .panel-overlay p{
	padding:10px !important;
	position:relative !important;
}

.panel{
	height: 498px !important;
}

.strip_wrapper{
	position:relative !important;
	left: 0px !important;
	width: 550px !important;
}

.filmstrip{
	width: 580px !important;
}

#content-wrapper {
background-color: #fff;
width: 994px;

}

#content-wrapper-inner {
	/*width: 981px;*/
	float:left; 
	margin:9px;
}

.sideBySideProjectArticle {
	width:980px;
	float:left;
}

/* -------------------- project article -------------------- */

.projectArticle_310x200 {
	width: 300px;	
	display: inline-block;
	vertical-align: top;   
	margin-bottom: 50px;
	margin-right: 18px; 
	*display: inline; 
	*zoom: 1;
	*margin-right: 22px;
}

.projectArticle_310x200 a {
	color: #007ac3;
}

.projectArticle_310x200 a:hover {
	border-bottom: 1px dotted #007ac3;
}

.projectArticle_310x200 p a {
	color: #5A5A5A;
}

.projectArticle_310x200 h3 {
	color: #6E6E6E;
	font-size:13px;
	height: 18px;
    overflow: hidden;
    width: 310px;   
}

.projectArticle_310x200-rightSide{
	width:310px;
	float:left;
	position:relative;
	margin-top:20px; 
	margin-bottom:10px;       
}

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

.article_310x200_img{
width:310px;
height:200px;      
}

.FBFaceImage-mainTop {
	height:50px;
	margin-left:0;
	margin-right:10px;
	margin-top:10px;
	float:left;
	margin-left:10px;
}

.FBFaceImage-mainTop p{
	left:50px;
	margin-left:10px;
	position:relative;
	top:-74px;
	height:50px;
	overflow:hidden;
	width:584px;
}

.FBFaceImage {
	height:50px;
	margin-left:0;
	margin-right:10px;
	margin-top:10px;
	float:left;
	width:50px;
}

.FBFaceImage p{
	height:50px;
	left:50px;
	margin-left:10px;
	overflow:hidden;
	position:relative;
	top:-53px;
	width:240px;
}

.projectArticle-introText{
	font-size:12px;
	color:#5a5a5a;    
}

.projectArticle-introText span{
	position: relative;
    top: 8px;   
}

/* ------------------- image wrapper ------------------ */

.image-wrapper {
	position: relative;
	background: #f2f2f2;
	height:200px;
	margin-bottom: 8px;
	border: 1px solid #E2E2E2;
	overflow: hidden;
}

.image-wrapper .leftSide {
	width:87px;
	height:87px;
	position: absolute;
	top: -2px;
	z-index: 10;
}

.image-wrapper .rightSide {
	width:76px;
	height:81px;
	position: absolute;
	right: 0;
	bottom: -3px;
	z-index:10;
}

.beforePicture {
	background:url(../images/image-shadow.png) no-repeat right bottom;
	position: absolute;
	left:10px;
	top:10px;
	z-index:8;
	width:139px;
	height:91px;
	padding: 0 9px 8px 0;
}

.beforePicture img {
	height:91px;
	width:139px;
	border: 1px solid #ccc !important;
}

.afterPicture{
	position: absolute;
	bottom: 10px;
	right: 10px;
	height: 133px;
	width: 190px;
}

.afterPicture img{
	height:133px;
	width:190px;
	border: 1px solid #ccc !important;   
}

/* ------------------- ------------------ */
    
.image-wrapper-mainTop-left{
	background: #f2f2f2;
	/*height:233px;
	width:310px;*/
	margin-bottom:5px;
	float:left;
	margin-right:20px;
	margin-left:10px;
	
	min-height:233px !important;
	min-width:310px !important;
	max-height:233px !important;	/*Satt for å fikse midlertidig skaleringsfeil*/
	max-width:310px !important;
	overflow:hidden !important;
}

.image-wrapper-mainTop-right{
	background: #f2f2f2;
	/*height:233px;
	width:310px;*/
	margin-bottom:5px;
	margin-right:25px;
	position:relative;
	float:left;
	
	min-height:233px !important;
	min-width:310px !important;
	max-height:233px !important;	/*Satt for å fikse midlertidig skaleringsfeil*/
	max-width:310px !important;
	overflow:hidden !important;
}

.image-wrapper-mainTop-left .leftSide{
	background:url("/images/cornerLeft2.png");
	float:left;
	height:79px;
	/*position:relative;
	top:-245px;*/					/*Satt for å fikse midlertidig skaleringsfeil*/
	width:81px;
	z-index:10;
	position:absolute;
	left:9px;
}

.image-wrapper-mainTop-right .rightSide{
	background:url("/images/cornerRight.png");
	float:right;
	height:81px;
	/*position:relative;
	top:-245px;*/					/*Satt for å fikse midlertidig skaleringsfeil*/
	width:76px;
	z-index:10;
	right:0px;
	position:absolute;
}

.projectArticle-introText-mainTop{
	color:#5A5A5A;
	font-size:12px;
	position:relative;
	width:645px; 
}

.FBUserName-mainTop p{
	height:20px;
	left:-10px;
	overflow:hidden;
	position:relative;
	top:0px;
	width:120px;
}

.FBUserName p{
	height:20px;
	left:-60px;
	overflow:hidden;
	position:relative;
	top:60px;
	width:120px;
}

.projectArticle_310x200-mainTop {
	background: url(../images/gradientHP.png) repeat;
	float:left;
	margin-bottom:10px;
	margin-top:20px;
	position:relative;
	width:970px;
	height: 333px;   
}

.article.galleryProject h1 {
	padding-left: 10px;
}

.shareYourProject {
	border: solid 1px #e2e2e2;
	float: right;
	width: 250px;
	padding: 15px;
	margin: 0 10px 0 0;
}

.shareYourProject p, .shareYourProject h2 {
	margin: 0;
	padding-bottom: 10px;
	color:#6e6e6e;
}

.shareYourProject h2 {
	font-size: 14px;
}

.buttonGreen{
	background: url(../images/btnGreen.gif) no-repeat top center;
	height: 50px;
	text-align: center;
}

.buttonGreen a{
	color:#fff !important;
	padding: 16px 40px;
	font-weight:bold;
	font-size: 14px;
	padding-top: 14px;
	position: relative;
	top: 14px;
}

.buttonGreen  a:hover {
	border-bottom: 1px dotted #fff;
}

/* -------------------- step by step --------------------*/

.stepByStep {
}

.stepByStep-inner p{
	color:#fff;
	left:75px;
	overflow:hidden;
	position:relative;
	width:250px;
	font-size: 13px;
    height: 114px;
    top: -139px;
}

.stepByStep-wrapper{
	float:left;
	height:800px;
	position:relative;
	top:6px;
	width:355px;
	margin-left:25px;
}

.step1{
	height:155px;
}

.step2{
	height:155px;
}

.step3{
	height:155px;
}

.stepByStepImage1{
	background:url("../images/stepByStepBlue.gif");
	height:157px;
	max-height:157px !important;
	width:355px;
}

.stepByStepImage2{
	background:url("../images/stepByStepBlue2.gif");
	height:157px;
	width:355px;
}

.stepByStepImage3{
	background:url("../images/stepByStepBlue3.gif");
	height:157px;
	width:355px;
}

.stepByStepDivider{
	background:url("../images/stepByStepDivider.gif");
	height:88px;
	left:160px;
	position:relative;
	width:17px;
}

/* ---------- inactive steps ----------*/

.stepByStepImage1.inactive{
	background:url("../images/stepByStepGrey.gif");
}

.stepByStepImage2.inactive{
	background:url("../images/stepByStepGrey2.gif");
}

.stepByStepImage3.inactive{
	background:url("../images/stepByStepGrey3.gif");
}

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

.logIn-wrapper{
	position:relative;
	float:left;
	width:670px;
	height: 440px;
}

.logIn{
	border: solid 1px #999999;
	width:270px;
	float:left;
	height:249px;
	background: #f2f2f2;
}

.logIn p{
	margin-left:20px;
}

.logIn .forgotPass{
	margin-left:20px;
	text-decoration:none;
	font-size: 12px;
}

.logIn .btnLogIn-img{
	top:15px;
	position:relative;
	float:right;
	height:28px;
	width:131px;
	margin-right:25px;
}

.logIn .custHeading{
	margin-left:20px;
	margin-top:15px;
	color:#b5b5b5;
	font-weight: bold;
	font-size: 13px;
}

.logIn .emailInput{
	border:1px solid #999999;
	height:26px;
	*height:20px;
	width:225px;
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}

.logIn .passwordInput{
	border:1px solid #999999;
	height:26px;
	*height:20px;
	width:225px;
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}

.logInFacebook{
	border:1px solid #999999;
	float:left;
	height:91px;
	position:relative;
	top: -364px;
	*top:-11px;
	width:270px;
}

.logInFacebook .custHeading{
	margin-left:20px;
	margin-top:10px;
	color:#b5b5b5;
	font-weight: bold;
	font-size: 13px;
}

.logInFacebook p{
	margin-left:20px;
	width:180px;
}

.logInFacebook img{
	height:50px;
	left:210px;
	position:relative;
	top:-50px;
	width:50px;
}

.regAsUser{
	border: 1px solid #999999;
    float: right;
    height: 341px;
    left: -120px;
    margin-left: 25px;
    position: relative;
    top: -261px;
    *top: 0px;
    width: 270px;   
}

.regAsUser .custHeading{
	margin-left:20px;
	margin-top:15px;
	color:#b5b5b5;
	font-weight: bold;
	font-size: 13px;
}

.regAsUser p{
	margin-left:20px;
	width:180px;
}

.regAsUser img{
	top:5px;
	*top:4px;
	position:relative;
	float:right;
	height:26px;
	width:132px;
	margin-right:25px;
}

.regAsUser .emailInput{
	border:1px solid #999999;
	height:26px;
	*height:20px;
	width:225px;
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}

.regAsUser .passwordInput{
	border:1px solid #999999;
	height:26px;
	*height:20px;
	width:225px;
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}

.regAsUser .repeatPasswordInput{
	border:1px solid #999999;
	height:26px;
	*height:20px;
	width:225px;
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}

#rememberMe p{
	left:25px;
	position:relative;
}


.form-checkbox{
	left:20px;
	position:relative;
	top:15px;
}

.backAndSend{
	background: none repeat scroll 0 0 #F2F2F2;
	border:1px solid #999999;
	height: 40px;
	margin-top: 10px;
	position: relative;
	top: -365px;
	*top: 10px;
	width: 548px;
	float: left;
}

.backButton .btnBack-img{
	float: left;
	height: 33px;
	position: relative;
	top: 4px;
	width: 74px;
	margin-left:10px;
}

.backButton .btnSendInn-img{
	float: right;
	height: 33px;
	margin-right: 18px;
	position: relative;
	top: -29px;
	width: 81px;
	margin-right:10px;
}

.categories-wrapper .galleryTreeFrame{
}

.galleryTreeFrame {
    border:1px solid #E2E2E2;
    padding-bottom:15px;
    padding-top:6px;
    margin-bottom:15px;
    background: url(../images/gradientHP.png) repeat-x;   
}

.galleryTree{
	position:relative;
	height:auto;
}

.galleryTree .tabbedLI{
	 font-size:13px;
    left:10px;
    line-height:18px;
    position:relative;
    max-width:280px;
}

.galleryTree a {
	color: #007ac3;
}

.galleryTree a:hover {
	border-bottom: 1px dotted #007ac3;
}

/* -------------------- projectgroup -------------------- */

.groupContainer {
	width: 970px;
	overflow: hidden;
}

.projectgroup {
	padding-bottom: 20px;
	padding-top: 12px;
	border-top: 1px solid #ccc;
	/*width: 1000px; /*wider than container to chop off margin*/
}

.projectgroup h2 {
	font-size: 110%;
	color: #666;
	margin-bottom: 15px;
}

.projectgroup h2 a {
	color: #007ac3;
}

.projectgroup h2 a:hover {
	border-bottom: 1px dotted #007ac3;
}



.fbDiv{
	float:right;
    padding-right:10px;
    position: relative;
    top:-45px;
    height:49px;
    width:73px;
}

.loginButtonsWithColor {
	background:url(/images/knappBG2.png) no-repeat top right;
	height: 30px;	
	position:relative;
    right:21px;
    top:12px;
}

.loginButtonsNoColor {
	background:url(/images/knappBG.png) no-repeat top right;
	height:30px;	
	position:relative;
    right:21px;
    top:39px;
}

.btnLogin1{
    cursor:pointer;
    left:145px;
    position:relative;
    top:5px;
    height:26px;
    text-align:center;
    width:114px;
}

.btnLogin2{
    cursor:pointer;
    height:26px;
    text-align:center;
    cursor:pointer;
    left:139px;
    position:relative;
    top:5px;
    width:127px;
}

.regKnapp{
	background:#f4f4f4;
}

.FBLogo{
	height:49px;
	width:80px;
	cursor:pointer;
	background: url(/images/facebook_logo.png) no-repeat top right;
}

.loginStatusReturnGood{
    height: auto;
    max-width: 534px !important;
    position: relative;
    top: -95px;
    width: 534px;
    color:Green;
}

.loginStatusReturnBad{
    height: auto;
    max-width: 534px !important;
    position: relative;
    top: -95px;
    width: 534px;
    color:Red;
}

ul.mediaActions{
	clear: both;
    left: 18px;
    margin: 15px 0 10px;
    position: relative;
    top: 2px;
    *top: -3px;
    width: 256px;
}

ul.mediaActions li {
    float: left;
    font-size: 0.688em;
    margin-right:10px;
}
ul.mediaActions li.FBLike {
    float: left;
    font-size: 0.688em;
    width:49px;
    padding-right:20px;
}

.otherUserProjects{
    font-size: 12px;
    left: 68px;
    position: relative;
    top: -47px;
    *top: -46px;
    padding-bottom:10px;
}

.otherUserProjects li{
	width: 245px;
}

.otherUserProjects li a:hover{
	border-bottom: 1px dotted #007ac3;
}

.otherUserProjects li a{
	color:#007AC3;
}

.secondary-content.version2 {
	width: 350px;
	padding-bottom: 15px;
}

.facePictureWrapper{
	margin-bottom:10px;
	margin-top: 35px;
}

#textHere{
	width:auto;
	height:auto;
}

.columnRightside .shareYourProject,
.secondary-content .shareYourProject {
	float: none;
	width: auto;
	margin: 0 0 15px 0;
	font-size: 12px;
}

.freebox.wide {
	margin-bottom: 15px;
	max-height:203px !important;
	overflow: hidden;
	padding-bottom: 10px;	
	border: 1px solid #a4a4a4;
}

.freebox .inner a {
	font-size: 0;
}

.freebox.wide .inner {
	padding: 6px;
}

.freebox p {
	color: #666666;
	font-size: 0.688em;
}

.freebox h2 {
	background: #8e8e8e url(/images/infobox-head.png) repeat-x top left;
	color: #fff !important;
	font-size: 0.625em !important;
	font-weight: bold;
	height: 17px;
	min-height: 17px;
	margin-bottom: 1px;
	padding: 2px 0 2px 10px;
	text-transform: uppercase;
}

.secondary-content .freebox .inner a {
/*	font-size: 0;*/
}

.secondary-content .freebox.wide .inner {
	padding: 6px;
}

html>body .freebox h2 {
	height: auto;
	padding:5px;	
}

.columnRightside {
	float: right;
	width: 315px;
	margin: 44px 0 15px 0;
	background: #fff;
	padding-left: 5px;
}

.groupContainer .columnRightside {
}

/* --------------------- project upload --------------------- */

.project-upload-info {
	padding-bottom: 20px;
}

.project-upload-info div {
	border-top: 1px dashed #ccc;
	padding-top: 10px;
}

.project-upload-info label {
	font-size: 12px;
	font-weight: bold;
}

.uploadbox {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 5px;
}

/* ----- box head ----- */ 

.uploadbox .boxhead {
	position: relative;
	height: 35px;
}

.uploadbox .imageNumber,
.uploadbox iframe,
.uploadbox .switch {
	position: absolute;
}

.uploadbox .imageNumber {
	top: 10px;
}

.uploadbox iframe {
	left: 30px;
	top: 0;
	*height:40px;
}

/* switch (order and delete) */

.uploadbox .switch {
	right: 0;
	top: 7px;
	font-size: 12px;
}

.switch .switchText {
	position: relative;
	top: -4px;
	padding: 0 2px 0 10px;
	color: #5a5a5a;
}

.switch a {
	padding: 5px 0 5px 2px;
}

.switch a:hover {
	opacity: .7;
	filter:alpha(opacity=70);
}

/* ----- box body ----- */ 

.uploadbox .boxbody {
}

.uploadbox textarea {
	width: 458px;
	height: 80px;
	padding: 5px;
	margin-left: 3px;
	resize:none; /*google Chrome fix*/
	*overflow:auto;
}

.deleteBtn {
}

.imageNumber {
	font-size: 17px;
   font-weight: bold;
}

.showMorePics {
	float: right;
	margin: 15px 0;
}

.showMorePics span {
	position: relative;
	top: -8px;
	padding-right: 5px;
}

.showMorePics a:hover {
	border:none;
}

.showMorePics a img:hover {
	opacity: .7;
	filter:alpha(opacity=70);
}

.project-upload-info span{
	font-size: 12px;
    font-weight: bold;
}

.facePicture img
{
	padding-bottom:10px;
}

.fb_profile_pic_rendered img
{
	max-height:70px !important;
}

 .txtShowProfilePic {
	padding-left:6px;
	*padding-left:2px;
}

 .txtShowProfilePic span {
	color: #666666;
    font-size: 0.688em;
    padding-bottom: 1em;
    position:relative;
    top:-3px;
    *top:-2px;
}

.warehouseTable td a{
color:#007AC3;
}