/* 
----------------------------------------------------------------------
  SKEPPSHOLMEN
  Author(s): Music Bay AB, www.musicbay.se
  Created: 2006-10-31
----------------------------------------------------------------------
*/

* {margin: 0; padding: 0;}

body {
  background: #44221a;
  color: #ccc;
  font: 11px Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
}


/*
  WRAP + SHADOW
------------------------------------------------------------------- */

div#wrap {
  width: 840px;
  margin: 50px auto;
}

div#sTop {
  height: 30px;
  background: url(../design/shadows/shadow_top.gif) no-repeat;
}

div#sBottom {
  height: 30px;
  background: url(../design/shadows/shadow_bottom.gif) no-repeat;
}

div#content {
  padding: 0 30px 0 30px;
  background: #655d4f url(../design/shadows/shadow_middle.gif) repeat-y;
  text-align: left;
}

/*
  LOGO & LANGUAGE SELECTION
------------------------------------------------------------------- */

div#topHolder {
	width: 780px;
	height: 63px;
	position: relative;
}

div#logo {
  width: 780px;
  position: absolute;
  z-index: 1;
	font-size: 0;
  line-height: 0;
}

div#langSel {
	z-index: 2;
	position: absolute;
	right: 20px;
	top: 25px;
}

	div#langSel a {
		margin-top: 22px;
	}

/*
  NAVIGATION
------------------------------------------------------------------- */

div#navHolder {
  width: 780px;
  padding-bottom: 5px;
  padding-top: 5px;
  background: url(../design/nav/border.gif) repeat-x 0 29px;
}

#nav, #nav ul {
  list-style: none;
}

#nav li {
  float: left;
	position: relative;
	z-index: 10;
	cursor: default;
	text-align: center;
}

#nav li img {
  padding: 0 18px 0 18px;
}

#nav li a {
  text-decoration: none;
  color: #fff;
}

#nav li a span.nTitle {display: none; text-indent: -9999px;}

#nav li li a {
  display: block;
  color: #ccc;
  width: 150px;
}

#nav li li a span {padding: 5px 10px 5px 10px; display: block;}

#nav li li a:hover {
  color: #fff;
  background: #564f43;
}

#nav li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 18px;
  border: 1px solid #999;
  background: #655d4f;
}

#nav li ul li ul {
  display: none;
  position: absolute;
  top: -1px;
  left: 150px;
  border: 1px solid #999;
  background: #655d4f;
}

#nav li>ul {
  top: auto;
  left: 18px;
}

#nav li li {
  display: block;
  text-align: left;
  clear: left;
  border-bottom: 1px solid #999;
}

#nav li li a.subItem {
  background: url(../design/nav/subarrow.gif) no-repeat right;
}

#nav li li a:hover.subItem {
  background: #564f43 url(../design/nav/subarrow.gif) no-repeat right;
}

#nav li li.last {border: 0;}

/*#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul {
	display: block;
}*/

/* Edited */
#nav li:hover ul.navItem, #nav li li:hover ul.navItem, #nav li.over ul.navItem, #nav li li.over ul.navItem {
	display: block;
}



/*
  OBJECT SUB NAVIGATION
------------------------------------------------------------------- */

#objNav {
  width: 780px;
  padding: 3px 0 3px 0;
  background: url(../design/nav/border.gif) repeat-x bottom;
}

#objNav ul {list-style: none; padding-left: 8px;}

#objNav ul li {float: left;}

#objNav ul li a {
  display: block;
  padding: 0 10px 5px 10px;
}

#objNav ul li a.active {color: #681216;}

/*
  OBJECT PAGE NAVIGATION
------------------------------------------------------------------- */

.pageNav {
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #999;
}

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

.pageNav a {
  padding: 0 5px 0 5px;
}

.pageNav a.active {
  font-weight: bold;
  text-decoration: underline;
  color: #fff;
}


/*
  COLUMNS
------------------------------------------------------------------- */

.colHolder {padding-top: 10px;}

.colLeft {float: left; text-align: left;}

.colRight {float: right; text-align: left;}

.objDivider {
  height: 22px;
  background: url(../design/obj/divider.gif) repeat-x 0 9px;
}

