/* www.kalakola.ee */


/* STRUKTUURIELEMENDID */
body {
	margin: 0;
	padding: 10px;
	background: #ffffff url('/images/bg.png') repeat-x;
	font-family: "Verdana", sans-serif;
	font-size: 9pt;
	text-align: center; /* IE div tsentreerimise parandus */
	color: #565248;
}

div#Site {
  width: 760px;
  padding: 0;
  margin: 0 auto;
  text-align: left;
}

div#Content {
  width: 610px;
  float: right;
  margin: 38px 0 0 0;
  padding: 0;
  clear: none;
  text-align: left;
}

div#Footer {
  clear: both;
  padding-top: 50px;
  text-align: right;
}

div#Sidebar {
  width: 132px;
  margin: 0;
  padding: 0;
  float: left;
}

img#Logo {
  margin-bottom: 14px;
  padding: 0;
}

cite {
  text-decoration: none;
  font-style: normal;
  color: #d40000;
}

/* HTML ELEMENDID */
h1, h2, h3, h4, h5 {
  margin: 0 auto 0.8em 0;
  padding: 0;
  clear: both;
  color: #c51d58
}

h1 { font-size: 2em }
h2 { font-size: 1.5em }
h3 { font-size: 1.3em }
h4 { font-size: 1em }
h5 { font-size: 0.8em }

p { margin: 0 0 0.8em 0; }

p + h2, table + h2 { padding-top: 1em }

a, a.visited {
  text-decoration: none;
  color: #0060ba; 
}

img {
	padding: 0;
	margin: 0;
	border: none;
}

table {
	margin: 0;
	padding: 0;
	font-size: 9pt; /* parandame IE vea tekstiparameetrite pärimisel */
}

th {
	padding: 0.15em 0.3em;
  text-align: left;
  background: #e8ebdf;
}

td { 
  padding: 0.15em 0.3em;
  background: #e8ebdf;
}

td.Action {   /* toimingute tulpade laius tabelites */
  width: 45px;
  text-align: center;
}

form {
  width: 100%;
  margin: 0;
  padding: 5px;
  background: #e8ebdf;
  font-weight: bold;
  border: 1px solid #565248;
}

select, input, textarea, submit {
  background: #e8ebdf;
  border: 1px solid #bfc5a5;
}


/* Elementide joondamine */
.FloatLeft { float: left }
.FloatRight { float: right }

img.FloatLeft, table.FloatLeft { margin: 0 1em 1em 0 }
img.FloatRight, table.FloatRight { margin: 0 0 1em 1em }


/* Elemendi muutmine "nupuks" */
.Button {
  padding: 4px 6px;
  font-weight: bold;
  color: #565248;
  background: #ccd1b7;
}

.Button:hover {
  background: #565248;
  color: #fff;
}


/* Navigatsioonimenüü */
ul.Nav {
	width: 132px;
	margin: 0;
	padding: 0;
}

.Nav li { 
  list-style-type: none;
  width: 132px;
  display: block;
  margin: 0;
  padding: 0;
}

.Nav a {
	display: block;
  width: 122px;
  padding: 4px 0 4px 10px;
  margin: 0 0 6px 0;
  color: #565248;
  background: #ccd1b7;
  font-weight: bold;
}

.Nav a:hover {
  background: #565248;
  color: #fff;
}


/* Tähtis uudis */
table#ImpInfo {
  float: left;
  width: 132px;
  background: #ffcf4b;
  margin: 0 0 6px 0;
}

table#ImpInfo thead {
  font-weight: bold;
}

table#ImpInfo td {
  background: #ffe395;
}

table#ImpInfo a { 
  display: block; 
  font-size: 0.85em;
  font-weight: normal;
}

/* Kauplus avatud */
table#FirstPageOpen {
  float: left;
  width: 132px;
  background: #ccd1b7;
  margin: 0 0 6px 0;
}

table#FirstPageOpen thead { font-weight: bold; }

table#FirstPageOpen td { padding: 2px 4px; }


/* Kalastusinfo */
table#FishingInfo {
  float: left;
  width: 132px;
  background: #ccd1b7;
  margin: 0 0 6px 0;
}

table#FishingInfo thead {
  font-weight: bold;
}

table#FishingInfo td.FIContent { 
  font-size: 0.85em;
  font-weight: normal;
}

