/*
 * Hacks and conventions used:
 *
 * ; _height: 1%; 
 * -- used to trigger clearing of internal floats
 *
 */

body, form {
  margin: 0;
  padding: 0;
  border: 0;
}

#buyer-index .tp-tabbedpane {
  width: 1040px;
}

body {
  background-color: #fff;
  color: #000; 
}

div.page {
 }

/***** ELEMENT OVERRIDES *****/

body, td, th, p, span, div, dt, dd, ul, ol {
  font-size: 11px;
  font-family: tahoma, verdana, sans-serif;
  line-height: 15px;
  font-weight: 400;
}

h1 {
  font-size: 18px;
  font-weight:  400;
  margin-bottom: 20px;
  padding-bottom: 0px;
  font-family: georgia, tahoma, verdana, sans-serif;
}

#viewpic h1 {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-family: tahoma,verdana,sans-serif;
  color: #000000;
}

h2 {
  font-size: 12px;
  font-weight:  700;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-family: tahoma, verdana, sans-serif;
}

h3 {
  font-size: 10px;
  font-weight:  700;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-family: tahoma, verdana, sans-serif;
}

th { 
  font-weight: bold; 
  text-align: left;
}

fieldset {
  padding: 5px;
  border: 1px solid #959595;
}

optgroup {
  font-style: normal;
  margin-top:3px;
  margin-bottom:3px;
}

a {
  font-size: 11px;
  font-family: tahoma, verdana, sans-serif;
  line-height: 15px;
  font-weight: 400;
  color: #000000;
  text-decoration:none;
}

a:active, a:hover {
   color: #00b7f1;
   text-decoration:underline;
}

input, textarea {
  font-size: 10px;
  font-family:  verdana, tahoma, sans-serif;
  line-height: 15px;
  font-weight: 400;
}

select {
  font-size: 10px;
  font-family:  verdana, tahoma, sans-serif;
  line-height: 15px;
  font-weight: 400;
}

/**** GENERIC *****/

.red, .signal {
  color: red;
}

small, .small {
  font-size: 9px;
  font-weight:  400;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-family: arial, verdana, sans-serif;
}

td.aoform { padding-bottom: 10px; }

div.spacer, div.clear, p.clear {
  clear: both;
  height: 0; width: 0;
  margin:0; padding: 0;
  }

p.separator, div.separator {
 font-size: 0px;
 line-height: 0px;
 height: 15px;
 width: 100%;
 padding-top: 10px;
 padding-bottom: 10px;
 background-image:url(/images/dottedline.gif);
 background-repeat: repeat-x;
 background-position: left center;
 clear:both;
}

div.separatorthin {
 font-size: 0px;
 line-height: 0px;
 height: 3px;
 width: 100%;
 padding-top: 1px;
 padding-bottom: 1px;
 background-image:url(/images/dottedline.gif);
 background-repeat: repeat-x;
 background-position: left center;
 clear:both;
}
  
ul.compact
{
  list-style:none;
  margin:0;
  padding:0;
}

ul.compact li
{
  padding-left:0px;
}

#comments{
   padding-top: 8px;
   padding-bottom: 8px;
}

div.error {
   padding: 0px;
   color: red;
   margin-bottom: 30px;
}

div.alertbox {
background-color: #00b7f1;
padding: 10px;
color: white;
font-weight: 700;
}

.divider {
  width: 700px;
  font-size: 0px; 
  line-height: 0px; 
  height: 15px;  
  padding-top: 10px; 
  padding-bottom: 10px; 
  background-image:url(../images/dottedline.gif); 
  background-repeat: repeat-x; 
  background-position: left center;    
}

div.contactpanel{
  margin-bottom: 8px;
}

#contact-form  {
  padding: 20px;
  margin-left: -40px;
} 


/***** BUTTONS *****/

a.slimbutton { 
  font-family: arial, verdana, tahoma;
  font-size: 10px;
  height: 14px;
  display: inline;
  font-weight: 500;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none;
  color : #FFFFFF;
  border-top : 1px solid #ececec;
  border-left : 1px solid #ececec;
  border-bottom : 1px solid #767676;
  border-right : 1px solid #767676;
  background : #8a8a8a;
}

