/* screen.css */



@import "reset.css";



body {

  font: 1em "lucida sans", tahoma, arial, sans-serif;

  background: #f1f1f2 url(/img/page_bg.gif) repeat-x top left;

  padding-bottom: 2em;

}



#container {

  width: 951px;

  margin: 10px auto;

}



#topShadow {

  width: 951px;

  height: 10px;

  background: url(/img/top_bg.png) no-repeat top left;

}



#bottomShadow {

  width: 951px;

  height: 19px;

  background: url(/img/bottom_bg.png) no-repeat top left;

}



#innerContainer {

  width: 939px;

  padding: 0 6px;

  background: url(/img/content_bg.png) repeat-y top left;

}



#header {

  height: 82px;

  position: relative;

}



#inEnglish {

  display: block;

  position: absolute;

  top: 10px;

  right: 40px;

}



#inEnglish a {

  display: block;

  width: 27px;

  height: 15px;

  background: url(/img/in_english.gif) no-repeat top left;

  text-indent: -999em;

}



#inSwedish {

  display: block;

  position: absolute;

  top: 10px;

  right: 40px;

}



#inSwedish a {

  display: block;

  width: 27px;

  height: 15px;

  background: url(/img/in_swedish.gif) no-repeat top left;

  text-indent: -999em;

}



p#logo {

  display: block;

  position: absolute;

  top: 7px;

  left: 33px;

}



p#logo a {

  display: block;

  text-indent: -999em;

  width: 237px;

  height: 75px;

  background: url(/img/zalt_logo.gif) no-repeat top left;

  border-bottom: none;

}



h1#logoSmall {

  display: block;

}



h1#logoSmall a {

  display: block;

  text-indent: -999em;

  width: 182px;

  height: 94px;

  background: url(/img/zalt_logo_small.gif) no-repeat top left;

}



/* Navigation */



#navigation {

  height: 38px;

  background: url(/img/navigation_bg.gif) repeat-x top left;

}



#navigation ul {

  display: block;

  height: 38px;

  padding-left: 189px;

  background: url(/img/navigation_left.png) no-repeat top left;

}



#navigation li,

#subNavigation li {

  display: block;

  float: left;

  font-size: .8em;

}



#navigation li.active a,

#navigation li.dir_active a,

#navigation li a:hover {

  background: url(/img/nav_active.gif) repeat-x bottom left;

}



#navigation li a {

  display: block;

  color: #fff;

  font-weight: bold;

  text-decoration: none;

  padding: 11px 14px;

}



#subNavigation {

  height: 32px;

  background: url(/img/subnavigation_bg.gif) repeat-x top left;

}



#subNavigation ul {

  display: block;

  float: left;

  height: 32px;

  padding-left: 196px;

  background: url(/img/subnavigation_left.gif) no-repeat top left;

}



#subNavigation li.header {

  color: #093866;

  padding: 8px 14px;

}



#subNavigation li a {

  display: block;

  color: #093866;

  text-decoration: none;

  padding: 8px 8px;

}



#subNavigation li a:hover {

	color: #7aa0cf;

}



#sideNavigation {

  float: left;

}



#sideNavigation h2 {

  width: 180px;

  height: 40px;

  padding: 12px 0 0 20px;

  margin: 0;

  background: #ebeff2 url(/img/header_bg.gif) no-repeat top left;

  font-size: 0.9em;

  font-weight: bolder;

  font-style: italic;

}



#sideNavigation ul {

  width: 200px;

  padding: 0 0 18px 0;

  background-color: #ebeff2;

}



#sideNavigation ul ul {

	padding-bottom: 6px;

}



#sideNavigation ul li,

#sideNavigation ul li li {

  display: block;

}



#sideNavigation ul li a {

	display: block;

	padding: 4px 20px 6px 20px;

	font-size: 0.8em;

}



#sideNavigation ul li li a {

	padding-left: 40px;

}



#sideNavigation ul li.active {

  background-color: #f8f9fa;

}



#sideNavigation ul li a:hover {

	background-color: #f8f9fa;

}



