@charset "UTF-8";
   
@font-face {
	font-family: "ft";
	src: url(../images/sirecam/fm.ttf);
}
body {
	font-family: Arial, San-Serif;
	font-size: 13px;   
	line-height: 1.6em;  
    color: #000; 
}	

/* LAYOUT */ 

.box { 
	float: left;
}       
.address {
	color: #555;    
	background: #fff url('../images/pp/address_bg.png') repeat-x bottom;
	padding: 28px 17px 28px 17px;  
	height: 116px;
	min-height: 116px;
	line-height: 1.6em;
	font-size: 11px; 
	width: 186px; 
	position: relative;
}  

.clipdata {
	width:auto;
	margin:5px 25px 0 0;
}

.stallion-info .clipdata {
	margin:5px 50px 0 0;  
}

/*stallion-tab-info ui-state-default ui-corner-top ui-tabs-selected ui-state-active ui-state-hover*/  
/*
li#stallion-tab-info {
	background:  #003399 url('../images/sirecam/video_camera_yellow.png') no-repeat 55px center;    
}               
*/
    
#video, #sales {
	width:642px;
	line-height:0;
} 
#news {
	width: 974px;
	background:url(../images/sirecam/bg-home-bottom.png) repeat-y;
}
#news-foot {
	width: 974px;
	height: 20px;
	background: #fff url(../images/sirecam/bg-home-bottom-foot.png) no-repeat;
}
#ads {
	width: 160px;
	float: left;
}

#video-content {
	border:1px solid #ccc;
	border-top:none;
	height: 525px;
} 
#upcoming-sales {
	width: 320px;
	margin-left: 10px;
	padding-top: 0;
}             
#upcoming-sales  {
	color: #666;
}
#upcoming-sales strong {
	color: #000;
}
#video-search, #watch-more {
	width:160px;
	line-height: 0; 
	color:#003399;
	font-size: 12px;
}
#news-content {
	/*border: 1px solid #ccc;*/
	width: 620px;
	border-top:none;
	padding: 11px;
} 
#watch-more-content {
	height: 525px;
	overflow-y: auto;
	overflow-x: hidden;
	border-right: 1px solid #ccc;
} 

#sub-nav {
	line-height: 0;
	width:160px;
}

#general {
	width: 636px;
	margin-right: 14px;
		border: 1px solid #ccc;
		border-top:none;
}
#general-content {
	width: 630px;
	min-height: 400px;
	height: auto;

}
#ads img {
	margin-bottom:10px;
}  
             
ul#stallions-grid, table#stallions-list {
	width: 800px; 
	border-left: 1px solid #bbb; 
	border-top: 1px solid #bbb;     
}
ul#stallions-grid li {
	float: left;
	width: 119px; 
	margin: 0;
	padding: 20px;    
	border-right: 1px solid #bbb; 
	border-bottom: 1px dotted #bbb; 
}  

table#stallions-list tr {
	width: 800px;
}  

table#stallions-list tr.head td {
	font-weight: bold;
}

table#stallions-list tr td {
	margin: 0;
	padding: 10px;    
	border-right: 1px solid #bbb; 
	border-bottom: 1px dotted #bbb;
	position:relative; 
}

.first-season {
	position:absolute;
	bottom: -10px;
	right: -10px;
} 
            
div.progeny-list   {	    
	border-left: 1px solid #bbb;  
	width: auto;    
}

div.progeny-thumb {
	float: left;
	width: 120px; 
	margin: 0;
	padding: 17px;   
	border-top: 1px solid #bbb;
	border-bottom:  1px dotted #bbb; 
	border-right: 1px solid #bbb;
   
}

.stallions-feat  {
	display:block;
	width: inherit;
	line-height: 1.5em;
	text-decoration:none;	
	padding: 11px 11px 11px 11px;
}  


.form-select, .form-text {
   border: 1px solid #fdba31;
   width: 135px; 
   color: #003399;
}  