a.slimbutton:hover {
  color: #FFF;
  border-top : 1px solid #767676;
  border-left : 1px solid #767676;
  border-bottom : 1px solid #ececec;
  border-right : 1px solid #ececec;
  background : #636363;
}

input.slimbutton { 
   font-family: arial, verdana, tahoma;
   font-size: 10px;
   font-weight: 500;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 3px;
   text-decoration : none;
   display : inline;
   color : #FFFFFF;
   border-top : 1px solid #ececec;
   border-left : 1px solid #ececec;
   border-bottom : 1px solid #767676;
   border-right : 1px solid #767676;
   background : #8a8a8a;
} 

input.slimbutton#orderbutton { 
   color : #FFFFFF;
   border-top : 1px solid #ececec;
   border-left : 1px solid #ececec;
   border-bottom : 1px solid #767676;
   border-right : 1px solid #767676;
   background : #76ab04;
} 

div.buttonrow {
  margin: 5px 0 5px 0;
  overflow: hidden; _height: 1%;  /* HAX */
  }

.buttonrow a.slimbutton {
  float: left; 
  margin-right: 5px; 
  }

.buttonrow input {
  float: left; 
  margin-right: 5px; 
  }

div.buttonrow a, div.buttonrow input {
    background-color: #d4d0c8;
    color: black;
    padding: 2px 10px 2px 10px;
    margin-right: 5px;
    border-left: 1px solid #F7F6EF;
    border-top: 1px solid #F7F6EF;
    border-bottom: 1px solid #808080;
    border-right: 1px solid #808080;
    text-decoration: none;
}

div.toolrow {
   margin: 5px 0px 5px 0px;
   padding: 5px;
   border: 1px solid #cdcdcd;
}

div.toolrow a {
    color: #CCCCCC;
    padding: 1px 2px 1px 2px;
    margin-right: 5px;
    text-decoration: none;
}

div.toolrow a:hover {
    text-decoration: underline;
}

.buttonSearch {
  width: 44px;
  vertical-align:middle;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(/styles/std/sv_se/images/sok_knapp.gif) no-repeat;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

/***** PAGINATION CONTROLS *****/

div.pagectl {
  text-align: right;
  margin: 0 0 5px 0;
  padding: 5px 10px 0 0;
  float:right;
}

span.pagectl {
  font-family: tahoma, verdana, sans-serif;
  background-color: #000;
  font-size: 12px;
  font-weight: 700;
  padding-left: 2px;
  padding-right: 2px;
  color: #fff;
  border: 0px solid #000;
}

a.pagectl, a.pagectl:visited, a.pagectl:active, a.pagectl:hover {
  font-family: tahoma, verdana, sans-serif;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  padding-left: 2px;
  padding-right: 2px;
  border: 0px solid #000;
}

a.pagectl:hover {
  background-color: #000;
  color: #fff;
  border: 0px solid #000;
}

/***** TABS *****/

div.tp-tabbedpane {
  width: 100%;
  height: auto;
  padding-top: 8px;
}

#search div.tp-tabbedpane {
  padding-top: 0px;
}

ul.tp-tabs {
  padding: 1px 0;
  margin: 0;
  border-bottom: 1px solid #BBB;
  font: bold 14px tahoma, sans-serif;
}

ul.tp-tabs li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}

ul.tp-tabs li a {
  padding: 3px 0.5em;	
  margin: 0 0 0 0px;
  border: solid 1px #BBB;
  border-bottom: none;
  text-decoration: none;
  background: #BBB;
}

ul.tp-tabs a.tp-selectedtab {
  border-bottom: #FFF;
  background: #FFF;
} 

div.tp-tablayers {
  clear: both;
  margin: 0 0 5px 0; 
  border: 1px solid #BBB;
  border-top: none;
}

div.tp-tablayer {
  padding: 0.5em 0.5em;
  margin: 0;
}

div.tp-tablayercontent {
  width: 100%;
}

div.tp-tablayercontent a {
}

/***** BUYER INDEX TABS *****/

#buyer-index ul.tp-tabs {
  padding: 0 0 4px 0;
  margin: 0;
  border-bottom: 0px solid #BBB;
  font: bold 14px tahoma, sans-serif;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}