/* Tootereklaamid */
div.ProdAdverts {
  width: 610px;
  height: 130px; 
  margin: 45px 0 0 0; 
  padding: 0;
  position: relative;
}

div.ProdAdvert {
  width: 257px;
  height: 110px;
  padding: 10px;
  background: url('/images/prod_advert_bg.png') repeat-x;
}

div.LeftAdvert {
  position: absolute;
  top: 0px;
  left: 17px;
}

div.RightAdvert {
  position: absolute;
  top: 0px;
  right: 0px;
}

div.ProdAdvert p {
  margin: 0 0 0.25em 0;
  font-weight: normal;
  font-size: 0.9em;
}

div.ProdAdvert h3 {
  color: #565248;
  text-align: left;
  padding-left: 60px;
  margin: 0 0 14px 0;
}

div.ProdAdvert img {
  position: absolute;
  top: -34px;
  left: -17px;
}


/* Tootekataloogi filter */
form#ProdFilter {
  width: 100%;
  margin: 0;
  padding: 5px 0;
  font-size: 0.9em;
  background: #565248;
  border: none;
  color: #fff;
}

#ProdFilter option, #ProdFilter select, #ProdFilter input {
  font-size: 1em;
  color: #565248;
}

#ProdFilter select {
  width: 150px;
}

#ProdFilter td {
  background: none;
}


/* Tootekataloog */
ul#ProdList {
  width: 100%;
  margin: 12px 0 0 0;
  padding: 0;
}

#ProdList li {
  width: 100%;
  height: 42px;
  display: block;
  padding: 0;
  margin: 0 0 6px 0;
  list-style: none;
  position: relative;
  background: #e8ebdf;
}

#ProdList li:hover {
  background: #bfc5a5;
}

#ProdList li > a {
  display: block;
  width: 100%;
  height: 100%;
}

#ProdList img {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 5px;
  right: 5px;
}

#ProdList span.Name {
  width: 90%;
  font-weight: bold;
  position: absolute;
  left: 3px;
  top: 3px;
  color: #565248;
}

#ProdList span.Price {
  position: absolute;
  left: 3px;
  bottom: 5px;
  font-size: 0.9em;
  color: #565248;
}

#ProdList span.Category {
  position: absolute;
  left: 160px;
  bottom: 5px;
  font-size: 0.9em;
  color: #565248;
}

#ProdList span.Maker {
  position: absolute;
  left: 400px;
  bottom: 5px;
  font-size: 0.9em;
  color: #565248;
}


/* Toote kuvamine */
div#ProdImages {
  padding: 3px 0;
  background: url(/images/slide.png) repeat-y;
  width: 120px;
  margin: 0 0 1em 1em;
  text-align: center;
  float: right;
}

div#ProdImages img {
  margin: 3px auto;
  width: 80px;
}

img#ProdImage{
  border: 10px solid #ccd1b7;
}

div#ProdAttrib {
  width: 455px;
  position: relative;
  margin-bottom: 2em;
}

div#ProdAttrib img#ProdLabel1 {
  position: absolute;
  top: 0px;
  right: 101px;
}

div#ProdAttrib img#ProdLabel2 {
  position: absolute;
  top: 0px;
  right: 33px;
}

div#ProdAttrib img#ProdLabel3 {
  position: absolute;
  top: 45px;
  right: 68px;
}

div#ProdAttrib img#ProdLabel4 {
  position: absolute;
  top: 45px;
  right: 0px;
}

table#ProdAttribTable {
  width: 285px;
}

table#ProdAttribTable td#OldPrice {
  text-decoration: line-through;
}


/* veateated */
div.ErrorMessages {
  width: 100%;
  margin-bottom: 20px;
  padding: 6px;
  background: #ffb325;
  color: black
}

div.ErrorMessages h3 {
  color: black;
}

div.ErrorMessages p {
  font-weight: bold;
}

.fieldWithErrors {
  border: 1px solid red;
  padding: 1px;
  display: inline;
}


/* JÄRJEHOIDJA */
div#Pager {
  margin: 0;
}

div#Pager a {
  margin: 2px;
  padding: 3px 5px;
  background: #e8ebdf;
  font-weight: bold;
  color: #565248;
  font-size: small;
}

div#Pager a:hover {
  background: #ccd1b7;
}

span#PagerActive {
  margin: 2px;
  padding: 3px 5px;
  background: #565248;
  color: #fff;
  font-weight: bold;
  font-size: small;
}