form#searchForm {

  position: absolute;

  top: 30px;

  right: 40px;

}



input#query {

  border: 1px solid;

  border-color: #dbdbdb #fff #fff #dbdbdb;

  padding: 2px;

}



input.searchBtn {

  position: relative;

  top: 5px;

  border: none;

}



#content {

  margin-top: 52px;

  width: 939px;

}



#contentAdmin {

	margin-top: 0;

}



#splash {

  position: relative;

  width: 800px;

  height: 320px;

  margin: 0 auto 10px auto;
  
  text-align: right;

}



#splash img {

  position: absolute;

  top: 0;

  left: 0;

}

#map-canvas { width:652px; height:400px; margin-bottom: 20px; }
#gmapmarker { font-size: 11px; }

#features {

  width: 793px;

  margin: 0 auto;

  background: #e2eac3 url(/img/puff_bottom.gif) no-repeat bottom left;

}



#featuresInner {

  background: url(/img/puff_top.gif) no-repeat top left;

  padding: 1px;

}



div.featureCol {

  width: 223px;

  float: left;

  padding: 8px 20px 15px 20px;

}



#sortiment {

  text-align: center;

  padding: 20px 0;

}



#main {

  width: 652px;

  float: left;

  padding-top: 15px;

  margin: 0 0 30px 40px;

}



#main_admin {

  width: 652px;

  float: left;

  padding-top: 130px;

  margin: 0 0 30px 40px;

}



#simplePage #main {

	width: 652px;

	float: none;

	padding-top: 15px;

	margin: 0 auto 30px auto;

}



.newsHeader {

  position: relative;

  width: 640px;

  padding: 10px 0 0 12px;

  background: #fff url(/img/tab_bg.gif) repeat-x top left;

  border-top: 1px solid #c5d0db;

}



.newsListing .newsHeader { margin-top: 30px; }



.newsHeader p { font-size: .9em; margin-bottom: 10px; }



#main .section {

  width: 100%;

  margin-bottom: 20px;

  position: relative;

}



#main .section .lrg_icon#bag {

  position: absolute;

  bottom: -20px;

  right: 20px;

  height: 258px;

  width: 161px;

  background: url(/images/af_bag.jpg) no-repeat top left;

}



#main .box {

  float: left;

  margin-top: 69px;

  width: 358px;

  background: #e3ebc4 url(/img/box_bot.gif) no-repeat bottom left;

}



#main .box .top {

  width: 358px;

  height: 38px;

  background: #fff url(/img/box_top.gif) no-repeat top left;

}



#main .box h2 {

  padding: 8px 0 0 18px;

  margin: 0;

  color: #64764f;

  font-size: 1.1em;

}



#main .box form {

  padding: 3px 0 0 17px;

}



#main .box label {

  display: block;

  padding: 10px 0 2px 2px;

  font-weight: bolder;

  font-size: 0.7em;

}



#main .box input {

  border: 1px solid #b8c09f;

}



#main .box input.button {

  display: block;

  border: 0;

  margin-top: 11px;

  width: 82px;

  height: 22px;

  background: url(/img/btn_submit.gif) no-repeat top left;

}



#main .box p#forgot_password {

  padding: 39px 0 27px 17px;

  font-size: 0.7em;

}



#LoginForm {

	position: relative;

}



#LoginForm span#errorMsg {

	display: block;

	width: 165px;

	position: absolute;

	top: 25px;

	left: 185px;

	font-size: .7em;

	color: #cc0000;

}



p#loginStatus {

	position: absolute;

	top: 10px;

	right: 80px;

	font-size: .7em;

}



span#errorMessage {

	display: block;

	font-size: .8em;

	color: #cc0000;

	margin: 1em 0;

}



.clear {

  clear: both;

}



#footer {

  padding-top: 40px;

  clear: both;

}



#footer address {

  font-size: .8em;

  color: #666;

  text-align: center;

}