#buyer-index ul.tp-tabs li a {
  padding: 6px 12px 4px 12px;	
  margin: 0 0 0 0px;
  border: solid 0px #BBB;
  border-bottom: none;
  text-decoration: none;
  background: #BBB;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  background-color:#f2f2f2;
}

#buyer-index ul.tp-tabs a.tp-selectedtab {
  border-bottom: #FFF;
  background: white;
  font-weight: bold;
  color: #333333;
} 

#buyer-index div.tp-tablayers {
  clear: both;
  margin: 0 0 5px 0; 
  border: 0px solid #BBB;
  border-top: none;

}

#buyer-index div.tp-tablayer {
  padding: 10px 10px 10px 10px;
  margin: 0;
  background-color:white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;

}

#buyer-index div.tp-tablayercontent {
  width: 100%;
  color: #333333;
}

#buyer-index div.tp-tablayercontent label {
  color: #333333;
}

/***** DOCUMENTS *****/

.doctitle {
	color: #000000; 
	font-size: 12px; 
}

.doctime {
  color: #747257; 
  font-size: 10px; 
}

.newsitem {
  width:450px;
  padding-bottom:10px;
}

div#docview-content {
  float:left;
  width:450px;
}

div#docview-picture {
  text-align:right;
/*  margin-left:400px; */
}

/***** STRIPED TABLES ****/

table.striped {
  border-collapse: collapse;
 
}

table.striped td {
 padding:8px;
 color: black;
}

table.striped th, table.striped th a {
  background-color: #BBB;
  color: #ffffff;
  padding:4px;
}

table.striped tr {
  background-color:#f4f4f4;
}
table.striped tr.even {
  background-color:#ffffff;
}
table.striped tr.ruled {
  background-color:#eaeaea;
}

/***** HEADER *****/

div#headers {
    padding:20px 25px 0px 25px;
}

div.header {
  padding: 5px 5px 5px 0px; 
}

/***** logo panel *****/

div.header#logopanel {
  /*padding: 15px 15px 15px 10px;*/
  padding: 0px 0px 15px 0px;
 
}

div.header#logopanel a {
  font-family: georgia;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
}

#logopanel #logo {
    float: left;
    padding-top: 6px;
}

/* will disappear */

#logopanel #searchbox {
    float: right;
    padding-top: 15px;
}

/* login box */

.loginwrapper {
  width: 600px;
  margin-top: 100px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border: 0px solid #000000;
}

#logopanel #loginbox {
  float: right;
  padding: 0px 10px 10px 10px;
  margin-top:auto;
  margin-bottom:auto;
}

div#loginbox a, div#loginbox a:hover, div#loginbox a:visited,  div#loginbox a:active,  div#loginbox a:link  {
  font-family: tahoma, verdana, arial;
  font-size: 11px;
  font-weight: normal;
  color:#797979;
}

div#loginbox ul {
  font-family: tahoma, verdana, arial;
  font-size: 11px;
  color:#797979;
  padding: 0;
  padding-left: 0px;
  margin: 0;
  list-style: none;
}

div#loginbox ul li {
  display: block;
  line-height: 22px;
  padding-left: 15px;
  padding-right: 15px;
}

div#loginbox ul li span {
  padding-right: 15px;
}

div#loginbox li.loggedin {
  background: url(/styles/std/images/icon_inloggadsom.gif) 0px 50% no-repeat;
  border-bottom: 1px dotted #999999;
}

div#loginbox li.loggedin span {
}

div#loginbox li.cart {
  background: url(/styles/std/images/icon_kundvagn.gif) 0px 50% no-repeat;
  border-bottom: 1px dotted #999999;
}

/* /login box */



#logopanel #wordsfield {
   width: 150px;
}

#wordsfield, #wordsfield-label, #idfield, #idfield-label, #searchbutton {
  vertical-align: middle;
}

#idfield-label {
  margin-left: 10px;
}
   
#logopanel #idfield {
    width: 100px;
}

/***** intro panel (on index page) *****/

div.intropanel {
  float: right;
}

/***** menu panel *****/

div.header#menupanel {
  color: #000;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #CDCDCD;
  height: 14px;
  vertical-align: middle;
}

#menupanel a {
  color: #000;
}

