/* @group General Elements */

body {
  font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: #001b40;
  margin: 0;
  background: #001b40 url('/images/bk.png') repeat-x;
  padding: 0px;
}

hr {
  margin: 6px 0;
  &margin: 0px;
  border-bottom: 1px solid gray;
  border-right-style: hidden;
  border-top-style: hidden;
  border-left-style: hidden;
}

a:link {
	
}

a:visited {
	
}

a:active {
	
}

a:hover {
  color: orange;
}

h1 {
	
}

h2 {
	
}

h3 {
	
}

h4 {
	
}


/* @end */

/* @group Layout */


#zContainer {
  position: relative;
  width: 842px;
  margin-right: auto;
  margin-left: auto;
  z-index: 11;
  top:0;
  margin-top: -15px;
}



#logo {
  text-align: center;
  position: absolute;
  top: 0;
  left: 68px;
  z-index: 11;
}

#container {

  margin-left: auto;
  margin-right: auto;
  width: 842px;
  /*background-image: url('/images/contentBk.png');*/
  &background-image: none;
  background-repeat: repeat-y;
}


#header{
  clear: both;
  margin-bottom: 0px;
  &margin-left: 3px;
}

#content{
  &width: 842px;
  margin-top: 250px;
  &margin-top: 350px;
  clear: both;
  background-image: url('/images/contentBk.png');
  background-repeat: repeat-y;
  overflow: hidden;
  &margin-top: 0px;

  &z-index: 1;
}

#contentHolder{

	&width: 794px;
	padding:20px;
	margin-right:4px;
	margin-left:4px;
	overflow:hidden;
	background-image: url('/images/homeBk.png');
	background-repeat: repeat-x;
	
	&z-index: 1;
}

#footer{
  clear: both;
  width: 842px;
  height: 30px;
  font-size: 9px;
  color: gray;
}

#footer a:link, #footer a:active, #footer a:visited{
  color: white;
}

#footer a:hover{
  color: orange;
}
/* @end */

/* @group Content Modules */

/* @group Animal List */

.animalList {
 
}

#animalListBox {
  float: left;
  width: 800px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
  border: 1px solid #b2b3ad;
}

#animalListBox h1 {
	margin: 0;
  padding: 0;
  font-size: 18px;
}

#animalListBox h2 {
	margin: 0;
}

#animalListBoxPhoto {
  margin: 6px 0 6px 6px;
  float: left;
}

#animalListBoxPhoto img {
  border: none;
}

#animalListNoPhoto{
	margin: 6px 0 6px 6px;
  float: left;
}

#animalListBoxDetails {
  float: left;
  margin-left: 6px;
  width: 600px;
}

#animalListBoxName {
  clear: both;
}

#animalListBoxPedigree {
  clear: both;
}

#animalListBoxSemen {
  clear: both;
}

#animalListBoxAuction {
  clear: both;
}

#animalListBoxSale {
  clear: both;
}

#animalListBoxSold {
  
}

#animalListBoxLot {
  float: right;
  text-align: right;
  font-weight: bold;
  font-size: 18px;
  margin: 6px;
}

#animalListBoxOptions {
  float: right;
  clear: right;
}


#animalListBoxOptions img{
  border: none;
  visibility: hidden;
}

#animalListBoxButton {
 	width: 131px;
	height: 35px;
	margin: 6px;
 	background: url(/images/btnMoreInfo.gif) no-repeat left;
  bottom: 6px;
  right: 6px;
  position: absolute;
  cursor: pointer;
  
}



#animalListBoxButton:hover{
  background: url(/images/btnMoreInfo.gif) no-repeat right;
  cursor: pointer;
}



/* @end */

/* @group Album */

#album {
  clear: both;
  margin-bottom: 6px;
  border: 1px solid gray;
  overflow: hidden;
}

#albumPhoto {
  float: left;
  margin: 6px 0 6px 6px;
}

#albumDetails {
  float: left;
  margin-left: 6px;
}

#albumTitle {
  font-weight: bold;
  font-size: 18px;
  clear: both;
}

#albumDesc {
  float: left;
  clear: both;
}


#albumOptions {
  float: right;
  clear: right;
}


#albumOptions img{
  border: none;
}

#albumButton {
  border: 1px solid gray;
  padding: 3px;
  margin: 6px;
  background-color: #feface;
}

#albumButton:hover{
  background-color: #fde696;
}


/* @end */

/* @group Photo List */

#photoList {
  text-align: center;
}

#photoList table {
  width: 100%;
  padding: 6px;
  margin-bottom: 6px;
}

#photoList img {
  border: 1px solid gray;
}



/* @end */

/* @group News */

.news {
	
}

#newsRecentArticles {
  width: 250px;
}

#newsRecentArticles hr {
  border-top: 1px solid #f2f4f6;
  border-right-style: hidden;
  border-bottom-style: hidden;
  border-left-style: hidden;
}

#newsRecentArticles img {
  border:  none;
}

.newsRecentArticlesTitle {
  font-weight: bold;
  font-size: 14px;
}


.newsRecentArticlesDate {
  font-style: italic;
  color: gray;
  font-size: 12px;
}

