/***********************************************************************************/
/* Gamekeep - Copyright 2007 - www.gamekeep.co.uk - v1.0 */
/***********************************************************************************/

/**********************
 OVERALL LAYOUT
***********************/

body {
	font-family:  verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 14px;
	background-color: #fff;
	color: #000;
}

	* html body {
		font-size: small;
	}

#skiptomain {
	display: none;
}

#wrapperouter {
	position: absolute;
	width: 936px;
	height: 580px;	
	margin: 0;
	left: 50%;
	margin-left: -468px; /* 1/2of(width+padd+marg+bord) */
	padding-top: 42px;
}

	#shopnav {
		width: 136px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 290px; left: 35px;
		z-index: 2000;
	}
	
		#shopnav-top {
			width: 136px;
			height: 6px;
			line-height: 6px;
			min-height: 6px;
			max-height: 6px;
			background:url(/images/bg-shop-nav-top.png) no-repeat bottom left;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 0; left: 0;
		}
		
			* html #shopnav-top {
				* background: none;
				* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/bg-shop-nav-top.png', sizingMethod='crop');
			}
			
		#shopnav-mid {
			width: 120px;
			font-size: 0.8em;
			background:url(/images/bg-shop-nav-mid.png) repeat-y top left;
			padding: 0px 8px;
			position: absolute;
			top: 6px; left: 0;
		}
		
			* html #shopnav-mid {
				* background: none;
				* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/bg-shop-nav-mid.png', sizingMethod='scale');
			}
			
			#shopnav-mid strong.title {
				font-size: 1.3em;
				color: #09581F;
			}
			
			#shopnav-mid ul {
				width: 120px;
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
				#shopnav-mid ul li {
					padding: 6px 0;
					border-bottom: 1px dotted #666666; 
				}
				
					#shopnav-mid ul li a:link, #shopnav-mid ul li a:visited { color: #3d271a; text-decoration: none; }
					#shopnav-mid ul li a:hover, #shopnav-mid ul li a:active { color: #09581F; text-decoration: none; }
			
		#shopnav-bot {
			width: 136px;
			height: 8px;
			line-height: 8px;
			min-height: 8px;
			max-height: 8px;
			background:url(/images/bg-shop-nav-bot.png) no-repeat top left;
			margin: 0 ;
			padding: 0;
			position: absolute;
			top: 141px; left: 0;
		}
		
			* html #shopnav-bot {
				* background: none;
				* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/bg-shop-nav-bot.png', sizingMethod='crop');
				top: 127px;
			}
			
		#butt-gamekeep {
			position: absolute;
			top: 160px; left: 0;
		}

#wrapper {
	width: 890px;
	height: 513px;
	border: 1px solid #B16530;
	padding: 4px;
	margin: 0px 18px;
}