div#menupanel ul {
  padding: 0;
  margin: 0; float: left;
  list-style: none;
}

div#menupanel ul li {
  display: block;
  float: left;
  padding-right: 10px;
}

div#menupanel ul li a {
  display: inline;
  text-decoration: none;
  height: 20px;
}

ul.topmenu-text a {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 10px;
  font-family: 'Lucida Grande', tahoma, verdana, sans-serif;
}

/***** user panel *****/

div.header#userpanel {
  font-family: tahoma, verdana, arial;
  font-size: 11px;
  color:#797979;
  color: #000;
  clear: both;
  height: 22px;
  margin-left: 10px;
}

#userpanel a {
  font-family: tahoma, verdana, arial;
  font-size: 11px;
  color:#797979;
}

div#userpanel ul {
  font-family: tahoma, verdana, arial;
  font-size: 11px;
  color:#797979;
  padding: 0;
  padding-left: 0px;
  margin: 0;
  list-style: none;
}

div#userpanel ul li {
  display: block;
  float: left;
  line-height: 22px;
  padding-left: 15px;
  padding-right: 15px;
}

div#userpanel li#searchform {
  padding-left:0;
  size: 30px;
}

div#userpanel ul li span {
  padding-right: 0px;
}

div#userpanel li#loggedin {
  background: url(images/icon_inloggadsom.gif) 0px 50% no-repeat;
}

div#userpanel li#loggedin span {
  background: url(images/separator.gif) 100% 50% no-repeat;
}

div#userpanel li#lightbox {
  /* background: url(images/icon_ljusbord.gif) 0px 50% no-repeat; */
}

div#userpanel li#lightbox.alerting {
  background-color:#0099cc;
};

div#userpanel li#cart {
  background: url(images/icon_kundvagn.gif) 0px 50% no-repeat;
}

div#userpanel form {
  display:inline;
}

select#lightboxselector {
  margin-top: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 12px;
}

#lightbox a {
  font-weight: bold;
  color: black;
}

#lightbox a:hover {
  font-weight: bold;
  color: #0099cc;
}

#alertbox {
  display:none;
  float: left;
  background-color: #00b7f1;
  padding: 3px;
  font-weight: bold;
  color: #ffffff;
}

div.lightboxactionmenu {
  border: 1px solid gray;
  padding:0;
  width:150px;
  position: absolute;
  margin:0;
  top: 0;
  left: 0;
  background-color: #000;
  color:#fff;
}

div.lightboxactionmenu .poptop {
  background-color:gray;
  text-align:right;
  font-weight:bold;
  padding:0 5px 0 0;
  cursor:pointer;
}

div.lightboxactionmenu .popcontent {
  background-color:white;
  padding:5px;
}

div.lightboxactionmenu a {
  display: block;
}

div.lightboxactionbox {
  float: left;
  padding: 0px;
}

a.headertoggler {
  float:right;
  width:14px;
  height:14px;
  background-image: url(/styles/std/images/toggle-up.gif);
}
a.closedheadertoggler {
  background-image: url(/styles/std/images/toggle-down.gif);
}


/***** PAGE CONTENT *****/
div.content {
  padding: 15px 25px 15px 35px;
  min-width: 930px;
  min-height: 400px;
}

div.column {
  width: 300px;
  padding: 0px;
  float: left;
}

div.column#column-two {
  width: 200px;
  padding: 0px;
  margin-left: 10px;
}

/***** PAGE FOOTER *****/

div#footers {
  height: 22px;
  margin: 50px 25px 20px 25px;
  border-top: 1px solid #d2d2d2;
  text-align: center;
  padding-bottom: 10px;

}

div.footer {
  clear: both;
}

.footer img {
  vertical-align:bottom;
}

div.footer#infopanel {
  font-family: verdana,arial;
  font-size: 9px;
  color:#959595;
  margin: 0; float: right;
  padding-right: 20px;
  padding-top: 10px;
}

div.footer#infopanel span {
  font-family: verdana,arial;
  font-size: 9px;
  color:#959595;
  vertical-align:middle;
}

div.footer#infopanel a {
  font-family: verdana,arial;
  font-size: 9px;
  color:#959595;
}

