/* Page layout */

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

body {
	padding:0;
	border:0;
	margin-top:0px;
}

div#wrapper {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
}

div#page {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	width: 770px;
	text-align: left;
	position: relative;
}

table#main_page tr td {
	vertical-align: top;
}

table#main_page tr td#nav_window {
	margin:0;
	padding:0;
	width: 150px;
	overflow: hidden;
}

table#main_page tr td#main_window {
	margin:0;
	padding:0;
	width: 440px;
	overflow: hidden;
}

table#main_page tr td#offer_window {
	margin:0;
	padding:0;
	width: 180px;
	overflow: hidden;
}

table#main_page tr td#account_main {
	width: 610px;
	overflow:hidden;
	padding-left:5px;
}

table#main_page tr td#account_main img.boxtop {
	width: 100%;
}

img.boxtop {
	width: 100%;
}

img.boxBase {
	margin-bottom: 1em;
	width: 100%;
}

/* Footer styling */
div#footer {
	background-image: url(../images/nav_bar.jpg);
	color: #EEEEFF;
	font-size: 0.8em;
	height: 20px;
	vertical-align: middle;
	width: 770px;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}

span.footer_link {
	margin:0 1em;
}

div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active {
	color:#EEFFFF;
	/*font-size: 0.8em;*/
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/* Element Styling */

p {
	font-size: 0.8em;
}

li {
	font-size:0.8em;
	font-weight: bold;
}

img {
	border:0;
}

a {
	text-decoration: none;
}

a:link, a:visited {color: #8888FF}
a:hover, a:active {color: #DD8822}

/* Purchase subsection - provides buy/Qty on each bull*/

input.buy_button {
	margin-right: 0.5em;
}

/* Section layouts */

/* Main Header */

div#nav_horiz {
	background-image: url(../images/nav_bar.jpg);
	color: #EEEEFF;
	vertical-align: middle;
	width: 770px;
	height: 20px;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: right;
}

span.nav_link {
	padding-right: 0.5em;
}

div#nav_horiz a:link, div#nav_horiz a:visited, div#nav_horiz a:hover, div#nav_horiz a:active {
	color:#EEFFFF;
	font-size: 0.8em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/* Purchase div */
div#purchase {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}

div#purchase input {
	font-weight: bold;
	text-align: right;
}

/* Nav Pane */
div.nav_pane {
	border: 1px solid #000066;
}

div.nav_pane h1 {
	background-color: #000066;
	color:#FFFFFF;
	margin-top: 0;
	padding-left: 0.5em;
}

div.nav_pane ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

div.nav_pane ul li {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

div.nav_pane ul li.selected a:link, div.nav_pane ul li.selected a:visited {
	color: #DD8822;
}

div.nav_pane ul li.selected a:hover, div.nav_pane ul li.selected a:active {
	color: #AAAAFF;
}

div.nav_pane a:link, div.nav_pane a:visited {
	color:#000000;
	width: 100%;
	display: block;
}

div.nav_pane a:hover, div.nav_pane a:active {
	color:#AAAAFF;
	width: 100%;
	display: block;
}

/* Mini Basket */
div.basket {
	border: 1px solid #000066;
	width: 150px;
	overflow: hidden;
}

div.basket h1 {
	background-color: #000066;
	color:#FFFFFF;
	margin-top: 0;
	padding-left: 0.5em;
}

div.basket h3 {
	margin-top: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 0.9em;
	color:#DD8822;
	text-align: center;
}

div.basket label {
	font-size:0.8em;
	margin-left:0.2em;
}

div.basket input {
	font-size:0.8em;
	margin-left:0.2em;
}

div.basket p {
	margin-left:0.2em;
}

div.basket a:link, div.basket a:visited {
	color:#8888FF;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 0.5em;
}

div.basket a:hover, div.basket a:active {
	color:#DD8822;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 0.5em;
}

div.basket table {
	border-collapse: collapse;
	border-spacing: 0px;
}

div.basket table tr th {
	font-size:0.8em;
	padding-bottom: 1em;
	text-align: left;
}

div.basket table tr td {
	font-size:0.8em;
	border-bottom:1px solid #8888FF;
}

/* Offer windows */
div.offer_pane {
	border:1px solid #000066;
	width: 180px;
	text-align:center;
}

a.offer_pane:link, a.offer_pane:visited, a.offer_pane:hover, a.offer_pane:active {
	color: #000000;
}

div.offer_pane h1 {
	background-color: #000066;
	color:#FFFFFF;
	margin: 0;
	padding: 0em 0.3em;
}

div.offer_pane h3 {
	background-image: url('../images/offer_subhead.jpg');
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0em 0.7em;
	font-size: 0.9em;
	color:#000000;
}

div.offer_pane img {
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
}

div.offer_pane table.offer_stats {
	
	font-size:0.8em;
	width: 175px;
	text-align: center;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.offer_pane table.offer_stats tr th{
	background-color: #EEEEFF;
	font-weight: bold;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

div.offer_pane table.offer_stats tr td{
	border-bottom: 1px solid #000000;
}


div.offer_pane a.viewDetails {
	background-color: #000066;
	display:block;
	text-align:right;
	margin: 0
	padding: 0;
}

div.offer_pane a.viewDetails img {
	margin: 0
	padding: 0;
	border:0;
	vertical-align: center;
}

div#daughters {
	background-color: #EEEEFF;
	font-weight: bold;
	font-size:0.8em;
	margin:0;
	padding:0;
	border:0;
}

/* Bulls by Breed listing */

div#breeds {
	border: 1px solid #000066;
}

div#breeds h1 {
	background-color: #000066;
	color:#FFFFFF;
	margin: 0;
	padding: 0em 0.3em;
}

.warning {
	font-weight: bold;
	color: #DD8822;
}

div#breeds a:link, div#breeds a:visited, div#breeds a:hover, div#breeds a:active {
	color: #000000;
}

