html, body {height: 100%; margin: 0;}
* {margin: 0; padding: 0}
body {
font-family: verdana;
font-size: 11px;
color: #776853;
background: #ffffff none;
}
a {text-decoration: none; color: #776853;}
a:hover {text-decoration: underline;}
h2, h3, p {margin: 10px 0;}
h2, h3, .errorMessage {color: #776853;}
h3 {font-size: 11px; font-weight: bold; color: #445a01;}
h2 {font-size: 1.3em; font-weight: bold;}
#left {background: #ffffff url('../images/left_bg_new.jpg') left top repeat-x;}
#right {background: #f1e3cf url('../images/right_bg_new.jpg') left top repeat-x;}
#logo-top {background: #f1e3cf url('../images/logo_bg_new.jpg') left top repeat-x;}
#left, #right {
/* float: left; */
}
#left, #right {
position: absolute;
width: 50%;
height: 382px;
left: 0px;
top: 0px;
z-index: 1;
}
#right {
top: 0px;
left: 50%;
z-index: 1;
}
#left, #right {
width: 50%;
}
#site {
position: relative;
margin: 0 auto;
width: 1114px;
/*left: 50%;
margin-left: -432px;*/
background: url("../images/right_bg4.jpg") repeat-x scroll left top #FFFFFF;
z-index: 10;
}
input, select, textarea {
border: 1px solid #c0c0c0;
font-family: tahoma;
font-size: 11px;
padding: 2px 3px;
color: #776853;
}
#top {
background: #695233 url('../images/top_brown.jpg') repeat-x;
height: 70px;
width: 1070px;
font-size: 11px;
color: #809b2d;
font-family: tahoma;
}
#top-search {
padding-top: 12px;
height: 31px;
}
#top-search a {color: #809B2D;}
#top-search input, #top-search select {color: #809b2d;}
#top-menu {
height: 27px;
overflow: hidden;
}
#top-menu ul li {
text-align: center;
display: block;
height: 19px;
width: 107px;
background: url('../images/button.gif') no-repeat;
float: left;
padding-top: 8px;
padding-left: 0px;
color: #344400;
}
#top-menu a {
display: block;
height: 100%;
width: 100%;
color: #344400;
font-family: verdana;
}
#logo {
height: 219px;
width: 301px;
margin-top: -5px;
float: left;
}
#logo_img {padding-top: 6px; border: 0}
#hippoland-logo {
display: block;
height: 150px;
width: 100%;
text-indent: -2000px;
font-size: 1px;
background: #ffffff url('../images/logo_new.png') left 10px repeat-x;
}
#container {
overflow: hidden;
}
#sidebar, #content {
float: left;
}
#sidebar {
width: 300px;
height: 100%;
}
#sidebar div {
background: #f1e3cf;
padding: 3px 8px;
}
#sidebar div .search-submit {
background: url("../images/sklep_internetowy_konie_szukaj.jpg") repeat scroll 0 0 transparent;
border: 0 none;
height: 25px;
width: 88px;
}
#sidebar .label {
margin-top: 2px;
background: #93b131;
padding-top: 6px;
padding-left: 8px;
height: 17px;
color: #fff;
font-weight: bold;
}
#sidebar .label .label-link { float: right;}
#sidebar .label .label-link a{ color:#000; text-decoration:underline;font-size:10px;font-weight: normal;}
#sidebar .label a {
color: #fff;
}
#sidebar .first {
margin-top: 1px;
}
#sidebar .label-dark {
margin-top: 2px;
background: #6a5233;
padding-top: 6px;
padding-left: 8px;
height: 17px;
}
#sidebar .label-dark a {
color: #fff;
font-weight: bold;
}
#form-login {
height: 73px;
}
#form-login input, #form-inform input {
margin-bottom: 5px;
}
#form-login ul {margin-left: 20px;}
#content {
height: 100%;
width: 808px;
margin-left: 6px;
margin-top: 1px;
}
#cats {
padding-top: 5px;
width: 808px;
height: 90px; /* -10px */
background: url('../images/cats_bg.gif') repeat-x;
overflow: hidden;
float: none;
margin-bottom: 0px;
padding-bottom: 0px;
}
#cats ul {padding: 0px; list-style-type: none;}
#cats li {
display: block;
height: 18px; /* z 20px, na zyczenie klienta */
width: 160px;
float: left;
color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
overflow: hidden;
}
#cats li a {
padding-left: 14px;
font-weight: normal;
color: #ffffff;
}
#cats li a.deco {
background: url('../images/cats_deco.gif') no-repeat 3px 2px;
color: #445a01;
}
#subcats {
background: #f1e3cf;
width: 748px;
display: none;
padding: 10px 30px;
font-size: 11px;
line-height: 1.5em;
overflow: hidden;
color: #776853;
}
#subcats a {
color: #776853;
min-width: 1px;
margin-right: 7px;
padding-right: 7px;
display: block;
float: left;
width: auto;
background: url('../images/subcats_border.gif') no-repeat right;
white-space: pre;
}
#subcats a.last {
background: none;
}
#subcats a.deco {
font-weight: bold;
color: #5b720e;
}
#subcats-loading {
display: none;
color: #776853;
padding: 10px 30px;
background: #f1e3cf;
float: none;
}
#subcats h3 {
margin: 0;
font-size: 14px;
padding-bottom: 5px;
}
#pagination {padding: 5px 0; padding-top: 10px;}
.hbar {
height: 31px;
overflow: hidden;
line-height: 31px;
padding-left: 30px;
background: #93b131 url('../images/arrow_bg.gif') no-repeat left;
color: white;
}
.hbar a {
color: #fff;
font-weight: bold;
}
.featured {
margin: 5px 0;
border: 1px solid #93b131;
width: 746px;
padding: 5px 30px;
overflow: hidden;
}
.featured h3 {
color: #445a01;
font-size: 11px;
margin: 0;
clear: both;
}
.f-left, .f-right {float: left; height: 100%; overflow: hidden;}
.f-left {
width: 688px;
}
.fitem {
float: left;
width: 120px;
margin-right: 22px;
padding-top: 7px;
overflow: hidden;
}
.fi-last {margin-right: 0;}
.fi-photo {
width: 100px;
height: 150px;
border: 1px solid #93b131;
padding: 3px;
}
.f-right {
width: 120px;
}
.f-more {
clear: both;
padding-top: 5px;
text-align: right;
}
.f-more a {
color: #445a01;
font-weight: bold;
}
#site-content {
background: #f1e3cf;
padding: 10px 30px;
min-height: 100px;
overflow: hidden;
border: 1px solid #93B131;
border-top: 0;
}
.site-content {
background: #f1e3cf;
padding: 10px 30px;
overflow: hidden;
border: 1px solid #93B131;
border-top: 0;
}
.item {
border: 1px solid #93b131;
height: 158px;
margin-top: 5px;
padding: 10px 30px;
}
.i-photo {
width: 100px;
height: 150px;
overflow: hidden;
float: left;
border: 1px solid #93b131;
padding: 3px;
}
.i-dsc {
height: 150px;
float: left;
width: 628px;
padding-left: 10px;
}
.i-dsc-top {
color: #776853;
height: 120px;
width: 100%;
}
.i-dsc-bottom {
height: 30px;
width: 100%;
color: #445a01;
font-weight: bold;
}
.i-dsc-bottom div.right {width: 200px;}
.i-dsc-bottom a {color: #445a01}
/* items/details */
#item-details {
border: 1px solid #93b131;
margin: 5px 0;
padding: 10px 30px;
/* min-height: 225px; */
height: auto;
}
#id-photo, #id-details {float: left;}
#id-photo {
width: 150px;
height: auto;
margin-right: 20px;
}
#id-details {
width: 576px;
}
#id-details h3 {margin: 0; margin-bottom: 10px; color: #445a01; font-size: 11px;}
#idd-left, #idd-right {float: left; overflow: hidden}
#idd-left {width: 441px; line-height: 21px;}
#idd-left span {display: block; float: left; width: 85px; height: 21px; clear: left;}
#idd-left select {padding: 0; margin: 2px 0;}
#idd-right {width: 135px;}
#idd-right a {display: block; padding-left: 15px; background: url('../images/deco.gif') no-repeat 0 2px; height: 14px; width: 120px; overflow: hidden;}
#idd-price, #idd-basketAdd {float: left; width: 50%; margin-top: 10px;}
#idd-price .price {font-size: 1.4em; color: #445a01; font-weight: bold;}
#idd-basketAdd {text-align: right;}
#idd-basketAdd a {font-weight: bold; color: #445a01;font-size: 14px;}
#id-dsc {clear: both; padding-top: 5px;}
/* item/details (comments) */
#addComment, #comments, #ask, #inform {margin-bottom: 5px; clear: both;}
#ask span.label, #inform span.label {float: left; width: 100px; height: 18px; line-height: 18px; clear: left;}
#ask span, #inform span {display: block; margin-top: 2px;}
#ask ul, #inform ul {margin-left: 40px; margin-bottom: 15px;}
#inform span.label {width: 120px;}
#footer {
height: 55px;
line-height: 25px;
color: #b2b2b2;
font-weight: normal;
font-size: 11px;
text-decoration: none;
margin-top: 5px;
}
#footer a {
color: #b2b2b2;
font-weight: normal;
font-size: 11px;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer .left {
float: left;
width: auto;
text-align: left;
}
#footer .right {
float: right;
width: auto;
text-align: right;
}
/* #footer .right {width: 50%; height: 100%;} */
div.left, div.right {float: left; width: 50%;}
.darkgreen {color: #445a01;}
.full {width: 100%;}
.third {width: 33%}
.half {width: 50%;}
.errorMessage {font-size: 1.1em; font-weight: bold;}
.border td {border: 1px solid #725746; padding: 3px;}
.border tr.title td {text-align: center; font-weight: bold;}
.bold {font-weight: bold;}
.nophoto {background: url('../images/nophoto.gif') no-repeat center;}
.nophoto-big {background: url('../images/nophoto-big.gif') no-repeat center;}
.center {text-align: center;}
.right {text-align: right;}
div.specialoptiondiv select {width: 180px;}
a.imagecontainer {
display: block;
width: 100px;
height: 150px;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
text-decoration: none;
}
a.imagecontainer:hover {
text-decoration: none;
}
div#positionallinks {
display: none;
}
div#logoprintsmall {
color: #000000;
font-size: 18px;
height: 80px;
display: none;
}
div#logoprintsmall img {
float: left;
margin-right: 10px;
}
div#logoprintsmall span {
font-size: 15px;
}
div.comment{border-bottom:1px solid #93b131;margin:20px 0;padding:0 0 18px 32px;line-height:1.4;background:url(../images/comment_image.png) no-repeat scroll 0 0}
div.comment p{margin:3px 0;padding:0 5px}
div.comment p.comment-author{position:relative}
div.comment p.comment-author b{font-variant:small-caps;display:inline}
div.comment p span{position:absolute;right:0;font-size:90%;padding:2px 0 0}
#small_foto {border-collapse: collapse; margin: 0 auto}
#small_foto td {padding: 10px}
#sitemap ul {list-style-type: none; margin: 10px 0 5px 5px; padding: 0; }
#sitemap ul li{margin: 0; padding: 0; font-weight: bold;}
#sitemap ul li ul{list-style-type: none; margin: 0; margin-left: 5px}
#sitemap ul li ul li {font-weight: normal}
#sitemap .col_1, #sitemap .col_2, #sitemap .col_3 {float: left; width: 33%;}
#sitemap_table {border-collapse: collapse; margin: 0 auto; width: 100%}
#sitemap_table td {vertical-align: top; padding-top: 10px}
#dolna_belka {margin-top: 10px}
#dolna_belka_tabela { width: 100%; }
#dolna_belka_tabela td{vertical-align: top; background: #F1E3CF; }
#dolna_belka_tabela .dolna_belka_text {padding: 0 5px}
#powiadom_znajomego {width: 278px; }
#subskrypcja {width: 278px; }
#kontakt {width: 278px}
#tagi {width: 278px}
#powiadom_znajomego .label, #subskrypcja .label, #kontakt .label, #tagi .label{background: #93b131; padding-top: 6px; padding-left: 8px; height: 17px; color: #fff; font-weight: bold;}
#powiadom_znajomego #form-inform {padding: 10px}
#baner {
float: right;
margin-top: 20px;
width: 800px;
height: 175px;
background: url("../images/internetowy_sklep_jezdziecki_ramka.png") no-repeat scroll left top transparent;
}
#baner .itemsContainer {
height: 166px;
overflow: hidden;
position: relative;
width: 745px;
background: white;
margin-top: 3px;
margin-left: 15px;
}
#baner .items {
width: 20000em;
position: absolute;
clear: both;
}
#baner .itemsContainer .slide {
float: left;
width: 745px;
height: 168px;
padding: 4px;
}
#baner .itemsContainer .slide a {color: black}
#baner .itemsContainer .slide a:hover { text-decoration: none; }
#baner .itemsContainer img {
float: left;
margin-right: 10px;
}
#baner .itemsContainer h3,
#baner .itemsContainer p {
margin-left: 26px;
color: black;
margin-right: 10px;
}
#baner .navi { font-size: 0px; padding: 10px; float: right; position: relative; top: 130px; }
#baner .navi a {
display: inline-block;
width: 13px;
height: 13px;
text-align: left;
text-indent: -3000px;
background-color: #695233;
margin: 0 1px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
vertical-align: middle;
}
#baner .navi a.active {
background-color: #fff;
border: 3px #695233 solid;
width: 7px;
height: 7px;
}
.dolna_belka_bloczki_linki {
width:1114px;
}
.dolna_belka_bloczki_linki tr {
}
.dolna_belka_bloczki_linki td {
background: none repeat scroll 0 0 #93B131;
color: #FFFFFF;
font-weight: bold;
height: 20px;
width:222px;
text-align: center;
vertical-align: middle;
}
.dolna_belka_bloczki_linki .foreign_link {
background: #6A5233;
}
.dolna_belka_bloczki_linki td a {
color:#fff;
}