div#infopanel ul {
  padding: 0;
  margin: 0; 
  float: right;
  list-style: none;
}

div#infopanel ul li {
  display: block;
  float: left;
  padding-right: 10px;
}

div#infopanel ul li a {
	display: block;
	text-decoration: none;
	height: 20px;
}

div.instructions {
	width: 450px;
}


/***** THUMBNAILS AND PHOTOS *****/

div.thumbnailtools {
  float:left;
}

div.thumbnailtools img {
  margin-top: -5px;
  margin-right: 5px;
}

div.thumbnailtools h1, div.thumbnailtools h2 {
  display:inline;
}

.thumbnail .filename {
  font-size: 9px;
  font-weight:  400;
  font-family: arial, verdana, sans-serif;
  margin-top:5px;
}

.thumbnail a.imagelink {
  display: block;
  position: relative;
  height: 160px;
}

.mediumThumb a.imagelink {
  display: block;
  position: relative;
  height: 105px;
}

.smallThumb a.imagelink {
  display: block;
  position: relative;
  height: 75px;
}

a.imagelink img {
  position:absolute; 
  bottom:0; 
  left: 50%;
}

div.thumbnail {
  float: left;
  height: 202px;
  width: 152px;
  padding: 10px;
  margin: 0 5px 10px 5px;
  border: 1px solid #999999;
  text-align: center;
}


/* ikoner vid stora tumnaglar */ 
.thumbnail .tIcons {
  text-align:center;
  height:16px;
  margin-top:8px;
}
.thumbnail .tIcons img {
  height: 16px;
  width: 16px;  
  background-image: url(/images/tIcons.gif);
  background-repeat: no-repat;
  border: 0;
  margin-right: 5px;
}

.thumbnail .tIcons img.tIconBasket { background-position:  0 0; }
.thumbnail .tIcons img.tIconPrice { background-position:  -16px 0; }
.thumbnail .tIcons img.tIconInfo { background-position:  -32px 0; }
.thumbnail .tIcons img.tIconAddToLb { background-position:  -48px 0; }
.thumbnail .tIcons img.tIconRemove { background-position:  -64px 0; }
.thumbnail .tIcons img.tIconPrint { background-position:  -80px 0; }
.thumbnail .tIcons img.tIconDownload { background-position:  -96px 0; }
.thumbnail .tIcons img.tIconAddToLbDimmed { background-position:  -48px 0; } /* TODO: gör ikon */

/* ikoner vid mellanstora tumnaglar */ 
.mediumThumb .tIcons {
  text-align:center;
  height:14px;
  margin-top:8px;
}
.mediumThumb .tIcons img {
  height: 14px;
  width: 14px;  
  background-image: url(/images/tIcons.gif);
  background-repeat: no-repat;
  border: 0;
  margin-right: 3px;
}

.mediumThumb .tIcons img.tIconBasket { background-position:  0 -16px; }
.mediumThumb .tIcons img.tIconPrice { background-position:  -16px -16px; }
.mediumThumb .tIcons img.tIconInfo { background-position:  -32px -16px; }
.mediumThumb .tIcons img.tIconAddToLb { background-position:  -48px -16px; }
.mediumThumb .tIcons img.tIconRemove { background-position:  -64px -16px; }
.mediumThumb .tIcons img.tIconAddToLbDimmed { background-position:  -48px -16px; } /* TODO: gör ikon */

/* ikoner vid små tumnaglar */ 

.smallThumb .tIcons {
  margin-top:3px;
  text-align:center;
  height:12px;
}

.smallThumb .tIcons img {
  height: 12px;
  width: 12px;  
  background-image: url(/images/tIcons.gif);
  background-repeat: no-repat;
  border: 0;
  margin-right: 2px;
}

.smallThumb .tIcons img.tIconBasket { background-position:  0 -30px; }
.smallThumb .tIcons img.tIconPrice { background-position:  -16px -30px; }
.smallThumb .tIcons img.tIconInfo { background-position:  -32px -30px; }
.smallThumb .tIcons img.tIconAddToLb { background-position:  -48px -30px; }
.smallThumb .tIcons img.tIconRemove { background-position:  -64px -30px; }
.smallThumb .tIcons img.tIconAddToLbDimmed { background-position:  -48px -30px; } /* TODO: gör ikon */