div#breeds img.sire {
	float: left;
	margin-right: 3em;
}

div#breeds ul {
	clear: both;
	list-style-type: none;
	margin: 0;
	margin-left: 1em;
	margin-right: 1em;
	padding: 0;
}

div#breeds ul li {
	margin-top: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #000066;
}

div#breeds table {
	border-collapse: collapse;
	border-spacing: 0px;
}

div#breeds table tr th {
	background-color:#EEEEFF;
	padding-left: 0.2em;
	padding-right: 0.2em;
	width: 50px;
	border-top: 1px solid #000000;
}

div#breeds table tr td {
	text-align:center;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

div#breeds ul.BulletPoints {
	list-style-image: url(../images/logo_ico.png);
	margin-top: 0.5em;
	margin-left: 3em;
}

div#breeds ul.BulletPoints li {
	padding:0;
	padding-left: 2em;
	font-size: 1em;
	font-weight: bold;
	margin-top: 0.2em;
	border: 0;
}

div#breeds a.viewDetails {
	display:block;
	text-align:right;
	margin-top: 1em;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#breeds div#breed_nav {
	margin:1em 0;
	text-align: center;
	color:#DD8822;
	font-size: 0.7em;
}

div#breeds div#breed_nav a {
	color:#DD8822;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

div#breeds div#breed_nav a.selected {
	font-weight: bold;
}

div#breeds ul li p {
	font-size: 0.9em;
}
	
div#breeds ul li p a {
	text-decoration:underline;
}

div#breeds ul li p a:link, div#breeds ul li p a:visited {
	color: #000066;
}

div#breeds ul li p a:hover, div#breeds ul li p a:hover {
	color: #DD8822;
}

div#breeds ul li p span.outofstock {
	margin-left:1em;
	color: #000066;
}

/*  Bull info/traits header */

h1.bull_name {
	background-color: #000066;
	color:#FFFFFF;
	margin: 0;
	padding: 0em 0.3em;
}

a.nav_bull_info {
	display: block;
	text-align: right;
	vertical-align: top;
	padding-right: 1em;
}

a.print {
	float:left;
	margin-left:1em;
}

/*  Bull info screen */
div#sire {
	border: 1px solid #000066;
	text-align: center;
	width: 100%;
}

div#sire h1 {
	background-color: #000066;
	color:#FFFFFF;
	margin-top: 0;
	padding-left: 0.5em;
}

div#sire div#purchase {
	margin-right: 2em;
}

div.images {
	width: 650px;
}

div#sire img.bull_large {
	float: left;
	margin-left:auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
}

div#sire div.bull_mid_pics {
	float: right;
	width: 200px;
	margin-top: 1em;
	text-align: center;
}