#newsRecentArticles a:link {
   font-weight: bold;
  text-decoration: none;
  color: #001b40;}

#newsRecentArticle a:visited {
   font-weight: bold;
  text-decoration: none;
  color: #001b40;
}

#newsRecentArticle a:active {
  font-weight: bold;
  text-decoration: none;
  color: #001b40;
}

#newsRecentArticle a:hover {
   font-weight: bold;
  text-decoration: none;
  color: #001b40;}


#newsRecentArticlesTitle a:link {
   font-weight: bold;
  text-decoration: none;
  color: #001b40;}

#newsRecentArticleTitle a:visited {
   font-weight: bold;
  text-decoration: none;
  color: #001b40;
}

#newsRecentArticleTitle a:active {
  font-weight: bold;
  text-decoration: none;
  color: #001b40;
}

#newsRecentArticleTitle a:hover {
   font-weight: bold;
  text-decoration: none;
  color: #001b40;}
#newsArticle {
  width: 70%;
}

.newsArticleTitle {
  font-size: 18px;
  font-weight: bold;
}

.newsArticleDate {
  color: gray;
  font-style: italic;
}

.newsArticle h1 {
	
}

.newsArticle h2 {
	
}

.newsArticle h3 {
	
}

.newsArticle h4 {
	
}

.newArticles a:link {
	
}

.newsArticle a:visited {
	
}

.newsArticle a:active {
	
}

.newsArticle a:hover {
	
}

#newsForm {
  margin-bottom: 6px;
}

/* @end */

/* @group viewAnimal */

/* This is a container which contains everything */
#viewAnimal{
  padding: 10px;
  overflow: hidden;
}

/* This container contains: animal name, photos, brand & logo images  */
#viewAnimalContainer1{
  float: left;
  width: 235px;
}

/* contains everthing else */
#viewAnimalContainer2{
  float: right;
  width: 475px;
}

/* Animal name at very top outside and above container 1 & 2 */
#viewAnimalNameTop{
  visibility: hidden;
  font-weight: bold;
  font-size: 1px;
  color: #001b40;
  
}

/* Animal name inside container 1*/
#viewAnimalNameContainer1{
  visibility: hidden;
  font-weight: bold;
  font-size: 1px;
  color: #001b40;
}

/* Animal name inside container 2 */
#viewAnimalNameContainer2{
  visibility: visible;
  font-weight: bold;
  font-size: 16px;
  color: #001b40;
  padding-bottom: 5px;
}

/* styles all viewAnimal Tables */
#viewAnimal table{
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #e6e6e6;
  font-size: 12px;
}

#viewAnimal table tr{

}

#viewAnimal table th{
  width: 150px;
  border: 1px solid #ece8d6;
  padding: 4px;
}

#viewAnimal table td{
  border: 1px solid #ece8d6;
  padding: 4px;
}

/* container main photos */
#viewAnimalPhoto{
 
}

#viewAnimalPhoto img{
  border: 1px solid silver;
  cursor: pointer;
}

#viewAnimalAdditionalPhotos{
  margin-top: 8px;
}

#viewAnimalAdditionalPhotos img{
  margin-right: 6px;
  cursor: pointer;
}

/* Extra div under main photo to add button or whatever */
#viewAnimalPhotoEnlargeButton{
  
}

#viewAnimal #tabs{
  visibility: hidden;
  display: none;
}

/* styles all animalView titles */
#viewAnimalTitle{
  font-style: italic;
  font-weight: bold;
  margin-bottom: 4px;
  color: #001b40;
  margin-top: 8px;
}


#viewAnimalGeneralInfo{
  text-align: left;
}

/* Overwrides General Info Title */
.viewAnimalGeneralInfoTitle{
	display: none;
}

#viewAnimalGeneralInfoTable table{

}

#viewAnimalGeneralInfoTable table tr{

}

#viewAnimalGeneralInfoTable table th{

}

#viewAnimalGeneralInfoTable table td{

}

#viewAnimalAuction{
  
}

/* Overwrides Auction Title */
.animalViewAuctionTitle{
  
}

.animalViewLotNumber{
  color: #001b40;
  font-weight: bold;
  font-size: 15px;
}

/* Overrides default table style */
#viewAnimalAuctionTable table{

}

#viewAnimalAuctionTable table tr{

}

#viewAnimalAuctionTable table th{

}

#viewAnimalAuctionTable table td{

}

#viewAnimalSale{
  
}


/* Overwrides Sale Title */
.viewAnimalSaleTitle{
  
}

/* Overrides default table style */
#viewAnimalSaleTable table{

}

#viewAnimalSaleTable table tr{

}

#viewAnimalSaleTable table th{

}

#viewAnimalSaleTable table td{

}

#viewAnimalSemenSale{
  
}

/* Overwrides Sale Title */
.viewAnimalSemenSaleTitle{
  
}

/* Overrides default table style */
#viewAnimalSemenSaleTable table{

}

#viewAnimalSemenSaleTable table tr{

}

#viewAnimalSemenSaleTable table th{

}