/* i framtiden kommer alla tumnaglar att vara jättestora */

div.megaThumb {
  padding-top: 30px;
  width:650px;
  height: 660px;
}

div.megaThumb a.imagelink {
  display: block;
  position: relative;
  height: 600px;
}

div.megaThumb img.theThumb {
  margin-left:0 !important;
  float:none;
  position:static;
}

div.megaThumb div.filename {
 /* clear:both; */
  display:block;
}

div.thumbnail p {
   text-align: center;
}

div.selectedthumb {
  border: 2px solid #00ace5;
  height: 200px;
  width: 150px;
}

div.smallThumb {
  width:100px;
  height:120px;
}

div.mediumThumb {
  width:110px;
  height:150px;
}

div.thumbresizer {
  float:left;
}

#imagebox {
  width:1000px;
}

#imagebox div.image {
  margin:0;
  padding:10px;
  float:left;
  border: none;
  width: 620px;
  height: 620px;
}

#imagebox div.imageinfo {
  margin:0;
  padding:0;
  margin-left: 15px;
  width:185px;
  float:left;
  border-bottom:none;
}

#imagebox div.imageinfo div {
  padding:5px;
  border:none;
  border-bottom: none;
  color: #999999;
}

#imagebox div.imageinfo {
  width:340px;
}

div#imagebox div.filename {
  float:left;
  padding: 0;
  margin:5px 0 0 0;
  font-size: 12px;
  font-weight: bold;
}

#imagebox .photonavigator {
  float:right;
  padding: 0;
  margin:10px 0 0 0;
}

#imagebox div.solidseparator {
  height:10px !important;
  padding:5px 0 0 0 !important;
  margin:0 0 8px 0 !important;
  border-bottom:1px solid #343434 !important;
  clear:both;
}

#imagebox div.heading {
  height:17px;
}

#imagebox input.urllink {
  width:340px;

}

.kwbox a {
  margin-left: 3px;
  margin-bottom: 2px;
} 

.kwbox input {
  vertical-align: middle;
  margin-top: -2px;
}




/***** LIGHT BOXES *****/

div.lightbox {
 padding: 10px;
 border: 1px solid #cdcdcd;
}

div.lightboxheader {
 padding-top: 10px;
 padding-bottom: 10px;

}

div.lightboxcomment {
  padding: 10px;
}

div.lightbox #actionbuttons {
  position: absolute;
  right: 10px;
  top:10px;
}

div.lightbox div.details {
  width: 500px;
}

img.thumbnailicon {
  margin-top:6px;
  margin-right:1px;
}


/***** CUSTOMER FOLDERS *****/

div.customerfolder {
 padding: 10px;
 border: 1px solid #999999;
}

div.customerfolderheader {
 padding-top: 0px;
 padding-bottom: 10px;
}


/***** ALBUMFOLDERS *****/

div.folderThumbnail {
  margin: 0px;
  height: 200px;
  background-color:#e2e2e2;
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;
  border: 0px;  
  margin: 1px;
}

div.folderThumbnail .filename  {
  text-transform: uppercase;
  margin-top:5px;
  font-size: 12px;
}

div.folderThumbnail .imagelink  {
  margin-top: 0px;
  padding: 10px;
  height: 150px;
} 

/***** SHOPPING CART *****/

fieldset.shoppingcart-summary {
  border: 1px dotted #959595;
  margin: 0;  padding: 0;
  padding: 10px;
}

div.shoppingcart-item {
  border-top: 1px #999 dotted;
  margin-bottom: 5px;
  margin-top: 10px;
  padding-top:10px;
}

div.shoppingcart-item-preview {
   width: 170px;
   float:left;
   padding: 10px; 
   border: 0px solid gray;
}

div.shoppingcart-item-details {
    padding: 10px;
    float:left;
}

div.cartcontainer {
  width: 700px;
}

/***** PRICELIST *****/

div.pricelist {
  color: #333333;
}

div.pricelist a {
  color: #333333;
}

div.shoppingcart-pricelist {
  /* display: none; */
  position: absolute;
  top: 0;
  left: 0;
  background-color: #eeeeee;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 7px 7px #666666; 
  -moz-box-shadow: 0 7px 7px #666666; 
  -webkit-box-shadow: 0 7px 7px #666666; 
  border: 1px solid #bbbbbb;  
}