.pagecontainer {
	text-align: left;
	padding: 0;
	margin: 0;
	width: 890px;
	height: 513px;
}

	/** backgrounds **/
	
	.id-index { background: #E6EBD6 url(/images/bg-gamekeep.jpg) no-repeat left top; }
	.id-index-hp { background: #E6EBD6 url(/images/bg-gamekeep-hp.jpg) no-repeat left top; }
	.id-events { background: #E6EBD6 url(/images/bg-events.jpg) no-repeat left top; }
	.id-gamekeep { background: #E6EBD6 url(/images/bg-gamekeep.jpg) no-repeat left top; }
	.id-horse { background: #E6EBD6 url(/images/bg-horse.jpg) no-repeat left top; }
	.id-pig { background: #E6EBD6 url(/images/bg-pig.jpg) no-repeat left top; }
	.id-shop { background: #fff url(/images/bg-shop.jpg) no-repeat left top; }
	
#header {
	width: 890px;
	height: 70px;
	margin: 0 0 0 0;
	padding: 0;
	border: none;
	position: relative;
}

	#logo {
		position: absolute;
		left: -23px;
		top: -47px;
	}
	
	#products {
		position: absolute;
		top: -30px;	right: 450px;
		width: 90px; height: 18px;
		background: url(/images/products-arrow.gif) no-repeat right top;
		color: #B16530; font-weight: bold;
	}
	
		#products a {  color: #B16530; text-decoration: none; }
		#products a:hover {  color: #CF814A; text-decoration: none; }

	
	#header span { display: none; }
	
	a#prodnav1:link, a#prodnav1:visited { position: absolute; display: block; top: -40px; right: 332px; width: 104px; height: 104px; background: url(/images/prod-nav-1-off.gif) no-repeat left top; }
	a#prodnav1:hover { background: url(/images/prod-nav-1-on.gif) no-repeat left top; }

	a#prodnav2:link, a#prodnav2:visited { position: absolute; display: block; top: -40px; right: 215px; width: 104px; height: 104px; background: url(/images/prod-nav-2-off.gif) no-repeat left top; }
	a#prodnav2:hover { background: url(/images/prod-nav-2-on.gif) no-repeat left top; }
	
	a#prodnav3:link, a#prodnav3:visited { position: absolute; display: block; top: -40px; right: 109px; width: 104px; height: 104px; background: url(/images/prod-nav-3-off.gif) no-repeat left top; }
	a#prodnav3:hover { background: url(/images/prod-nav-3-on.gif) no-repeat left top; }
	
	a#prodnav4:link, a#prodnav4:visited { position: absolute; display: block; top: -40px; right: 3px; width: 104px; height: 104px; background: url(/images/prod-nav-4-off.gif) no-repeat left top; }
	a#prodnav4:hover { background: url(/images/prod-nav-4-on.gif) no-repeat left top; }


	div.id-gamekeep a#prodnav2:link, div.id-gamekeep a#prodnav1:visited { background: url(/images/prod-nav-1-on.gif) no-repeat left top; }
	div.id-horse a#prodnav2:link, div.id-horse a#prodnav2:visited { background: url(/images/prod-nav-2-on.gif) no-repeat left top; }
	div.id-pig a#prodnav3:link, div.id-pig a#prodnav3:visited { background: url(/images/prod-nav-3-on.gif) no-repeat left top; }
	div.id-shop a#prodnav4:link, div.id-shop a#prodnav4:visited { background: url(/images/prod-nav-4-on.gif) no-repeat left top; }

#headnav {
	width: 500px;
	height: 25px;
	border: none;
	padding: 0;
	margin: 0 0 0 390px;
	background: transparent url(/images/bg-headnav.gif) no-repeat left top;
}

	#headnav ul {
		width: 500px;
		height: 25px;
		border: none;
		padding: 0;
		margin: 0;
		font-size: 0.8em;
		line-height: 25px;
	}
	
		#headnav ul li {
			display: inline;
			float: left;
			font-weight: bold;
			text-align: center;
			color: #fff;
		}
		
			#headnav ul li strong { color: #F2ED0B; font-size: 1.2em; }
		
		#headnav ul li.hn_ { width: 170px; }
		#headnav ul li.hna { width: 55px; }
		#headnav ul li.hnb { width: 52px; }
		#headnav ul li.hnc { width: 60px; }
		#headnav ul li.hnd { width: 52px; }
		#headnav ul li.hne { width: 105px; }
		#headnav ul li.hnf { width: 145px; }
		
		#headnav ul li a:link, #headnav ul li a:visited {
			display: block;
			width: 100%;
			text-align: center;
			color: #E6EBD6;
			text-decoration: none;
		}
		
		#headnav ul li a:hover {
			color: #09581F;
		}
		
/**********************************************************************/
/***																***/
/*** #maincontent is controlled on each individual page so that its ***/
/*** size and position on the page can be controlled. setting below ***/
/*** are master settings and those of it's descendants.				***/
/***		          purple monkey dishwasher						***/
/**********************************************************************/

#maincontent {
	background: none;
	color: #000;
	margin: 40px 0 0 0;
	padding: 0;
	font-size: 0.8em;
}

	#maincontent h1 {
		color: #BD5D1A;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
		#maincontent.brokerage {
			font-size: 11px;	
			min-height: 400px;
		}
	
		#maincontent.brokerage h1 {
			color: #09581F;
			font-size: 16px;
		}
	
	#maincontent p {
		margin: 8px 0 0 0;
	}
	
	#maincontent p.p-small {
		margin: 5px 0 0 0;
	}
	
	#maincontent a:link, #maincontent a:visited {
		color: #000;
		text-decoration: underline;
	}
	
	#maincontent a:hover {
		color: #BD5D1A;
	}
	
	
	.brown
	{
	  font-style: normal;
	  color: #BD5D1A;	
	}
	
    table {
        border-collapse: collapse;
        margin-top: 20px;
    }
    
    table#formAddToCart { margin-top: 40px; }
    
    table.cart td.base {
        border-bottom: 1px solid #DDD;
        padding-bottom: 10px;
    }
    
    table.cart td {
        vertical-align: top;
    }
    
    table.cart {
        margin-top: 20px;
    }
    
    table#totals {
        float: right;
    } 
    
    table#totals td {
        border-bottom: 1px solid #DDD;
        height: 2.4em;
        text-align: right;
    }  

    table th.carthead {
        background-image: url(../images/bg-th.jpg);
        background-repeat: repeat-x;
        padding-left: 2px;
        color: #FF3;
        margin: 0px;
    }
    
    table td .updatebutton {
        border: 0px;
        background-color: Transparent;
        font-size: 0.8em;
    }
    
