/*
  CSS for marios.lt
  Authored by Mindaugas Pelionis <mindaugas.pelionis@gmail.com>
*/

/*
  Generic rules
*/

html {
  min-height: 100%;
}

body {
  background: #fff url(img/bottom-bg.jpg) repeat-x bottom left;
  color: #636466;
  margin: 0;
  padding: 39px 0 91px;
  font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
}

body#picture {
  background-image: none;
  padding: 10px;
  text-align: center;
}

body#picture h1 {
  display: none;
}

a {
  outline: none;
}

a:link, a:visited {
  color: #008ed1;
  text-decoration: underline;
}

a:active, a:hover {
  color: #008ed1;
  text-decoration: none;
}

a img {
  border: 0;
}

hr, h6 {
  display: none;
}

h1, h2, h3, h4, h5 {
  font-size: 100%;
  color: #0088ce;
}

/*
  Forms
*/

form dt {
  margin-top: 3px;
}

form dd {
  margin-left: 0;
  padding-left: 11px;
}

.textInput {
  color: #636466;
  background: #fff;
  padding: 3px;
  border: 1px solid #384e9a;
  font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

.button {
  color: #384e9a;
  background: #e3edf7;
  border-color: #384e9a;
  border-width: 1px;
  font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
}

form .required {
  font-weight: bold;
}

p.error {
  color: #f00;
}

/*
  Layout
*/

#header {
  padding: 0 0 12px;
  overflow: auto;
}

#home #header {
  padding: 0 0 15px;
}

#main {
  background: url(img/top-bg.gif) repeat-x 0 0;
  padding-top: 40px;
  clear: both;
  overflow: auto;
  font-size: 110%;
}

.i {
  width: 836px;
  margin: 0 auto;
}


#content, #sidebar, #secondaryNav, #logo, #globalNav, #productNav {
  float: left;
}

#content {
  width: 400px;
  margin-left: 210px;
}

#sidebar {
  width: 169px;
  margin-left: 28px;
}

#secondaryNav {
  width: 164px;
  margin-left: -591px;
  padding-top: 1.2em;
}

#globalNav {
  width: 183px;
  margin-left: -821px;
}

#productNav {
  width: 400px;
  margin-left: -611px;
}

#home #productNav {
  float: right;
  margin: 14px 29px 0;
  width: 777px;/*778px;*/
}

#logo {
  width: 183px;
  margin-left: 638px;/*638px;*/
  margin-top:0px;/* 0px*/
}

#home #logo {

}

#picture #logo {
  float: none;
  text-align: center;
  width: auto;
  margin: 0;
  padding: 0;
}

#picture #content {
  float: none;
  margin: 0;
  width: auto;
}

/*
  Global navigation
*/

#globalNav {
  font: bold 100% "Trebuchet MS", Tahoma, Verdana, sans-serif;
  text-transform: uppercase;
}

#globalNav ul, #globalNav li {
  margin: 0;
  padding: 0;
}

#globalNav ul {
  list-style: none;
}

#globalNav a {
  display: block;
  padding-left: 29px;
  color: #69b8eb;
  text-decoration: none;
}

#globalNav a.promo {
  color: #e27835;
}

#globalNav a:active, #globalNav a:hover {
  color: #0088ce;
  text-decoration: none;
}

#globalNav .current a {
  background: url(img/globalnav-bullet.gif) no-repeat center left;
  color: #0088ce;
  font-size: 140%;
  font-weight: bold;
}


/*
  Product navigation
*/

#productNav {
  font: bold 100%/1 "Trebuchet MS", Tahoma, Verdana, sans-serif;
  text-transform: uppercase;
}

#productNav a {
  color: #3a69af;
  height: 13px;
  padding-top: 68px;
  display: block;
  text-align: center;
  text-decoration: none;
}

#productNav a:hover, #productNav a:active {
  color: #008ed1;
}

#productNav ul, #productNav li {
  margin: 0;
  padding: 0;
}

#productNav li {
  width: 92px;/*126px;*/
/*
  width: 134px;
  height: 85px;
*/
  background: url(img/nav-frame4.gif) no-repeat 0 0;/*url(img/nav-frame.gif) no-repeat 0 0;*/
  padding: 4px 4px 0;
  display: block;
  float: left;
}

