@charset "utf-8";
html {
margin : 0;
padding : 0;
}
body {
background : #0c2a4c url(../images/body-bg.png) no-repeat top;
font-family : Arial, Helvetica, sans-serif;
font-size : 80%;
color : #121010;
}
a {
text-decoration : none;
color : #ff6;
border : none;
}
h3 {
color : #336699;
border-bottom : 1px dashed #ccc;
padding-bottom : 5px;
margin-bottom : 5px;
font-size : 110%;
text-transform : uppercase;
}
ul {
margin-left : 30px;
}
#container {
margin : 0 auto;
width : 990px;
padding : 0;
}
ol {
margin-left : 30px;
}
#membertool {
width : 990px;
margin : 0 0 0 0;
height : 40px;
}
#header {
width : 990px;
height : 145px;
background : url(../images/headerbg.gif) repeat-x;
}
#header .tag {
float : right;
}
#header .logo {
float : left;
width : 149px;
height : 145px;
}
#menus {
width : 990px;
background : url(../images/menubg.gif) repeat-x;
height : 45px;
color : #fff;
}
#topmenus {
float : right;
}
#banner {
width : 990px;
background : url(../images/bannerbg.gif) repeat-x;
height : 195px;
padding : 5px 0 5px 0;
}
#toolbar {
width : 990px;
height : 45px;
background : url(../images/toolbarbg.gif) repeat-x;
}
#toolbar h3 {
color : #fff;
padding : 15px 0 0 25px;
border : none;
font-size : 90%;
}
#artspacer {
background : url("../images/artspacer.gif") no-repeat;
height : 40px;
}
#maincontent {
width : 990px;
float : left;
}
#maincontent .content {
width : 550px;
float : left;
padding : 30px;
}
#maincontent .nav {
width : 320px;
float : right;
background : #e8e8e8;
padding : 0 30px;
}
#maincontent .nav h3 {
font-size : 14px;
border : none;
font-weight : bold;
}
#maincontent .nav ul {
color : #333;
margin-left : 20px;
}
#maincontent .nav li {
list-style-image : url("../images/bullet.gif");
color : #00537d;
}
#maincontent .item {
margin-top : 20px;
}
#maincontent .runbg {
background : url("../images/contentbg.gif") repeat-y;
float : left;
}
#footer {
width : 990px;
background : url("../images/footerbg.gif") no-repeat;
margin-bottom : 10px;
clear : both;
color : #333;
}
#footer .item {
height : 160px;
padding : 20px 20px 0 25px;
}
#footer img .partners {
float : left;
}
#footer h3 {
color : #666;
border : none;
padding : 0;
margin : 0;
font-size : 13px;
}
#footer .smalltext {
height : 40px;
font-size : 10px;
color : #ffffff;
text-align : center;
}
.contact {
background : url(../images/divbg.gif);
}
.contact ul {
list-style : none;
margin : 0;
padding : 0;
}
.contact ul li {
padding : 1px;
}
.error {
padding : 3px;
}
.contact b {
color : #ff0000;
}
label {
width : 120px;
float : left;
clear : both;
}
.fieldstyle {
width : 230px;
}
.fieldname {
width : 180px;
}
.fielmessage {
width : 320px;
}
.mybutton {
margin : 5px 0 0 120px;
padding : 2px;
}
.mainleft {
float : left;
margin : 5px 10px 0 0;
border : 1px solid #ccc;
}
.mainright {
float : right;
margin : 5px 0 0 10px;
border : 1px solid #ccc;
}
.ads {
margin : 5px 0 0 1px;
}
.onlineform ul {
list-style : none;
padding : 0;
margin : 0;
}
.onlineform ul li {
padding : 1px;
}
.onlineform h4 {
border-bottom : 1px dotted #ccc;
padding : 3px 0 3px 0;
margin-bottom : 10px;
color : #336699;
}
.tools ul {
color : #039;
display : block;
list-style : none;
margin : 0;
}
.tools ul li a {
color : #036;
}
.tools ul li a:hover {
color : #c63;
}
.tool ul li a:visited {
color : #666;
}
.contentitem {
margin-bottom : 40px;
float : left;
}
.contentitem ul {
display : block;
position : relative;
width : 545px;
padding : 0;
margin : 0;
}
.contentitem ul li {
display : block;
position : relative;
float : left;
clear : none;
width : 170px;
height : 20px;
padding : 0 10px 0 0;
list-style-type : none;
list-style-position : inside;
overflow : hidden;
border-bottom : 1px solid #eee;
}
.contentitem ul li.normal {
width : 265px;
list-style : armenian;
}
.contentitem ul li a {
display : block;
height : 20px;
color : #06c;
text-decoration : none;
}
.contentitem ul li a:hover {
color : #ff9900;
}
.contentmedia {
padding-bottom : 10px;
margin-bottom : 15px;
}
.contentmedia ul {
display : block;
position : relative;
width : 540px;
padding : 0;
margin : 0;
}
.contentmedia ul li {
display : block;
position : relative;
float : left;
width : 170px;
height : 20px;
padding : 0 10px 0 0;
list-style-type : none;
overflow : hidden;
border-bottom : 1px solid #ccc;
}
.contentmedia ul li.download {
text-align : right;
color : #ff9900;
}
.contentmedia ul li a {
display : block;
height : 20px;
color : #c60;
text-decoration : none;
}
.contentsemen {
padding-bottom : 10px;
margin-bottom : 15px;
}
.contentsemen ul {
display : block;
position : relative;
width : 545px;
padding : 0;
margin : 0;
}
.contentsemen ul li {
display : block;
position : relative;
float : left;
height : 22px;
padding : 2px 5px 0 0;
list-style-type : none;
overflow : hidden;
border-bottom : 1px solid #ccc;
}
.contentsemen ul li.codes {
text-align : center;
width : 65px;
text-transform : uppercase;
}
.contentsemen ul li.title {
text-align : left;
width : 225px;
}
.contentsemen ul li.color {
text-align : center;
width : 65px;
}
.contentsemen ul li.prices {
text-align : center;
width : 60px;
}
.contentsemen ul li.vat {
text-align : center;
width : 50px;
}
.contentsemen ul li.service {
text-align : center;
width : 50px;
}
.semenheader {
font-weight : bold;
color : #000;
}
.contentsemen ul li a {
display : block;
height : 20px;
color : #c90;
text-decoration : none;
}
.contentsemen ul li a:hover {
color : #c90;
}
.pages {
height : 20px;
border-bottom : 1px solid #ccc;
width : 545px;
}
#pagesbottom {
float : left;
margin-top : 5px;
padding : 3px;
width : 542px;
}
.paging {
padding : 0 3px 0 3px;
margin : 0 2px 0 2px;
color : #069;
display : inline;
text-align : center;
border : 1px solid #ccc;
}
.paging a:hover {
background : #333;
}
.pagecurrent {
background : #ffc;
padding : 0 3px 0 3px;
margin : 0 2px 0 2px;
display : inline;
text-align : center;
border : 1px solid #ccc;
}
#contentlinks {
margin-bottom : 100px;
float : left;
}
#contentlinks ul {
display : block;
position : relative;
width : 545px;
padding : 0;
margin : 0;
}
#contentlinks ul li {
display : block;
position : relative;
float : left;
height : 20px;
padding : 2px 5px 0 0;
list-style-type : none;
overflow : hidden;
width : 255px;
margin-right : 10px;
border-bottom : 1px solid #ccc;
}
#contentlinks ul li a {
color : #339;
}
#contentlinks ul li a:hover {
color : #666;
}
.contentsoe {
padding-bottom : 10px;
margin-bottom : 15px;
}
.contentsoe ul {
position : relative;
width : 540px;
padding : 0;
margin : 0;
}
.contentsoe ul li {
display : block;
position : relative;
float : left;
height : 18px;
padding : 3px 10px 2px 0;
list-style-type : none;
overflow : hidden;
width : 540px;
margin-right : 15px;
border-bottom : 1px dotted #eee;
}
.contentsoe ul li a {
color : #666;
}
.mynumber {
display : block;
width : 100px;
font-weight : bold;
}
#contentservice {
float : left;
}
#contentservice ul {
width : 545px;
display : block;
position : relative;
}
#contentservice ul li {
display : block;
position : relative;
float : left;
height : 22px;
padding : 2px 5px 0 0;
list-style-type : none;
overflow : hidden;
color : #960;
background : #ffc;
background-color : #ffffcc;
}
#contentservice ul li.name {
width : 225px;
}
#contentservice ul li.fees {
width : 100px;
}
#contentservice ul li.vat {
width : 100px;
}
#contentservice ul li.total {
width : 100px;
}
#productlist {
width : 545px;
float : left;
}
#productlist ul {
list-style : none;
margin : 0;
padding : 0;
width : 545px;
position : relative;
}
#productlist ul li {
display : block;
position : relative;
float : left;
height : 18px;
list-style-type : none;
overflow : hidden;
border-bottom : 1px dotted #eee;
}
#productlist ul li.image {
width : 120px;
height : 120px;
background : #eee;
margin-top : 5px;
}
#productlist ul li.title {
width : 415px;
margin : 5px 0 0 10px;
height : 20px;
}
#productlist ul li.dsc {
width : 415px;
height : 80px;
margin-left : 10px;
}
#productlist ul li.tools {
width : 415px;
height : 20px;
margin-left : 10px;
}
#pedigree {
width : 545px;
float : left;
margin-top : 10px;
}
#pedigree ul {
list-style : none;
margin : 0;
padding : 0;
width : 545px;
position : relative;
font-size : 12px;
color : #336699;
}
#pedigree ul li {
background : url(../images/pedegree.gif);
width : 255px;
margin : 0 0 0 10px;
height : 18px;
float : left;
text-transform : uppercase;
padding : 2px 0 0 0;
}
#pedigree ul li.listing {
font-size : 12px;
}
#pedigree ul li.name {
color : #999;
}
#pedigree ul li.image {
width : 265px;
background : none;
min-height : 200px;
float : left;
text-align : center;
}
.cattleimg {
border : 1px solid #ccc;
padding : 5px;
width : 255px;
}
#pedigree ul li.pedigree {
width : 545px;
color : #336699;
background : url(../images/longpedigree.gif);
}
.ddsubmenustyle, .ddsubmenustyle ul {
font : bold 13px Arial;
color : #fff;
margin : 0;
padding : 0;
position : absolute;
left : 0;
top : 0;
list-style-type : none;
visibility : hidden;
z-index : 100;
border-left : 1px solid #333;
border-right : 1px solid #333;
border-top : 1px solid #333;
}
.ddsubmenustyle li a {
display : block;
width : 160px;
color : #fff;
text-decoration : none;
padding : 5px 5px;
border-bottom : 1px solid #333;
background : url(../images/submnbg.gif) repeat-x;
}
* html .ddsubmenustyle li {
display : inline-block;
width : 170px;
}
.ddsubmenustyle li a:hover {
background : url(../images/submnhover.gif) repeat-x;
color : white;
}
.downarrowpointer {
padding-left : 4px;
border : 0;
}
.rightarrowpointer {
position : absolute;
padding-top : 1px;
left : 100px;
border : 0;
}
.ddiframeshim {
position : absolute;
z-index : 500;
background : transparent;
border-width : 0;
width : 0;
height : 0;
display : block;
}
.mattblackmenu ul {
margin : 0;
padding : 0;
font : bold 12px Arial;
text-transform : uppercase;
list-style-type : none;
border-bottom : 1px solid gray;
overflow : hidden;
}
.mattblackmenu li {
display : inline;
margin : 0;
}
.mattblackmenu li a {
float : left;
display : block;
text-decoration : none;
margin : 0;
padding : 14px 8px;
color : white;
background : url(../images/menudivider.gif) no-repeat top right;
}
.mattblackmenu li a:visited {
color : white;
}
.mattblackmenu li a:hover {
background : url(../images/menuhover.gif) no-repeat top right;
}
.mattblackmenu a.selected {
background : url(../images/menuhover.gif) no-repeat top right;
}
.markermenu {
width : 175px;
clear : left;
position : relative;
}
.markermenu ul {
list-style-type : none;
margin : 5px 0;
padding : 0;
border : 1px solid #9a9a9a;
}
.markermenu ul li a {
background : #f2f2f2 url(bulletlist.gif) no-repeat 3px center;
font : bold 13px "arial", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color : #00014e;
display : block;
width : auto;
padding : 3px 0;
padding-left : 20px;
text-decoration : none;
border-bottom : 1px solid #b5b5b5;
}
* html .markermenu ul li a {
width : 155px;
}
.markermenu ul li a:visited, .markermenu ul li a:active {
color : #00014e;
}
.markermenu ul li a:hover, .markermenu ul li a.selected {
color : white;
background-color : black;
}
.blackwhite li a {
background : white;
}
.blackwhite li a:hover {
background : black;
color : white;
}
* {
margin : 0;
padding : 0;
}
#rotator {
cursor : pointer;
overflow : hidden;
position : relative;
width : 990px;
height : 195px;
}
#rotator img {
border : 0;
cursor : pointer;
width : 990px;
height : 195px;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background : transparent url(../images/blank.gif) no-repeat;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
.lbWidth {
position : absolute;
top : 0;
left : 0;
width : 100%;
min-width : 790px;
}
* html .lbContent {
margin-left : -790px;
position : relative;
}
* html .lbMinWidth {
padding-left : 790px;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}