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

@charset "UTF-8";

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

@import url('/css/fancybox.css');
@import url('css/sires.css');

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

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;
}
	
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 img{
	border:none;
}


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

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;
}

p{margin:15px 0;}
div{position:relative;}
	
table{margin:0;width:100%;}	
table td{padding:5px; font:12px arial, helvetica, sans-serif; border-bottom:#DFDFDF solid 1px; vertical-align:top;}	
table thead td{background:#666; border-top:#FFF solid 1px; border-bottom:#FFF solid 1px; border-right:#FFF solid 1px; color:#FFF; padding-left:5px; font-weight:bold;}
table thead td.none{border-right:none;}	

.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;
}

a.button{
	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;
}

/* ______________________ 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;
}

#wrapper {
	width:920px;
	margin:0 auto;
	padding:0 30px;
	position:relative;
	padding-top:5px;
	background:transparent url(images/wrapperBack.gif) no-repeat;
}

#headContainer{
	position:relative;
	background:#FFF url(images/navBar.gif) repeat-x 0 75px;
}
	
#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;
}
	
.sectionTitle{	
	float:right;
	margin-left:0px;
	margin-top:20px;
	text-align:left;
	width:620px;
	height:25px;
	position:relative;
	font-size:18px;
	color:#CFCFCF;
}

/* ______________________ Additional Navigation ______________________ */

#legal{
	width:500px;
	margin:0;
	padding:0;
	height:20px;
	float:right;
}

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

#legal li {
	padding:0px;
	list-style:none;
	display:inline;
	text-align:center; 
	float:right;
}

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

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

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

/* ______________________ Main Navigation ______________________ */

#topNav{
 	clear:both;
 	text-align:left;
	height:32px;
	background:#FFF url(images/navBack.gif) no-repeat;
	border-bottom:#0991EB solid 2px;
 }
	
 #topNav ul { 
	padding:0;
	margin:0;
	position:relative;
}
	
#topNav ul li {
	display:inline;
	float:left;
	position:relative;
	text-align:left;
	font-size:11px;
	border-left:#685C9C solid 1px;
	border-right:#0E0929 solid 1px;
	}

#topNav ul li a{
 	color:#FFF;
 	display:block;
 	font-weight:bold;
 	padding:8px 10px 9px 10px;
 	}

#topNav 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;
}

/* ______________________ Left Navigation ______________________ */		
	
#leftNav {
	width:218px;
	font-size:11px;
	position:relative;
	text-align:left;
	float:left;
	position:relative;
}
	
#leftNav ul{
	list-style:none;
	margin:0px;
	padding:5px 0 0 0;
	position:relative;
}

#leftNav 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;
}

#leftNav ul.col2 li{
	width:84px !important;
	float:left;
}

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

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

#leftNav 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;
}

#leftNav .section,
#leftNav .sectionGrey,
#leftNav .sectionYellow{
	float:left; 
	clear:both;
	width:100%;
	margin-bottom:5px;
	border-top: 2px solid #190F43;
}

#leftNav .sectionGrey { background:#F2FAFF; }
#leftNav .sectionYellow { background:#FFFBCF; }

/* ______________________ Main Content/Areas ______________________ */	

.Content{
	text-align:left;
	width:675px;
	float:right;
	border-top:#190f43 solid 2px;
	padding:0 10px 10px 10px;
}

.Content img{
	/*margin:5px;*/
}

.Content ul{
	list-style:none;
	padding-left:10px;
	margin:10px 0px;
}

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

/* ______________________ Footer ______________________ */

#fholder{
	width:920px;
	margin:0 auto;
}

#fholder b,
#fholder a{
	color:#0991EB;	
}

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

#footer h2{
	font-family:"Georgia", Times, serif;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	line-height:15px;
	color:#FFF;
}

.footcell,
.footcell_long{width:220px; float:left; padding:10px 20px; height: 100px}

.footcell_long{width:400px;padding-left:0;}
.footcell{border-left: 1px solid #0991EB;}

#footer a:hover{color:#333;}


/* -- Prizes Section May 2011 -- */

img.prizeImage{
	float:right;
	margin:0px 0px 10px 10px;
	}

.prizes{
	background:#F2f2f2;
	padding:10px;
	clear:both;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	}
	
.privacyLegal{
	background:#F2f2f2;
	padding:5px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	}

/* -- Sire Detail Icons -- */
.icons { position:absolute; right:0; top:20px; z-index:100; }
.icons img { margin-left: 20px; }

.error{font-size:10px; color:#FF0000; display:block;clear:left;}