#indoorPools a {
/*  background: url(img/nav-vidausbaseinai.jpg) no-repeat center top;*/
  background: url(img/thumb-baseinai-small.jpg) no-repeat center top;
}
#outdoorPools a {
/*  background: url(img/nav-laukobaseinai.jpg) no-repeat center top;*/
   background: url(img/thumb-fontanai-small.jpg) no-repeat center top;
}
#fountains a {
/*  background: url(img/nav-fontanai.jpg) no-repeat center top;*/
   background: url(img/thumb-tvenkinys-small.jpg) no-repeat center top;
}
#chemicals a {
/* background: url(img/nav-home-fontanai.jpg) no-repeat center top;*/
   background: url(img/thumb-chemikalai-small.jpg) no-repeat center top;
}


#productNav #outdoorPools, #productNav  #fountains, #productNav  #chemicals {
  margin-left: -1px;
}


/*
  Product navigation in home page
*/

#home #productNav {
  font-size: 118%;
}

#home #productNav a {
  height: 15px;
  padding-top: 145px;
}

#home #productNav li {
  width: 187px;/*252px;*/
/*
  width: 260px;
  height: 164px;
*/
  background: url(img/nav-frame-home.gif) no-repeat 0 0;
}

#home #indoorPools a {
/*  background: url(img/nav-home-vidausbaseinai.jpg) no-repeat center top;*/
  background: url(img/thumb-baseinai.jpg) no-repeat center top;
}
#home #outdoorPools a {
/*  background: url(img/nav-home-laukobaseinai.jpg) no-repeat center top;*/
    background: url(img/thumb-fontanai.jpg) no-repeat center top;
}
#home #fountains a {
/* background: url(img/nav-home-fontanai.jpg) no-repeat center top;*/
   background: url(img/thumb-tvenkinys.jpg) no-repeat center top;
}
#home #chemicals a {
/* background: url(img/nav-home-fontanai.jpg) no-repeat center top;*/
   background: url(img/thumb-chemikalai.jpg) no-repeat center top;
}


/*
  Secondary navigation
*/

#secondaryNav ul {
  list-style: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 31px;
  padding-left: 0;
  padding-right: 0;
}

#secondaryNav li {
  margin: 0;
  padding: 0 0 4px 10px;
}

#secondaryNav a:link, #secondaryNav a:visited {
  text-decoration: none;
}
#secondaryNav a:hover, #secondaryNav a:active {
  text-decoration: underline;
}

#secondaryNav .current a {
  color: #2b55a2;
}

#secondaryNav .current a:link, #secondaryNav .current a:visited {
  text-decoration: underline;
}
#secondaryNav .current a:hover, #secondaryNav .current a:active {
  text-decoration: none;
}

#secondaryNav .current ul a:link, #secondaryNav .current ul a:visited {
  text-decoration: none;
}
#secondaryNav .current ul a:hover, #secondaryNav .current ul a:active {
  text-decoration: underline;
}


#breadcrumbs {
  height: 1.2em;
  margin-bottom: 31px;
}

#breadcrumbs a {
  color: #636466;
  text-decoration: none;
}

#breadcrumbs a:hover, #breadcrumbs a:active {
  text-decoration: underline;
}


/*
  Sidebar
*/

#sidebar {
  color: #395aa5;
  font-size: 90%;
  text-align: right;
}

/*
  Search
*/

#search {
  margin: 0;
  padding: 0;
}

#search fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  margin-bottom: 24px;
}

#search legend {
  display: none;
}

#submitSearch {
  margin-top: 2px;
}

#q {
  float: right;
  margin-left: 5px;
  width: 121px;
  background-image: url(img/search-bg.gif);
  background-position: center right;
  background-repeat: no-repeat;
}

#q:focus {
  background-image: none;
}

/*
  Logo
*/

#logo ul {
  margin: 0;
  padding: 14px 14px 0;
  list-style: none;
}

#logo li {
  margin: 0;
  padding: 0;
  text-align: right;
}

/*
  Search
*/

.searchResults {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.searchResults li {
  margin: 0 0 10px;
  padding: 0;
}

/*
  News
*/

.item .body {
  text-align: justify;
  overflow: auto;
}

.item .body img {
  margin: 0 8px 8px 0;
}

/*
  Gallery
*/

.gallery {
  text-align: justify;
  overflow: auto;
}

.gallery .picture {
  width: 133px;
  float: left;
}

.gallery .picture a {
  display: block;
  padding: 4px 0;
  height: 78px;
  text-align: center;
}

.gallery .picture a:hover, .gallery .picture a:active {
  padding: 3px 0;
  border: 1px solid #d8e5f5;
}

/*
  Picture
*/

#picture .picture img {
  margin: 10px 0 0;
  padding: 5px;
  border: 1px solid #d8e5f5;
}

#picture #contacts {
  display: none;
}

#picture a:active {
  outline: none;
}