/* Global Section Changes */

a.designTip {
	font-size: 11px;
}

#contentWrapper {
	background: none;
	float: none;
}
#mainNavigation {
	background: #ee222a url(images/nav-bg.gif) repeat-x;
	float: none;
	width: 960px;
}
	#mainNavigation p {
		color: #fff;
		font-size: 11px;
		font-weight: bold;
		line-height: 27px;
		margin: 0;
		padding-right: 10px;
		text-align: right;
	}
	#mainNavigation p a {
		color: #fff;
	}
	#mainNavigation span.extraNavBG {
		background: url(images/gp-logo-bottom-part.png);
		height: 27px;
		width: 115px;
	}
#mainContent {
	margin: 0;
	padding: 0;
	position: relative;
	width: 960px;
}
	#mainContent #content {
		margin: 2em 0 2em 2em;
		min-height: 400px;
		height: auto !important;
		height: 400px;
		padding: 0;
		width: 93%;
	}
#footer {
	height: auto;
	position: static;
}
	#footer p {
		background: none;
		background-color: #FCAF32;
		height: auto;
		margin: 0;
		position: static;
	}
	
/* List Styling */

div.listHeader {
	background-color: #fff7ea;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #58595b;
	height: 20px;
	padding: 10px 0;
	line-height: 20px;
	position: relative;
	vertical-align: middle;
}
	div#browseBy {
		float: left;
	}
		div#browseBy img {
			margin-top: -2px;
			margin-left: 10px;
			vertical-align: middle;
		}
		ul#browseByNav {
			border: 1px solid #ccc;
			display: none;
			left: 16px;
			list-style: none;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 30px;
			z-index: 1;
		}
			ul#browseByNav li {
				background: #fff url(images/arrow-right.png) 95% 50% no-repeat;
				font-size: 12px;
				line-height: 14px;
				margin: 0;
				padding: 3px 20px 3px 10px;
				position: relative;
				white-space: nowrap;
				width: 125px;
			}
			ul#browseByNav li.noChildren {
				background: #fff;
			}
			ul#browseByNav li a {
				color: #58595b;
				text-decoration: none;
			}
			ul#browseByNav li:hover, ul#browseByNav li.sfhover {
				background-color: #ccc;
			}
			ul#browseByNav li ul {
				border: 1px solid #ccc;
				display: none;
				list-style: none;
				margin: 0;
				padding: 0;
				position: absolute;
				left: 125px;
				top: 3px;
				z-index: 100;
			}
			ul#browseByNav li ul li {
				background: #fff;
				font-size: 12px;
				padding: 3px 10px 3px 10px;
				width: auto;
			}
		
			div#browseBy:hover ul#browseByNav, div#browseBy.sfhover ul#browseByNav {
				display: block;
			}
			ul#browseByNav li:hover ul, ul#browseByNav li.sfhover ul {
				display: block;
			}

	div.listHeader input, div.listHeader select, div.listHeader img {
		color: #58595b;
		margin-top: 0px;
		padding: 2px;
		vertical-align: middle;
	}
	div.listControls {
		font-size: 11px;
		float: left;
		margin-left: 10px;
	}
	div.listSearch {
		float: right;
		margin-right: 10px;
	}

	div.listBody {
		margin-top: 1em;
	}

/* Design Blocks */

div.design {
	background: #fff url(images/design-bg.gif) bottom repeat-x;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float: left;
	height: 250px;
	padding: 10px;
	width: 201px;
}
	div.design.firstRow {
		border-top: 1px solid #ccc;
	}
	div.design.firstInRow {
		border-left: 1px solid #ccc;
	}
	div.design div.image {
		border: 1px solid #ccc;
		display: table-cell;
		height: 153px;
		text-align: center;
		vertical-align: middle;
		width: 198px;
	}
		div.design div.image img {
			margin: 0 auto;
		}
		div.design div.image * {
			vertical-align: middle;
		}
	#mainContent div.design h3 {
		color: #b25da7;
		font-size: 12px;
		line-height: 16px;
		margin: 0.5em 0 3px 0;
	}
	#mainContent div.design p {
		font-size: 11px;
		line-height: 16px;
		margin: 0;
	}
	#mainContent div.design p span.unavailable {
		color: red;
	}
	#mainContent div.design p span.sponsored {
		color: green;
	}

/* Design Page */

#designHero {
	border: 1px solid #ccc;
	display: table-cell;
	height: 355px;
	text-align: center;
	vertical-align: middle;
	width: 475px;
}
	#designHero img {
		margin: 0 auto;
	}
	#designHero img.hidden {
		display: none;
	}
	#designHero * {
		vertical-align: middle;
	}
#designThumbs {
        width:  470px;
	margin-top: 1em;
}
	#designThumbs div.thumbWrapper {
		float: left;
		margin: 0 10px 10px 0;
	}
	#designThumbs a {
		border: 1px solid #ccc;
	    display: table-cell;
		height: 81px;
		text-align: center;
	    vertical-align: middle;
		width: 105px;
	}
	#designThumbs a img {
		opacity: .6;
	}
	#designThumbs a.first {
		
	}
	#designThumbs img {
		margin: 0;
	}
	#designThumbs a * {
	    vertical-align: middle;
	}
	#designThumbs a.on img, #designThumbs a:hover img {
		opacity: 1;
	}

#designContent {
	float: right;
	width: 395px;
}
	#designContent h2 {
		margin-top: 1em;
	}
	#designContent ul {
		margin: 0 0 1em 0;
		padding: 0;
		list-style: none;
	}
#designStatus {
	line-height: 25px;
}
	#designStatus span.error {
		color: red;
	}
	#designStatus span.success {
		color: green;
	}
#horseSelectionField {
	color: #58595b;
	display: block;
	line-height: 23px;
	margin-bottom: 1em;
	padding: 2px;
	width: auto;
}
#chooseImage {
	margin-bottom: 1em;
}
#additionalDesign {
	border-top: 1px solid #ccc;
	margin-top: 1em;
}
	#additionalDesign h3 {
		color: #b25da7;
		font-size: 12px;
		line-height: 16px;
		margin: 1em 0 0.5em 0;
	}
	#additionalDesign div.design {
		border: 1px solid #ccc;
		height: 214px;
	}

/* Misc */

p#sponsorInfo {
	float: right;
	margin: 12px 0 0 0;
	padding: 10px;
}
	p#sponsorInfo span#numHorsesText {
		font-weight: bold;
	}