table.pricelist tr td, table.pricelist a { color: #333333; }
table.pricelist tr td.price { text-align: right;}
table.pricelist tr.price:hover { background-color: #eee; }
table.pricelist tr td.price:hover { background-color: #ccc; }
table.pricelist col.price:hover { background-color: #eee; }
table.pricelist * a.price { text-decoration: none; }


#buyer-pricelist td.price a.price {
  background-color: #dddddd;
  padding: 0 3px;
  color: black;
}

#buyer-pricelist .pricelist  {
background-color: #dddddd;
padding: 10px;
}

#buyer-pricelist .pricelist a {
color: #000000;
}

div.info-pricelist {
 /* display:none;*/
}

.setprice {
	color: red;
}

div.shoppingcart-printpricelist {
  border: 1px solid gray;
  border-bottom: 2px solid gray;
  border-right: 2px solid gray;
  /*display: none;*/
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
}

#pricelist-content {
  padding: 10px; 
  background-color: #eee;
  color: black;
}

#printpricelist-content {
  padding: 10px;
}

div.priceview-content {
  float:left;
  width:450px;
}

#pricelist-topactionbar {
  background-color: #eee;
}

#pricelist-bottomactionbar {
  background-color: #eee;
}

#pricelist-content h1 {
  font-family:tahoma,verdana,sans-serif;
  font-size:12px;
  font-weight:700;
  padding-bottom: 0px;
  margin-bottom: 0px;
}


/***** PAGE SPECIFIC *****/

.infopanel {
   float:left;
   width:450px;
   padding-right: 20px;
}

body#shop-checkout #column-one { width: 700px; }
body#shop-checkout #column-two { width: auto; }
body#buyer-register #column-one { width: 600px; }

#advancedsearch div, #simplesearch div {
  padding-bottom:10px;
}

div#techinfo {
  font-family: verdana,arial;
  font-size: 9px;
  color:#959595;;
  width: 260px;
  padding-top: 10px;
}

body#login .content {
  padding:20px 0 30px 20px;
}

.searchpage {
  margin: 0px 0px 0px 0px;
}

#viewlightbox .tp-tablayercontent {
  padding-bottom:10px;
}

#viewlightbox .lightboxdescription {
  width: 500px;
}

body#search a#searchtoggleropen {
  width:18px;
  height:18px;
  background:  url(/styles/std/images/toggle-left.gif) no-repeat left top;
  position:absolute;
  top:0px;
  left:270px;
}

body#search a#searchtogglerclosed {
  float:left;
  width:18px;
  height:18px;
  background: url(/styles/std/images/toggle-right.gif) no-repeat left top;
}


/* hidden forms */
div.hiddenform {
  position: relative;
  border: 1px solid #909090;
  border: 1px solid #000;
  margin: 5px 5px 5px 5px;
  padding: 0px;
  background-color: #ccc;
}

div.hiddenform div.closebutton {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 10px;
  height: 10px;
}

div.closebutton a {
}

div.hiddenform div.caption {
  color: white;
  margin-bottom: 5px;
  padding: 5px;
}

div.hiddenform form {
  padding: 5px;
}

#field-name {
  width: 300px;
}

#field-address1{
  width: 300px;
}

#field-address2 {
  width: 300px;
}

#field-postalcode {
  width: 100px;
}

#field-postaloffice{
  width: 190px;
}

#field-country {
  width: 115px;
}

#field-phone{
  width: 100px;
}

#field-fax{
  width: 100px;
}

#field-homepage{
  width: 300px;
}

#field-orgnr{
  width: 100px;
}

#field-vatregnr {
  width: 100px;
}

#buyer-download #downloadForm  {
  width: 600px;
}

#indexphotos-C {
  width: 830px;
}

#indexphotos-T {
  width: 830px;
}

#indexphotos-N {
 float:none;
}

#indexphotos-X {
 float:none;
}

#indexphotos-D {
 float:none;
}

#indexphotos-F {
 float:none;
}

#indexphotos-S {
  width: 600px;
}

#indexphotos-B{
  width: 600px;
}