.colWide {text-align: center; margin: 0 auto;}

.colWide .obj .objLeft {width: 245px; float: left;}

.colWide .obj .objDesc {width: 290px; text-align: center; float: left;}

.colWide .obj .objDesc span {font-weight: bold;}

.colWide .obj .objRight {width: 245px; text-align: right; float: left;}

/* Standard width */
.colLeft img {padding-bottom: 10px;}
.colLeft {width: 440px;}
.colRight {width: 340px;}
/* Width 380 */
.w380 .colLeft {width: 380px;}
.w380 .colRight {width: 400px;}
.w380 .colRight h2 {
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  margin: 5px 0 5px 0;
  padding: 5px 0 5px 0;
  color: #ccc;
}

/* Home section width 550 */
div.w550 div.colLeft {width: 550px; font-size: 0;}
div.w550 div.colRight {width: 230px;}

/* Sell & Buy (3 columns) */
div.col1 {width: 145px; float: left;}
div.col2 {width: 325px; float: left;}
div.col3 {width: 310px; height: 445px; float: left; position: relative;}

div#altNav {
  position: absolute;
  top: 10px;
  left: 50px;
}

div#altNav ul {
  border: 1px solid #999;
  background: #655d4f;
  list-style: none;
}

div#altNav ul li {
  padding: 4px 10px 4px 10px;
  border-bottom: 1px solid #999;
}

.active {
  color: #fff;
}

/*
  ENIRO MAP
------------------------------------------------------------------- */

table#eniroMap {
  color: #000;
  text-align: left;
}


/*
  SLIDESHOW
------------------------------------------------------------------- */

#rotator {
  overflow: hidden;
  position: relative;
  width: 530px;
  height: 420px;
  z-index: 5;
}

#rotator img {
  width: 530px;
  height: 420px;
}

/*
  VCARDS
------------------------------------------------------------------- */

.vCard {clear: left;}

.vCard p {float: left;}

.vCard img {
  padding-right: 20px;
  padding-bottom: 10px;
  float: left;
}


/*
  TIP A FRIEND
------------------------------------------------------------------- */

#tipFriend {
  width: 290px;
  margin: 0 auto;
  text-align: left;
}

#tipFriend input.txtField {
  width: 250px;
  border: 1px solid #ccc;
  background-color: #fff;
  margin: 5px 0 5px 0;
  padding: 3px 0 3px 0;
}

input, textarea {
  font: 12px Arial, Helvetica, Verdana, sans-serif;
}

.fixedWidth {
  width: 250px;
}


/*
  FOOTER
------------------------------------------------------------------- */

div#footer {
  height: 16px;
  /*background: url(../design/footer.gif) no-repeat;*/
  background-repeat: no-repeat;
  text-indent: -9999px;
}


/*
  TYPO
------------------------------------------------------------------- */

h1, h2, h3 {color: #fff;}
h1 {font-size: 13px; padding-bottom: 5px;}
h2 {font-size: 12px; padding-bottom: 5px;}
h3 {font-size: 11px; font-weight: normal; padding-bottom: 5px;}
h2.arrow {
  background: url(../design/arrow_up.gif) no-repeat left 12px;
  padding: 5px 0 20px 10px;
  width: 330px;
  overflow: hidden;
  text-align: left;
  margin: 0 auto;
}

p {padding: 0 0 15px 0; line-height: 16px;}
/*p:hover {color: #fff;}*/
p.objDesc span {font-weight: bold; color: #fff; padding-right: 10px;}
/*p.objDesc:hover {color: #ccc;}*/

a.download {padding: 5px 0 0 0;}
a.noCursor {cursor: default;}

a {text-decoration: none; color: #ccc;}
a:hover {text-decoration: underline; color: #fff;}

/*
  GLOBALS
------------------------------------------------------------------- */

img {border: 0;}

.clear {font-size: 0; height: 0; line-height: 0; clear: both;}
.hide {display: none;}
.show {display: block;}
.padder {padding: 0px 10px 0 10px;}

/*
  Temp for object list display !! Remove
------------------------------------------------------------------- */

#tempImgSize .objLeft img, #tempImgSize .objRight img {
  /*width: 225px;*/
}