.currentVideo, .currentVideo td {
   background: #ffdfa4;
   color: #000; 
}

.watchedVideo, .watchedVideo td {
   background: #fbf9dd;
}

          
.form-select {
   background: #ffe8c0;
   width: 138px;
}

.thumb {
	float:left;
	margin:2px 10px 0 0;
	padding:10px;
	width:120px;
	height:170px;
}

.iphone-thumb {
	margin:2px 10px 0 0;
	padding:10px;
	width:480px;
	height:170px;
}

#watch-more {
	margin-right: 12px;
	border-bottom:1px solid #ccc;
}

#video-search-content {
	background: url('../images/sirecam/bg-video-search.png');
	padding: 11px;
	position: relative;
}

#info {
 	padding: 14px;
}

.sale-hd {
	height:20px;
	padding: 5px 0 5px 0;
	background-image: none;
}  
        
.salelist {
	color: #000;
}
.salelist:hover h4 {
	text-decoration: underline;
	
}
.salelist p { 
	margin: 0;
}  
.salelist td {
	border-bottom: 1px dashed #ccc; 
	padding: 10px 0 5px 10px;
	background: url('../images/sirecam/bg-sale-td.gif') left center no-repeat;
} 

.photo {
	width: 140px;
	margin-right: 10px;
}

.logo {
	width: 140px;
	margin-right: 5px;
}

.logo img {
	width: 140px;
	margin-right: 5px;
}

.photo img {
	border: 1px solid #fdba31;
}

.text {
	line-height: 1.6em;
}


/* player container */
div.player {
	cursor:pointer;
	text-align:center;
    position:relative;
}
 
/* play button */
div.player img {
	position: absolute;
    bottom:30px;
    right:30px;
}



.content {
   	width: 400px; 
    float: left;
    min-height: 300px;
}

.clear {
	clear: both;
}      

.pagecontent {
	float: left; 
	width: 400px;   
}     
.border {
   border: 1px solid #ccc;
}
.abstract {
	float: left;
	font-size: 11px; 
	width: 174px;
	margin-left: 26px;
}
.colSmall {
	padding: 0;
	width: 200px;
	float: left;
}
.colMiddle {
	padding: 0 0  10px 15px;
	width: 440px;
	float: left;  
}  




/* HOME PAGE */   
             
  
.feat, .feat-cur {
	display:block;
	width: inherit;
	line-height: 1.5em;
	text-decoration:none;	
	padding: 11px 11px 11px 11px;
	border-bottom: 1px solid #ccc;
}
.feat-cur {
	color:  #666;
	background: #fff url('../images/sirecam/arrow-upcoming.gif') no-repeat right center;
}
.feat-cur:hover {
	background: #ffdfa4 url('../images/sirecam/arrow-upcoming-blue.gif') no-repeat right center;;
}
.feat strong {
	margin:0;
	padding: 0;
}
.feat p {
	line-height: 1.0em;
	margin: 0 0 0 0;
	padding:0;	
}
.playing {
	background: #ffdfa4; /*url('../images/sirecam/bg-subnav.png');*/
}
div.playing {
	
}
.dotted {
	
	margin: 0 0 5px 0;
}



/* NAVIGATION */  
ul.nav {
	clear:both;
	list-style: none;
	padding:  0; 
	margin:  0;
}
ul.nav li { float:left; margin: 0;  }
   

ul.topnav { 
   list-style: none;
   margin: 0 0 0 0;
   width:974px;
}           
ul.topnav li {
   	float: left;
	padding: 0px;
	color: #d9d9d9; 
} 
ul.topnav li a {
   	color: #666; 
	text-decoration: none;
}
/* list */
ul.list {
    list-style: none;
	padding: 0;
	margin: 0;
	width: inherit;
}

ul.list li {
	line-height: 1.6em; 
    border-bottom: 1px dotted #ccc;
	padding: 0 0 0 0; 
	list-style: none;
}
ul.list li.head {
	padding-left: 0px;
}
ul.list li.head:hover {
	background: none;
	list-style-image: none; 
}