#splash h2 {

  font-size: 1.8em;

  font-weight: bold;

  color: #000;

  position: absolute;

  top: 100px;

  right: 0;

  z-index: 1;

}



.featureCol h2 {

  font-size: 1.1em;

  font-style: italic;

  font-weight: bold;

  color: #64764f;

  margin-bottom: 15px;

}



h2.report,

h2.formHeading {

  display: block;

  position: relative;

  font-size: .9em;

  font-style: normal;

  width: 640px;

  padding: 10px 0 0 12px;

  margin-top: 40px;

  background: #fff url(/img/tab_bg.gif) repeat-x top left;

  border-top: 1px solid #c5d0db;

}



h2.report span {

	font-size: .8em;

	font-weight: normal;

	position: absolute;

	top: 10px;

	right: 15px;

}



ol.reportList {

	margin-top: 40px;

}



ol.reportList li {

	display: block;

	float: left;

	position: relative;

	width: 163px;

	margin-bottom: 20px;

	text-align: center;

}



span.popupDesc {

	display: none;

	position: absolute;

	top: 10px;

	left: 10px;

	border: 1px solid #ddd;

	background-color: #fff;

	font-size: .8em;

	padding: 2px;

}



ol.reportList li.large {

	display: block;

	width: 652px;

	text-align: center;

}



table {

	width: 99%;

	border-collapse: collapse;

	border: none;

}


.tableNormal {

	width: 99%;

	border-collapse: collapse;

	border: none;

}



td table {

	width: auto;

}



td table td {

	border: none;

	padding: 0 5px 0 0;

	font-size: 1em;

	font-weight: bold;

}



td, th {

  padding: 5px 8px;

  border-bottom: 1px solid #093866;

  font-size: 0.8em;

}

table.tableNormal td,
table.tableNormal th
{
	border: 0;
}

table.niceTable td {

	border-bottom: 1px solid #c5d0db;

}



table.niceTable th {

	color: #000;

	background: #fff url(/img/tab_bg.gif) repeat-x top left;

	border-top: 1px solid #c5d0db;

	border-bottom: none;

}



td.odd { background-color: #fff; }

td.even { background-color: #efefef; }



th {

	color: #fff;

	background-color: #093866;

	font-weight: bolder;

}



td {}


table.distributors {

	background-color: #fff;

	width: 99%;

	border-collapse: collapse;

	border: none;


}

table.distributors tr {

	border-bottom: 3px solid #fff;

	font-size: 14px;

	background-color:#f8f8f8;

}

table.distributors th {

	vertical-align: bottom;
	color: #000;
	background-color: #fff;
	border: 0;


}

table.distributors td {

	border-collapse: collapse;

	border: none;
	
	vertical-align:top;
	

}


p {

  font-size: .8em;

  margin-bottom: 20px;

}



a {

  color: #1162b2;

  text-decoration: none;

}



p a:hover,

h2 a:hover,

h3 a:hover,

h4 a:hover,

h5 a:hover,

#cart a:hover,

td a:hover { border-bottom: 1px dashed #1162b2; }



p a.noborder:hover,

h2 a.noborder:hover,

h3 a.noborder:hover,

h4 a.noborder:hover,

h5 a.noborder:hover,

#cart a.noborder:hover,

td a.noborder:hover { border-bottom: none; }



strong { font-weight: bold; }



em { font-style: italic; }



p.alignCenter {

	text-align: center;

}



h1, h2 {

  font-weight: bolder;

  font-style: italic;

}

h1 {

  font-size: 1.5em;

  margin: 0 0 15px 0;

}

h2 {

  font-size: 1.3em;

  margin: 0 0 15px 0;

}



h3 {

  font-style: italic;

  margin: 0 0 15px 0;

}



h4 {

  font-weight: bolder;

  font-size: 0.9em;

  margin: 0 0 5px 0;

}



dl {

	font-size: .8em;

}



dt {

	font-weight: bold;

	margin: .4em 0;

}



dd {

	padding-left: 2em;

}



#variantDetails a:hover {

    border-bottom: none;

}



ol.variantList {

	clear: left;

	padding: .5em 0;

}



ol.variantList li {

	display: block;

	position: relative;

	width: 200px;

	min-height: 60px;

	float: left;

	border: 1px solid #fff;

}



ol.variantList li.active { border-color: #b2c1cf; }



ol.variantList li.clear { clear: left; }



ol.variantList li a.vlabel { font-size: .7em; position: absolute; bottom: 2px; left: 2px; z-index: 1; }



ol.variantList li.clearRow {

    width: 585px;

    clear: both;

    height: 1px;

    min-height: 1px;

    float: none;

}



.arrowLeft { margin-right: 10px; }

.arrowRight { margin-left: 10px; }



#happiness, #happiness a {

	 float: right;

    text-align: right;

    font: 11px calibri, arial, sans-serif;

    color: #aaa;

    padding-right: 10px;

}



/* forms */



#message p { display: block; background-color: #ffe400; border: 1px solid #eba705; padding: .2em; margin: 0; }



ol.contribute {

	display: block;

	background: url(/img/contribute.jpg) no-repeat top right;

}



form ol li {

	padding-bottom: 15px;

}



form ol li.odd { float: left; clear: left; width: 30%; }

form ol li.even { float: left; width: 55%; }

form ol li.buttonRow { clear: both; margin-top: 10px; }

form ol li.evenSteven { float: left; width: 20%; }



form#productForm {

	clear: both;

	margin-top: 20px;

}



form#productForm ol li {

	display: block;

	padding: 5px 0;

}