div#sire div.bull_mid_pics img {
	margin-left:0.5em;
	margin-right:0.5em;
}

div#sire table#parentage {
	width:90%;
	background-color: #EEEEFF;
	font-weight: bold;
	font-size:0.8em;
	margin:0;
	margin-left:auto;
	margin-right: auto;
	padding:0;
	border:0;
}

div#sire table#parentage tr td#fh {
	width: 25%;
}

div#sire table#parentage tr td span.data {
	font-weight: normal;
}

div#sire ul.BulletPoints {
	margin-left: 4em;
	text-align: left;
	list-style-type: none;
}

div#sire ul.BulletPoints li {
	color: #DD8822;
	font-size: 1em;
}

div#sire table#main_stats {
	clear: both;
	margin-top: 4em;
	width: 85%;
	border-spacing: 0px;
	border-collapse: collapse;
	margin-bottom: 1em;
	margin-left:auto;
	margin-right: auto;
}

div#sire table#main_stats th {
	background-color: #EEEEFF;
	font-weight: bold;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

div#sire table#main_stats td {
	text-align: center;
	border-bottom: 1px solid #000000;
	padding-top: 0.5em;
	padding-bottom: 0.2em;
}

div#sireinfo {
	float: left;
	padding: left: 1em;
}

div#sireinfo {
	width: 300px;
	overflow: hidden;
}

div#sireinfo h2 {
	padding:0;
	background-color: #EEEEFF;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: left;
	padding-left: 0.5em;
}


/* Bull Traits page */

div#sire {
	border: 1px solid #000066;
	text-align: center;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	overflow: hidden;
}

div#siretraits h2 {
	margin-right: 2em;
	padding:0;
	background-color: #EEEEFF;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: left;
	padding-left: 0.5em;

}
div#siretraits table#bull_traits {
	margin-left: 0.5em;
}

div#siretraits table#bull_traits tr td {
	font-size: 0.6em;
	white-space:nowrap;
	border:0;
	margin:0;
	padding:0;
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: middle;
}

div#sire table {
	margin-top: 1em;
	margin-bottom: 2em;
	width: 420px;
	border-collapse: collapse;
	border-spacing: 0;
}

div#sire table tr td.trait_table div {
	width: 240px;
	position: relative;
	margin:0;
	padding:0;
	border:0;
}

img.trait_data_pos {
	left:120px;
	top 0px;
	position:absolute;
	height: 20px;
	margin:0;
	padding:0;
	border:0;
}

img.trait_data_neg {
	right:120px;
	top 0px;
	position:absolute;
	height: 20px;
	margin:0;
	padding:0;
	border:0;
}

/* Account pages */

div.account_main {
	border: 1px solid #000066;
	margin:0;
	padding:0;
	width: 610px;
	overflow:hidden;
}

div.account_main h1 {
	background-color:#000066;
	color:#FFFFFF;
	margin:0;
	padding:0 0.3em;
	border:0;
	width: 100%;
}

div.account_main h2 {
	margin:2em;
	padding:0;
	border:0;
}

div.account_main p {
	margin:1em 3em 2em 2em;;
	padding:0;
	border:0;
}

div.account_main img.right_aligned {
	position:absolute;
	right: 50px;
}

div.account_main a.right_aligned {
	float: right;
	margin-right: 50px;
}

div.account_main input.right_aligned {
	position:absolute;
	right: 130px;
}

div.account_main input.confirm {
	position:absolute;
	right: 50px;
}
br.divider {
	clear:both;
}

div.divider {
	text-align: center;
	margin-top: 2em;
	margin-bottom: 4em;
}

td div.divider{
	text-align: center;
	vertical-align: middle;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.account_main div.question {
	display: block;
	clear:left;
	margin:0;
	padding:0;
	border:0;
	
}

hr.clear {
	clear:both;
	margin:0;
	padding:0;
	border:0;
	display:none;
}

div.account_main div.question label {
	float:left;
	display: block;
}

div.account_main div.question input {
	float: left;
	display: block;
}

div.account_main div.question select {
	font-size: 0.8em;
}

div.account_main table#userlogin {
	margin:2em 1em;
}

div.account_main table#userlogin tr td {
	vertical-align:middle;
}

div.account_main label {
	font-size: 0.8em;
	font-weight: bold;
	width: 130px;
	margin-right: 2em;
}