#viewAnimalSemenSaleTable table td{

}

#viewAnimalEmbryoSale{
  
}

/* Overwrides Sale Title */
.viewAnimalEmbryoSaleTitle{
  
}

/* Overrides default table style */
#viewAnimalEmbryoSaleTable table{

}

#viewAnimalEmbryoSaleTable table tr{

}

#viewAnimalEmbryoSaleTable table th{

}

#viewAnimalEmbryoSaleTable table td{

}

#viewAnimalPedigree{
  
}

#viewAnimalPedigreeTableContainer{
  border: none;
  padding: 12px;
}

/* Overwrides Sale Title */
.viewAnimalPedigreeTitle{
	display: none;
}

/* Overrides default table style */
#viewAnimalPedigreeTable table{
	border: none;
}

#viewAnimalPedigreeTable table tr{
	border: none;
}

#viewAnimalPedigreeTable table th{
	border: none;
}

#viewAnimalPedigreeTable table td{
	border: none;
}

.viewAnimalPedigreeAnimalName{
  color: #001b40;
  font-weight: bold;
  font-size: 15px;
}

.viewAnimalPedigreeSire{
  font-weight: bold;
  
}

.viewAnimalPedigreeDam{
  font-weight: bold;
  
}

.viewAnimalPedigreeNamesInner{
  color: gray;
}

.viewAnimalPedigreeNamesOuter{
  color: #545454;
}

#viewAnimalEbv{
  
}

/* Overwrides Sale Title */
.viewAnimalEbvTitle{
  
}

/* Overrides default table style */
#viewAnimalEbvTable table{

}

#viewAnimalEbvTable table tr{

}

#viewAnimalEbvTable table thead th{

}

#viewAnimalEbvTable table tbody th{

}

#viewAnimalEbvTable table td{

}

#viewAnimalGenestar{
  
}

/* Overwrides Sale Title */
.viewAnimalGenestarTitle{
  
}

/* Overrides default table style */
#viewAnimalGenestarTable table{

}

#viewAnimalGenestarTable table tr{

}

#viewAnimalGenestarTable table th{

}

#viewAnimalGenestarTable table td{

}

/* @end */



/* @end */

/* @group Menu */

#nav{
  width: 837px;
  height:  34px;
  &height: 24px;
  background-image: url('/images/navBk.png');
  background-repeat: repeat-x;
  background-position: bottom;
  &background-image: url('/images/navBk.png');
  &background-repeat: repeat-x;
  &background-position: top;

  &padding-top: 5px;
  &margin-top: 3px;
  &margin-left: -1px;
  
  z-index: 11;
  position: absolute;
  top: 297px;
  left:  3px;

  &z-index: 2;
}

/* @group Suckerfish */

#nav div{
	
  &z-index: 2;
	
}

.menu .menuFirst{
  border: none;
  border-left-style: none;
}
.menu ul {
    float:left;
    padding: 0;
  list-style-type: none;
 
  margin-top: 0;
  
  &z-index: 2;
}
.menu a {
    display:block;
    color: #000945;
    text-decoration:none;
    padding: 0px 10px 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
.menu li {
    float:left;
    padding:0;
  list-style-type: none;
  border-left-width: 1px;
  border-left-style: solid;

  &z-index: 2;
}

.menu li ul {
}
.menu ul {
    position:absolute;
    left:-999em;
    width:151px;
    font-weight:normal;
    margin:0;
    }
.menu li li {
    width:149px;
    font-weight:bold;
    font-family:verdana,sans-serif;
}
.menu li li a {
    padding:4px 10px;
    width:130px;
    font-size:12px;
    color:#dddddd;
  text-transform: uppercase;
}
.menu li ul ul {
    margin:-21px 0 0 150px;
    }
.menu li li:hover {
    background: #00128d;
    }
.menu li ul li:hover a, .menu li ul li li:hover a, .menu li ul li li li:hover a, .menu li ul li li li:hover a {
    }
.menu li:hover a, .menu li.sfhover a {
    }
.menu li:hover li a, .menu li li:hover li a, .menu li li li:hover li a, .menu li li li li:hover li a {
    }
.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul, .menu li.sfhover ul ul, .menu li.sfhover ul ul ul, .menu li.sfhover ul ul ul ul {
    left:-999em;
    }
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul, .menu li li li.sfhover ul, .menu li li li li.sfhover ul {
    left:auto;
    background: #000b55;
	&margin-top: 3px;
    }
.menu li:hover, .menu li.sfhover {
  
    }

/* @end */



/* @end */

/* @group Forms */

input {
	padding: 3px;
  border: 1px solid gray;
}



/* @end */

/* @group Tables */



/* @end */

#fade{
	
	float: left;
	width: 839px;
	height: 260px;
	background: url(/images/topBk.gif) no-repeat 0 bottom;
	padding-left: 3px;
	margin-left: -3px;
	overflow: none;
	&background: url(/images/topBk.gif) no-repeat 0 top;
	
}

#fade img{
	
	position: absolute;
	width: 836px;
	
}

img, div{
	 
	behavior: url(/js/iepngfix.htc);
	
}