#indexphotos-R {
  width: 600px;
}

#indexphotos-A {
  width: 400px;
}

#indexphotos-P {
  width: 400px;
}

div.mainactionbox {
  min-height: 200px;
  margin-right: 10px;
  background-color: #222222; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 10px;
  color: #909090;
 border: 0px solid #4d4d4d;
}


div.mainactionbox a {
  color: #00b7f1;
}

td#mainaction-panel {
  width: 220px;
  vertical-align: top;
}

div.details textarea {
  width: 220px;
}

#viewlightbox td#maincontent-panel {
  background-color: #222222;
  padding: 0 10px 0 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;  
}

#viewlightbox div.tp-tablayer {
  padding: 0;
  margin: 1px 0;
}

#viewlightbox div.tp-tablayers {
  clear: both;
  padding: 10px 10px 0 10px;
  margin: 0 0 0 0; 
  border: 0px solid #808080;
  border-top: none;
  background-color: #BBB;
}

#viewlightbox ul.tp-tabs li a {
  padding: 5px 0.5em;	
  margin: 0 0 0 0px;
  border: solid 1px #808080;
  border-bottom: none;
  text-decoration: none;
  background: #808080;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}

#viewlightbox ul.tp-tabs a.tp-selectedtab {
  border-bottom: #222222;
  background: #BBB;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border: solid 5px #BBB;
} 

#viewlightbox ul.tp-tabs {
  padding: 5px 0;
  margin: 0;
  border-bottom: 2px solid #BBB;
  font: bold 14px tahoma, sans-serif;
}

div.toolrow {
   margin: 10px 0px 5px 0px;
   padding: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;  
  background-color: #bbbbbb;
  color: #000000; 
}

div.toolrow a {
  color: #000000; 
  text-decoration: underline;
}

#showsearchcol {
float: left;
}

#viewlightbox div.thumbnail {
  float: left;
  height: 212px;
  width: 152px;
  padding: 10px;
  margin: 0 0px 0px 0px;
  border: 1px solid #4d4d4d;
  text-align: center;
  background-color: #808080;
}

#viewlightbox a.imagelink img {
   border: 1px solid #000000;
   margin-bottom:10px;  
  }

#viewlightbox div.selectedthumb {
  background-color: #e6e6e6;  
}

#previewbox img {
  border: 5px solid #000000; 
  height: 300px;
  width: auto;
  box-shadow: 0 7px 7px #666666; 
  -moz-box-shadow: 0 7px 7px #666666; 
  -webkit-box-shadow: 0 7px 7px #666666; 
}

#viewlightbox a.slimbutton {
 color: white;
}

/*** CRUMPS  ***/

div.crumbs {
margin-bottom: 10px;
padding-left:2px;
}

/* stjärnor i ljusbord */
div.stars {
  width:70px;
  margin:auto;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
div.star0, div.star1 {
  float:left;
  width:14px;
  height:14px;
  background-image: url(/images/std/icon_star0.gif);
}
div.star1 {
  background-image: url(/images/std/icon_star1.gif);
}


/* färgschema för ljusbord med color LG */
#viewlightbox .lbcolorLG td#maincontent-panel {
  background-color: white;
}
#viewlightbox .lbcolorLG div.toolrow {
  background-color:white;
  border-color: #f2f2f2;
}
#viewlightbox .lbcolorLG ul.tp-tabs li a {
  border-color: #f2f2f2;
  background: #f2f2f2;
}
#viewlightbox .lbcolorLG div.thumbnail {
  background-color: white;
  border-color: #f2f2f2;
}
#viewlightbox .lbcolorLG div.tp-tablayers {
  border-color: #808080;
  background-color: #ebebeb;
}
#viewlightbox .lbcolorLG ul.tp-tabs a.tp-selectedtab {
  border-bottom: #222222;
  background: #ebebeb;
  border-color: #ebebeb;
}
#viewlightbox .lbcolorLG a.imagelink img {
   border-color: #f2f2f2;
}
#viewlightbox .lbcolorLG div.star0 {
  background-image: url(/styles/std/images/icon_star0.gif);
}
#viewlightbox .lbcolorLG div.star1 {
  background-image: url(/styles/std/images/icon_star1.gif);
}