ul.list li a {
	color: #666;
	text-decoration: none; 
	padding: 0;
	margin: 0;
}     

ul.list:hover li a {
	color: #000;  
}

ul.list:hover a:hover {
	color:#003399;
}

ul.list li.sel a {
	color:#00944A;
}  

ul.list li.head a {
	font-size: 14px;
}

ul.list li.back { 
	margin: 10px 0 20px 0;
	padding: 0 0 0 20px;
	text-transform: capitalize;
}
ul.list li.sub {
	padding-left:30px; 
	color: #999;
} 
ul.list li.subsel {
	padding-left:30px;
	background: url(../images/gp/greydot.gif) no-repeat left top; 
	color: #999;
} 
ul.list li.subsel a {
	color: #99cccc;
}
ul.list li.sub a {   
	color: #666;
} 


/* FOOTER NAV */

ul.footer { 
	list-style: none;
	margin: 22px 0 10px 0;
	background: #cdcfd0 url('../images/sirecam/footer-bg.png') repeat-x;
	border: 1px solid #ccc;
	padding: 11px 0 11px 0;  
	font-family: Century Gothic, Arial;
	font-size: 11px;
}
ul.footer li { 
	 
	color: #003399;
    float:left;
    width: 110px;
	border-left: 1px solid #ccc;
	padding-left:10px;
	
} 
ul.footer li.first {
	border:none;
}

ul.footer li a { 
	font-size: inherit;
	color: #000;
	border: none; 
	text-decoration:none;
}
ul.footer li a:hover {  
	text-decoration:underline;
}
    
/* tags/downloads */
ul.subnav {
	list-style: none;       
	list-style-position: inside;
	padding: 0;
	margin: 0;
	width: inherit;
	line-height:1.5em;
}
ul.subnav li {
	border-bottom: 1px solid #d9d9d9;
	font-size: 11px;
	background: #fff url('../images/sirecam/bg-subnav.png') repeat-y; 
	padding: 5px 5px 5px 0; 
	text-transform: uppercase;
}

ul.subnav li:hover, ul.subnav li:hover a {
	cursor: pointer;
} 
ul.subnav li:hover a {
	color: #000;
	cursor: pointer; 
	background: url('../images/sirecam/arrow-subnav-active.png') left center no-repeat;
}
ul.subnav li a {
	padding-left: 28px; 
	text-decoration: none;
	background: url('../images/sirecam/arrow-subnav.png') left center no-repeat;
}
ul.subnav li.sub:hover a, ul.subnav li.sub a:hover {
	color: #000;
}   
ul.subnav li.sel {
	padding: 5px 0 5px 0; 
	color: #fff;
    background: #003399; /* url('../images/sirecam/bg-subnav.png') repeat-y; */
}                                                                    
ul.subnav li.sel a { 
   padding-left:28px;
   color: #fff;
   background: #003399 url('../images/sirecam/arrow-subnav-blue.png') left center no-repeat; 
}
ul.subnav li.sub { 
	padding: 5px 5px 5px 28px;
	background: #fff url('../images/sirecam/arrow-subnav-grey.png') left 20% no-repeat; 
	text-transform: none;
} 
ul.subnav li.sub a { 
   	padding-left: 0;
    color: #666;
    background: none;
} 
ul.subnav li.subsel {
	padding: 5px 5px 5px 28px;
	background: #fff1d6 url('../images/sirecam/arrow-subnav-black.png') left 20% no-repeat;
	text-transform: none;
}
ul.subnav li.subsel a {
	padding-left: 0;
    color: #000;
    background: none;
}                              

/* subdata list */
ul.subdata, ul.package { 
    list-style: none;
	padding: 0;
	margin: 0;
}
 
ul.package { 
    list-style: circle inside;
	padding: 0;
	margin: 0;
}

ul.subdata li, ul.package li {
	line-height: 1.5em; 
	border-bottom: 1px dotted #d9d9d9;
}  

