/*
Title:			World Wide Sires
Description:	CSS 
Author:			Visualcode Limited
Date: 			December 2008.
Version:		1.0
*/

@import url('css/pageLayout.css');
@import url('css/generalform.css');
@import url('css/products.css');
@import url('css/sires.css');
@import url('css/accounts.css');
@import url('css/lightbox.css');

/*---------------------------Global Start -----------------------------*/


/*
Colour Palette
lt Blue.#0991EB dk Purple.#190f43 lt Red.#EF4135 Grey.#333 lt Grey.#CFCFCF llt Grey.#EBEBEB
*/

body {
	font:12px arial, helvetica, sans-serif;
	font-weight: normal;
	line-height: 15px;
	color: #333;
	text-align:center;
	background:#190f43;
  	position:relative;
	margin:0;
	padding:0;	
	}
	
table td{
	vertical-align:top;
	}

a:link {
	color: #0991EB;
	text-decoration: none;
}

a:visited {
	color: #0991EB;
	text-decoration: none;
}

a:active {
	color: #190f43;
	text-decoration: none;
}

a:hover {
	color: #190f43;
	text-decoration: none;
}

a.aButton{
	background:#190f43;
	border:#0991EB solid 3px;
	color:#FFF;
	width:100px;
	margin:5px auto;
	display:block;
	padding:3px 2px;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	}

a img{
	border:0;
	}

img.portrait{
	float:left;
	padding:2px;
	margin:0 5px 5px 0;
	border:#ECECEC solid 1px;
	}

em{
	color:#190f43;
	}

h1, h2, h3, h4{
	
	font-weight:normal;
	}
	
h1 {
	font-size: 1.9em;
	color:#190f43;
	border-left:#0991EB solid 5px;
	padding-left:5px;
	margin-top:15px;
	}

h2 {
	color:#190f43;
	font-size: 1.5em;
	}

h3 {
	color:#0991EB;
	font-size: 1.3em;
	border-bottom:#CFCFCF solid 1px;
	}

h4 {
	color:#333;
	font-size: 1.2em;
	border-bottom:#0991EB solid 1px;
	}


hr {
	border: none;
	border-top: 1px solid #0991EB;
	height: 1px;
	margin: 8px auto;
	padding: 0;
	color:#FFF;
	clear:both;
	}

.clear{
	clear:both;
	}

.clear a{
	display:block;
	background:#466FA9;
	border:#ECECEC;
	border-right:#666;
	border-bottom:#666;
	padding:3px 15px;
	color:#FFF;
	margin:5px 0px 5px 250px;
	width:100px;
	text-align:center;
	}
	
/* ______________________ Start Layout ______________________ */

#container{
	padding:0;
	margin:0;
	position:relative;
	background:#FFF url(images/containerBack.gif) repeat-x left bottom;
	border-top:#190f43 solid 5px;
	position:relative;
	}

#containerPDF{
	background:#FFF;
	padding:0;
	margin:0;
	text-align:left;
	}

#wrapper {
	width:920px;
	margin:0 auto;
	padding:0 30px;
	position:relative;
	padding-top:5px;
	background:transparent url(images/wrapperBack.gif) no-repeat;
	}
	
#headerCont{
	width:100%;
	background:#FFF url(images/navBar.gif) repeat-x 0 75px;
	text-align:center;
	position:relative;
	}
	
#header {
	width:920px;
	margin:0 auto;
	background:transparent;
	height:110px;
	position:relative;
	}

#Logo {
	padding:0;
	float:left;
	margin:0;
	height:65px;
	padding-top:10px;
	padding-left:20px;
	position:relative;
	}
	
.strap{	
	float:right;
	margin-left:0px;
	margin-top:20px;
	text-align:left;
	width:620px;
	height:25px;
	position:relative;
	}
	
.strap h1{
	padding:0;
	margin:0;
	font-size:18px;
	border-left:none;
	padding:0px 0 0px 0;
	color:#CFCFCF;
	}

/* ______________________ Additional Navigation ______________________ */

#topbar{
	border-top:none;
	width:500px;
	float:right;
	margin:0;
	padding:0;
	height:20px;
	}

#adNav a:link{color:#666;}
#adNav a:visited{color:#666;}

#adNav a{
	display:block;
	padding-top:5px;
	height:25px;
	width:60px;
	margin-left:5px;
	}

#adNav a.attention{
	background:transparent url(images/topNav.gif) no-repeat bottom left;
	color:#FFF;
	}

#adNav a:active,
#adNav a:hover,
#adNav a:hover.attention{
	background:transparent url(images/topNavAlt.gif) no-repeat bottom left;
	color:#FFF;
	}

#adNav{
	float:right;
	}

#adNav ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:90%;
	line-height:1em;
	}

#adNav li {
	padding:0px;
	list-style:none;
	display:inline;
	text-align:center; 
	float:right;
	background: url(images/tinyArrow.gif) no-repeat 7px 2px;
	}