div.account_main label.mand {
	font-size: 0.8em;
	font-weight: bold;
	width: 20px;
	margin-left: 1em;
	color: #CC0000;
}

div.account_main input {
	font-size: 0.8em;
}

div.account_main input#btnLogin {
	float:right;
	margin-top:2.8em;
	margin-right: 13em;
}

div.minimal_indent p {
	margin-left:1em;
}

div.orderitem {
	display:block;
	clear: both;
	font-size: 0.8em;
	margin:0;
	padding:0;
	border:0;
}

div#full_basket div.orderitem div {
	float: left;
}

div#full_basket div.orderitem div span {
	vertical-align: bottom;
	height: 20px;
}

div#full_basket div.orderitem div.sirename {
	width:225px;
	padding-left:1em;
}

div#full_basket div.orderitem div.price {
	width: 50px;
}

div#full_basket div.orderitem div input {
	float:left;
	font-size: 0.9em;
	margin-right:3em;
}

div#totals {
	text-align:right;
	clear:both;
}

div#totals span {
	padding-right: 2em;
}

h3#empty_basket {
	margin-top: 2em;
	margin-bottom: 2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 0.9em;
	color:#DD8822;
}

/*  Account management */ 

div.account_main input.update {
	position:absolute;
	right: 30px;	
}

div.account_main h3.succesfulupdate {
	color:#DD8822;
	margin-left: 3em;
}

p.error {
	font-weight: bold;
	color: #DD8822;
}

table#addressList {
	font-size: 0.8em;
	width: 600px;;
}

table#addressList th{
	padding-bottom: 1em;
}

table#addressList td{
	text-align: center;
}

div.account_main table#orderhistory {
	font-size: 0.8em;
	width: 600px;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	padding-bottom: 2em;
}

div.account_main table#orderhistory tr th {
	padding-bottom: 1em;
}

div.account_main table#orderhistory tr td {
	border-bottom: 1px solid #000066;
	padding-top: 0.5em;
	padding-bottom: 1em;
}

ul.orderdetails {
	font-size: 1.2em;
}

div.account_main ul.address {
	list-style-type: none;
	font-size: 1.2em;
}

div.account_main table#Orderdetail {
	margin-left: 2em;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 0.8em;
	width: 75%;	
}

div.account_main table#Orderdetail tr th {
	text-align: center;
	padding-bottom: 0.5em;
}

div.account_main table#Orderdetail tr td {
	text-align: center;
}

div.account_main table#Orderdetail tr th.header {
	text-align:left;
	padding-left: 0.5em;
}

div.account_main table#Orderdetail tr td.header {
	text-align:left;
	padding-left: 0.5em;
}

div.account_main h2 {
	padding-left: 0;
	margin-left: 1em;
}

div.account_main p#total {
	padding-top: 1em;
	text-align: right;
	padding-right: 100px;
}



/* Home page */
div#homepage {
	border:1px solid #000066;
}

div#homepage h1 {
	background-color:#000066;
	color: white;
	margin:0;
	padding: 0em 0.3em;
}

div#homepage h3 {
	margin-top:2em;
	margin-left:1em;
	margin-right:1em;
}

div#imageHolder {
	text-align: center;
	width: 100%;
	margin: 0;
	margin-top: 2em;;
	padding: 0;
}

div.imageHolder img {
	margin-left:auto;
	margin-right:auto;
}

ul.breedingpoints li {
	color: #DD8822;
	margin-bottom: 0.5em;
}

ul.newsitems {
	margin-bottom: 0.5em;
}

div#parent_links {
	width: 100%;
	text-align:center;
}

div#parent_links img {
	margin-left:1em;
	margin-right:1em;
}

table#bull_traits tr td {
	font-size: 0.6em;
	white-space:nowrap;
	border:0;
	margin:0;
	padding:0;
	border-collapse: collapse;
	border-spacing: 5;
	vertical-align: middle;
}

table#other_traits1 tr td{
	font-size: 0.6em;
	white-space: nowrap;
}

table#other_traits2 tr td{
	font-size: 0.6em;
	white-space: nowrap;
}

h4{
	background-color:#000066;
	color: white;
	margin-bottom: 0em;
}

h5{
	background-color:#eeeeff;
	color: black;
	margin-bottom: 0em;
}