ul.subdata li a {
	color: #666;
	text-decoration: none; 
	padding: 0;
	margin: 0;
} 

.pdf {
	background:url(../images/sirecam/icon_pdf.gif) left 20% no-repeat;
	padding-left: 25px;
}
  
/* slideshow */
.hide {
	display: none;
}                 
.show {
	display: block;
}
   
.slideshow-thumbs {
	float: left;
	border: 1px dotted #BBB;
	margin: 10px 10px 10px 0;
}

.sel img.slideshow-thumbs {
	border: 1px solid #333;
} 
.slideshow-thumbs:hover{
	border: 1px solid #333;
}


             

/* TYPOGRAPHY  */         

h1 {
	font-size: 20px;
}
h2 {
	font-size: 16px;
}                
h3, h4, p, ul, a {           
	font-size: 13px;
}  
h1, h2 {
    text-transform: titlecase;
}  
p {
	margin: 0 0 1.6em 0;
    letter-spacing: 0.01em;
}

.s {
	font-size: 11px;
} 
.xs {
	font-size: 9px;
	line-height:12px;
}

em {
	font-style: italic;
} 
    
div.news-title {
   	position:relative;
	background:#143d8d url('../images/sirecam/arrow-white-on-blue.png') left center no-repeat; 
	height:2em;
	border-bottom: 1px solid #fff; 
}

.news-title h3, .news-title strong {
	display:inline;   
	position: absolute;
	bottom: 3px;  
	font-weight: normal; 
}   
.news-title h3 {
	color: #fff;
	font-size: 14px;      
}
.news-title strong {    
	color: #fdba31;   
}
.news-title strong {  
    right: 10px;
} 
.news-title h3 {
    left: 30px;  
}
.news
{
	padding: 10px;
}       
div.open, div.news-title:hover {
	background:#f5ba30 url('../images/sirecam/arrow-blue-on-yellow.png') left center no-repeat;
}  
.open h3, .open strong, div.news-title:hover h3, div.news-title:hover strong{
	color: #143d8d;
}    
                   


.yellow {
	color: #fdba31;
}
.grey {
	color: #666;
}
.blue {
	color: #003399;
}  

.pointer {
	cursor:pointer;
}


  

h1,h2,h3, h4 {   
	font-family: ft, Arial;
	color: #003399; 
	font-weight: bold;
} 

a {
	color: #003399; 
}     

strong {
	font-weight: bold;
}
   
.hide {
	display:none;
	width:0px;
	height:0px;
}
   
.smaller h2 {
	font-size: 14px;
}
.smaller, .smaller p, .smaller a {
	font-size: 11px;
}

/* ENQUIRY FORMS */
.enquiry {
	width: 100%;  
}
.enquiry label {
	display: block;
	clear: both;
	float: left;
	width: 150px;
	text-transform: capitalize;
	margin: 10px 0 0 0;
}
.input {
	float: right; 
	font-family: Helvetica, Arial, Sans-Serif;  
	font-size: 14px;
	margin: 10px 0 0 0;
	border: 1px solid #ccc;
}   

.confirm {
	float: left; 
	font-family: Helvetica, Arial, Sans-Serif;  
	font-size: 14px;
	margin: 10px 0 0 0;
}

.input:focus, input:focus {
	border: 1px solid #003399;
}
.btn {
	vertical-align: middle;
	border: 0;
} 

.submit {  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	color: #fff;  
	text-transform: uppercase;
	float: right; 
	height: 22px; 
	background-color: #003399;
	text-decoration: none;

}

.req {
	color: #003399;
}
.submit:hover{
	background-color: #666;
}

.errormsg {
	color: #333; 
	clear: both;
	background: url(../images/air/speak-arrow.gif)  top left no-repeat;
	padding: 12px 3px 3px 8px; 
	font-size: 10px; 
	font-style: italic;
}
.errormsg-box
{    
	float: right;
	padding: 0;  
	background: #FFCC33;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}