/*
Colour Palette
lt Blue.#0991EB dk Purple.#190f43 lt Red.#EF4135 Grey.#333 lt Grey.#CFCFCF llt Grey.#EBEBEB
*/	

/* ______________________ Navigation ______________________ */		
	
 #navigation{
 	font-size:11px;
	position:relative;
	background:transparent;
	height:32px;
	background:#FFF url(images/navBack.gif) no-repeat;
	clear:both;
	padding-left:0px;
	border-bottom:#0991EB solid 2px;
	}

 #navigation ul {
	list-style:none; 
	padding:0;
	margin:0px;
	position:relative;
	text-align:left;
	border:none
	
	}
	
 #navigation ul li {
	display:inline;
	float:left;
	margin:0;
	position:relative;
	text-align:center;
	font-weight:bold;
	border-left:#685C9C solid 1px;
	border-right:#0E0929 solid 1px;
	height:32px;
	}
	
 #navigation ul li a {
	color:#FFF;
	position:relative;
	height:20px;
	display:block;
	padding:8px 10px 4px 10px;
	
	}
	
 #navigation ul li a:hover {
 	color:#FFF;
	border-bottom:#EF4135 solid 2px;
	background:transparent url(images/navBackover.gif) repeat-x;
	}
/* ______________________ Banner ______________________ */	

#bannerContainer{
	clear:both;
	margin:0px auto;
	text-align:center;
	background:#F3F1DC url(images/bannerBack.gif) center top no-repeat;
	}

#bannerContainer img{
	border:0;
	margin:0;
	padding:0;
	}


/* ______________________ Main ______________________ */	

#mainContent{
	width:695px;
	float:right;
	margin-bottom:10px;
	border-top:#190f43 solid 2px;
	}

.sContent{
	text-align:left;
	padding:0 10px 10px 10px;
	}

.sContent .left{
	float:left;
	width:370px;
	padding-right:10px;
	border-right:#DDD solid 1px;
	}

.sContent .right{
	float:right;
	width:280px;
	}

.sContent ul{
	list-style:none;
	padding-left:10px;
	}

.sContent ul li{
	background:url(images/bullet.gif) no-repeat 0 4px;
	padding-left:25px;
	padding-bottom:5px;
	}

/* ______________________ Side Navigation ______________________ */		
/*
Colour Palette
lt Blue.#0991EB dk Purple.#190f43 lt Red.#EF4135 Grey.#333 lt Grey.#CFCFCF llt Grey.#EBEBEB
*/	

#sideNavAlt {
	font-size:100%;
	position:relative;
	width:218px;
	float:left;
	clear:left;
	text-align:left;
	margin-bottom:5px;
	clear:left;
	border-top:#190f43 solid 2px;
	}
	
.navCont{
	padding-bottom:10px;
	}

.navContGrey{
	padding-bottom:0px;
	background:#f2faff;
	}

.navContYellow{
	padding-bottom:0px;
	background:#FFFBCF;
	}

#sideNavAlt ul{
	list-style:none;
	margin:0px 0 0px 0;
	padding:5px 0 0 0;
	position:relative;
	font-size:11px;
	}

#sideNavAlt ul li{
	padding:3px 0px 3px 25px;
	border-bottom:#DDDDDD solid 1px;
	background:transparent url(images/bullet.gif) no-repeat 5px 6px !important;
	background-position: 0px center;
	position:relative;
	}

#sideNavAlt ul li a{
	color:#190f43;
	}

#sideNavAlt ul li a:hover{
	color:#0991EB;
	}

#sideNavAlt h3{
	margin:0px;
	padding:5px 0px 3px 5px;
	font-weight:bold;
	font-size:11px;
	color:#190F43;
	border-bottom:1px solid #0991EB;
	clear:both;
	position:relative;
	}

#sideNavAlt ul li.twoCol{
	width:80px;
	display:block;
	margin-left:2px;
	float:left;
	position:relative;
	}
	

/* ______________________ Footer ______________________ */

#footer {
	border-top:#0991EB solid 5px;
	clear:both;
	padding-top:0px;
	text-align:center;
	font-size:85%;
	text-align:center;
	margin:0;
	color:#FFF;
	}

#footer h2, #footer h3{
	font-family:"Georgia", Times, serif;
	font-weight:normal;
	}

#footer h2{
	margin:0;
	padding:0 0 10px 0;
	color:#FFF;
	}
	
#fholder{
	width:920px;
	margin:0 auto;
	}
	
#fholder b,
#fholder a{
	color:#0991EB;	
	}

#copyright{
	text-align:left;
	float:left;
	width:420px;
	padding-top:10px;
	}

#contactAd,
#contactNo{
	width:220px;
	padding:10px 20px;
	float:right;
	text-align:left;
	border-left:#0991EB solid 1px;
	height:100px;
	}

#contactAd{
	width:180px;
	}

#contactNo ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	
#contactNo ul li{
	padding-left:20px;
	background: url(images/bullet.gif) no-repeat 0 3px;
	}

#legalAd {
	clear:both;
	text-align:right;
	padding-top:15px;
	}

#map{
	width:360px;
	float:right;
	}