label {

	display: block;

	font-size: .8em;

	padding-bottom: 4px;

}



form#productForm label {

	float: left;

	width: 64px;

	position: relative;

	top: 5px;

	font-size: .7em;

	padding-bottom: 2px;

}



input, textarea {

	font: .9em "lucida sans", verdana, sans-serif;

	border: 1px solid #a5acb2;

	padding: 2px;

}



input#Password,

input#frmPassword,

input#frmRepeatPassword { font-family: verdana, sans-serif; }



.categoryDescCol {

	display: block;

	width: 200px;

	height: 50px;

	overflow: auto;

}



ol.searchResults {

	margin: 20px 0;

	font-size: .8em;

}



ol.searchResults a.searchTitle { font-size: 1.1em; font-weight: bold; }

ol.searchResults a.searchLink { font-size: .8em; text-decoration: underline; }



ol.resultPages { font-size: .7em; }

ol.resultPages li { display: inline; }

ol.resultPages li.active a { font-weight: bold; color: #000; }



/* Shopping cart */



#order {

	position: relative;

	width: 623px;

	height: 93px;

	margin-top: 30px;

	background: url(/img/order_bg.gif) no-repeat top left;

}



#order label {

    display: block;

    font-size: .75em;

    line-height: 22px;

    width: 70px;

    float: left;

}



#orderProduct {

	position: absolute;

	top: 20px;

	left: 15px;

}



#orderProperty{

	position: absolute;

	top: 54px;

	left: 15px;

}



#orderAmount {

	position: absolute;

	top: 20px;

	left: 250px;

}



#orderAmount #validator1,

#orderAmount #validator2,

#orderAmount #propertyError {

	position: absolute;

	width: 200px;

	margin: 4px 0 0 8px;

	font-size: .8em;

	color: #cc0000;

}



#orderAmount label { width: 55px; }



#cmdAddToCart {

	position: absolute;

	top: 50px;

	left: 250px;

}



#cart {

	position: relative;

	width: 623px;

	height: 55px;

	background: url(/img/cart_bg.gif) no-repeat top left;

}



#cartHeader {

	position: absolute;

	top: 20px;

	left: 43px;

	font-size: .9em;

	color: #627789;

}



#cartContent {

	position: absolute;

	top: 18px;

	left: 170px;

	width: 200px;

	max-width: 200px;

}



#cartShow,

#cartRegister {

	position: absolute;

	top: 18px;

	font-size: .8em;

}



#cartShow { left: 420px; }



#cartRegister { left: 520px; }