
/* CSS Document */

p {
	margin: 10px 24px 10px 0;
}


.redContentBox {
	width: 740px;
}

.redContentBoxTop {
	background: #d81921 url(../images/content-box-red-top.gif) no-repeat left top;
	height: 6px;
	font-size: 1px;
}

.redContentBoxBottom {
	background: #d81921 url(../images/content-box-red-bottom.gif) no-repeat left top;
	height: 6px;
	font-size: 1px;
}

.redContentBoxContent {
	background-color: #d81921;
	border-bottom: 1px solid #d81921;
	padding: 0 6px;
	position: relative;
}

.whiteContentBox {
	width: 761px;
	margin-left: -5px;
}

.whiteContentBoxTop {
	background: #FFF url(../images/white-box-top.gif) no-repeat left top;
	height: 16px;
	font-size: 1px;
}

.whiteContentBoxBottom {
	background: #FFF url(../images/white-box-bottom.gif) no-repeat left top;
	height: 16px;
	font-size: 1px;
}

.whiteContentBoxContent {
	background: #FFF url(../images/white-box-tile.gif) repeat-y left top;
	padding: 0 14px;
	position: relative;
}

.tabBoxRedContent {
	background-color: #d81921;
	padding: 12px;
	margin-right: 18px;
}

.tabBoxRedTab {
	background: #d81921 url(../images/red-top-tab.gif) no-repeat right top;
	height: 27px;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	float: left;
	padding-right: 12px;
	line-height: 27px;
}

.tabBoxRedTab .tabCap {
	background: #d81921 url(../images/red-top-tab.gif) no-repeat left top;
	float: left;
	width: 12px;
	height: 27px;
}
.tabBoxRedTabHolder {
	height: 27px;
}

.mainImage {
	float: left;
}

.imageColumn {
	float: left;
	margin-left: 10px;
}

.imageColumn p {
	margin: 0;
}
.topImage {
	margin-bottom: 12px !important;
}

.bodyContent ul {
	margin: 3px 0 10px 24px;
}	

.bodyContent li {
	margin-bottom: 3px;
}

/* Gallery Styles */


.thumbBox {
	width: 742px;
}	
.thumbBoxHeader {
	height: 32px;
}
.thumbBoxHeaderNav {
	float: right;
	width: 200px;
	background-color: #7c7d80;
	text-align: right;
	height: 24px;
	padding: 8px 12px 0 0;
}
.thumbBoxHeaderNav a {
	font-weight: bold;
	color: #FFF !important;
	text-decoration: none;
}
.navNextButton {
	background: #7c7d80 url(../images/pointer-gray.gif) no-repeat right center;
	padding-right: 12px;
	
}
.navPrevButton {
	background: #7c7d80 url(../images/pointer-gray-left.gif) no-repeat left center;
	padding-left: 12px;
	padding-right: 24px;
	
}
.thumbBoxThumbs {
	background-color: #7c7d80;
	padding: 10px;
	border-bottom: 1px solid #7c7d80;
}
.backLink {
	font-weight: bold;
	text-decoration: none;
}
.thumbBoxImage {
	display: block;
	padding-right: 20px;
	padding-bottom: 20px;
	float: left;
}
.thumbBoxImage img {
	border: 1px solid #FFF;
}
.thumbBoxHeader p {
	margin-bottom: 0;
}

.rightCol 
{   
    float: right;
    width: 250px;
}
.leftCol 
{
    margin-right: 275px;
}

.arrowLink
{
   color: #FFF !important;
   text-decoration: none;
   padding: 10px; 
   background: #E41B17 url(../images/content-box-red-arrow.gif) no-repeat 98% center;
   padding-right: 30px;
}

.salesTable th
{
    background-color: #EEE;
    text-align: left;
    padding: 6px;
}
.salesTable th a
{
    color: #000;
    text-decoration: none;
}

.salesTable td 
{
    padding: 6px;
    border-bottom: 1px solid silver;
}
.galleryThumnailsList 
{
	margin-top: 20px;
}
.galleryThumnailsList td 
{
	vertical-align: top;
}
.galleryThumb 
{
	border: 1px solid #CCC;
	padding: 10px;
	margin-right: 12px;
	margin-bottom: 12px;
	width: 100px;
	height: 120px;
}
.galleryThumbText 
{
	font-size: 10px;
	line-height: 1.2em;
}

.addNewGallery 
{
	margin: 10px 0;
}

.addNewGallery a 
{
	text-decoration: none;
}
.horseDetails 
{
	height: 100px;
	padding: 12px 6px;
	font-size: 11px;
	clear: right;
}
.alternateDetails 
{
	background-color: #eaeaea;
}
.alternateDetails .horseValueRow 
{
	border-bottom: 1px solid #DDDDDD;
}
.horseColumn 
{
	float: left;
	width: 200px;
}
.horseThumb 
{
	float: left;
	padding-right: 12px;
}
.horseValueLabel 
{
	float: left;
	width: 85px;
	font-weight: bold;
}
.horseValueRow 
{
	clear: left;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 4px;
	padding-bottom: 4px;
}
.horseValueRow input 
{
	vertical-align: middle;
}
.horseValueData 
{
	margin-left: 55px;
}
.svw /* image slide */
{
	width: 50px;
	height: 20px;
	background: #fff;
}
.svw ul
{
	position: relative;
	left: -999em;
}
.stripViewer /*core classes*/
{
	position: relative;
	overflow: hidden;
	margin: 0 0 1px 0;
}
.stripViewer ul
{
	/* this is your UL of images */
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
}
.stripViewer ul li
{
	float: left;
}
.stripTransmitter
{
	overflow: auto;
	width: 1%;
}
.stripTransmitter ul
{
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
}
.stripTransmitter ul li
{
	width: 20px;
	float: left;
	margin: 0 1px 1px 0;
}
.stripTransmitter a
{
	font: bold 10px Verdana, Arial;
	text-align: center;
	line-height: 22px;
	background: #cb161e;
	color: White;
	text-decoration: none;
	display: block;
	border: 1px solid #cb161e;
}
.stripTransmitter a:hover, a.current
{
	background: White;
	color: #cb161e;
}
#tooltip
{
	background: #fff;
	color: #000;
	opacity: 0.85;
	border: 5px solid #dedede;
}
#tooltip h3
{
	font: normal 10px Verdana;
	margin: 0;
	padding: 6px 2px;
	border: 0;
}
.fieldSet {
	margin-bottom: 18px;	
}
.fieldRow {
	overflow: auto;
	margin-bottom: 6px;
}
.fieldLabel {
	float: left;
	width: 120px;
	text-align: right;
}	
.fieldValue {
	margin-left: 130px;	
}
.redButton 
{
	background-color: #e91e24;
	padding: 3px 6px;
	text-decoration: none;
	color: #FFF !important;
	font-weight: bold;
	font-size: 11px;
	border: none;
}
a.redButton 
{
    display: block;
    text-align: center;
}
.disabledButton 
{
    color: #FFF;
	background-color: #CCC;
}
.medButton 
{
	width: 100px;
}
.required 
{
    font-weight: bold;
}

.searchBox 
{
    width: 200px;
}
.searchInput, .searchInput input 
{
    vertical-align: middle;
}