/**********************************************************************/	
/***				end of maincontent def. settings				***/
/**********************************************************************/
		
#footer {
	width: 890px;
	padding: 10px 23px;
	margin: 0;
	font-size: 0.7em;
	line-height: 1.4em;
}

	#footer a:link, #footer a:visited {
		color: #000;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #09581F;
		text-decoration: underline;
	}
	
	#footer #links {
	    float: left;
	}
	
	#footer #cards {
	    float: right;

	}

/**********************
 GENERIC CLASSES
***********************/

A:hover {  color: #c00; }
form.inline { 	display:inline; }
img { border: 0; }

p.fivespace { margin: 5px 0px 0px 0px; }
p.tenspace { margin: 10px 0px 0px 0px; }
p.fifteenspace { margin: 15px 0px 0px 0px; }
p.twentyspace { margin: 20px 0px 0px 0px; }
div.breaker { clear: left; font-size: 0.1em; height: 1px; }
br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }


/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright, input.floatright {
	float: right;
	margin: 0px 0px 0px 0px;
}


/*****************
 NO MARGIN UL
 *****************/

ul.nomargin {
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
}

ul.nomargin li {
	margin: 0px 0px 0px 12px;
	padding: 2px 0px 2px 0px;
	line-height: 1.2em;
}


/** privacy scroller **/

#privacy {
	background: #E6EBD5;
	color: #000;
	font-size: 0.7em;
	padding: 0;
	margin: 5px 0 0 0;
	text-align: left;
}

#privacy2 {
	width: 290px;
	background: #E6EBD5;
	color: #000;
	font-size: 0.7em;
	padding: 5px;
	margin: 0;
	text-align: left;
	scrollbar-arrow-color: #cc0; /* up and down arrows */
	scrollbar-darkshadow-color: #cc0;  /* right and bottom borders - square around arrows & slider */
	scrollbar-3dlight-color: #cc0;;  /* left and top borders - square around arrows & slider */
	scrollbar-shadow-color: #ffffff;  /* right and bottom colour between border and inner colour for squares around arrows & slider */
	scrollbar-highlight-color: #ffffff;  /* left and top colour between border and inner colour for squares around arrows & slider */
	scrollbar-face-color: #ffffff;  /* inner colour for sqaures around arrows & slider */
	scrollbar-track-color: #cc0;/* colour behind slider (obscured) */
	scrollbar-base-color: #ffffff; /* does this change anything? */
	scrollbar-border-color: #ffffff;  /* does this change anything? */
}


/** CAT PAGE **/

div.catitem {
	float: left;
	width: 120px;
	padding: 15px 25px 0px 25px;
}

	#maincontent div.catitem p { color: #C12506; margin: 0px; text-align: center; }
	
	#maincontent div.catitem a:link, #maincontent div.catitem a:visited { color: #000; font-weight: normal; }
	#maincontent div.catitem a:hover { color: #B16530;}

/** BROKERAGE **/

div.brokitem, div.brokitemlast {
	float: left;
	width: 120px;
	padding: 15px 25px 0px 25px;
}

#maincontent div.brokitem p, #maincontent div.brokitemlast p { color: #C12506; margin: 0px; }
	
#maincontent div.brokitem a:link, #maincontent div.brokitem a:visited, #maincontent div.brokitemlast a:link, #maincontent div.brokitemlast a:visited { color: #B16530; font-weight: bold; }
#maincontent div.brokitem a:hover, #maincontent div.brokitemlast a:hover { color: #09581F;}

#phoneno {
    float: right;
    margin-bottom: 45px;
    margin-right: 20px;
    font-size: 1.1em;
}