/**********************************************************************************************

	CSS on Sails
	Title: Breedersales.com
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: July 2009

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
		2.1 Structure
				2.2 Header
		2.3 Navigation
				2.4 Content
				2.5 Sidebar
        2.6 Secondary Navigation
				2.7 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2	Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3	Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
div.middle:after,
div.top:after,
div.bottom:after,
#second-nav ul:after,
#footer div.footer-nav ul:after,
div.wrap:after,
div.tools:after,
ol.form li:after,
.step:after,
.quick-facts:after,
.gallery:after,
.quick-browse ul:after,
.find-stock ol:after,
.find-stock-type ul:after,
ol.search-item:after,
ol.search-item li:after,
ol.search-item li div.item-detail:after,
.utility div.user-nav ul li dl:after,
body.search .f-search .animal-type ul.animal-icon:after,
body.search .f-search .animal-type ul.animal-radio:after,
body.search .f-search ul.regular-form li.inline:after,
ul.content-buttons:after,
.quick-facts li:after,
.search-paging ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* 1.4	Default Styles
-----------------------------------------------------------------------------------------------*/

html { background: url(../images/bg-body.png) left top;}
body { background: #1a2b08 url(../images/bg-top.png) no-repeat left top; color: #333; font: 62.5%/1.3 Arial, Helvetica, sans-serif; text-align: center; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; }
a, a:visited { color: #678F3D; text-decoration: none; }
a:hover, a:active { color: #678F3D; text-decoration: underline; }


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1	Structure
-----------------------------------------------------------------------------------------------*/

div.wrap { width: 960px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em; }
div.wrap div.wrap { font-size: 1em; width: auto; }

div.top { height: 183px; background: url(../images/bg-header.png) repeat-x left top; position: relative; color: #f3efe5 }
div.top div.wrap { height: 183px }
div.middle { background: #fff; position: relative; padding: 21px 0 96px 0 }
div.bottom { background: url(../images/bg-body.png) left top; margin: 0 1px; color: #fff; padding-bottom: 80px }

.secondary-navigation { float: left; width: 221px; margin-right: 21px; }
.content { float: left; width: 700px }
.sidebar { float: right; width: 240px }
.secondary-content { float: left; width: 221px; margin-left: 21px; border-top: 3px solid #84ab4c; margin-top: 29px; }

.three-cols .content { width: 460px; }
.two-cols .content { width: 460px; margin-left: 242px; }

/* 2.2	Header
-----------------------------------------------------------------------------------------------*/

#header { padding-top: 29px }
#header .site-name { display: block; background: url(../images/logo.png) no-repeat; width: 201px; height: 102px; text-indent: -9999em }
#header .logo-print { display: none; }
div.top div.ad { width: 234px; height: 60px; position: absolute; top: 43px; right: 0}

#navigation { height: 33px; width: 660px; position: absolute; bottom: 0; left: 0; background: url(../images/bg-nav.png) no-repeat left top; overflow: hidden }

#navigation ul li { display: inline }
#navigation ul li a,
.js-nav ul li span { float: left; display: block; width: 161px; height:33px; text-indent: -9999em; position: relative; z-index: 1  }
#navigation ul li.m-home a,
#navigation ul li.m-home span { width: 62px; z-index: 6 }
#navigation ul li a.active { z-index: 7 }
#navigation ul li a:hover { z-index: 8 !important }

#navigation ul li.m-home a { z-index: 5; margin: 0 !important }
#navigation ul li.m-home a:hover,
#navigation ul li.m-home a.active,
.js-nav ul li.m-home span { background: url(../images/bg-nav.png) no-repeat 0 -33px }

#navigation ul li.m-buy a { z-index: 4; margin: 0 !important }
#navigation ul li.m-buy a:hover,
#navigation ul li.m-buy a.active,
.js-nav ul li.m-buy span { background: url(../images/bg-nav.png) no-repeat -51px -66px; margin-left: -11px; margin-right: 11px }

#navigation ul li.m-sell a { z-index: 3; margin: 0 !important }
#navigation ul li.m-sell a:hover,
#navigation ul li.m-sell a.active,
.js-nav ul li.m-sell span { background: url(../images/bg-nav.png) no-repeat -200px -99px; margin-left: -23px; margin-right: 23px; }

#navigation ul li.m-breeders a { z-index: 2; margin: 0 !important }
#navigation ul li.m-breeders a:hover,
#navigation ul li.m-breeders a.active,
.js-nav ul li.m-breeders span { background: url(../images/bg-nav.png) no-repeat -348px -132px; margin-left: -36px; margin-right: 36px; }

#navigation ul li.m-learn a { z-index: 1; margin: 0 !important }
#navigation ul li.m-learn a:hover,
#navigation ul li.m-learn a.active,
.js-nav ul li.m-learn span { background: url(../images/bg-nav.png) no-repeat -498px -165px; margin-left: -47px; margin-right: 0 }

.js-nav ul li a { background: none !important;}

#second-nav { height: 33px; position: absolute; bottom: 0; right: 0; z-index: 15; }
#second-nav li { display: inline }
#second-nav li a { display: block; float: left; margin-left: 15px; padding-top: 10px; color: #f3efe5; font-weight: bold }
#second-nav li.first a { margin-left: 0 }

#navigation ul li a.active { display: none }


/* 2.3	Navigation
-----------------------------------------------------------------------------------------------*/


/* 2.4	Content
-----------------------------------------------------------------------------------------------*/

.content { line-height: 1.3; }
.content p, .content ul, .content ol { padding: 0 0 5px; }

.content h1 { color: #4c4c4c; border-bottom: 3px solid #84ab4c; font-size: 1.7em; padding: 0 0 3px; margin: 0 0 9px; position: relative}
.content h1 span { color: #7f7f7f; position: absolute; right: 0; bottom: 2px; }
.content h2 { font-size: 1.3em; font-weight: normal; margin-bottom: 7px; }
.content h3 { font-size: 1.1em; font-weight: bold; margin-bottom: 7px; }
.content h4 { font-size: 1em; font-weight: bold; color: #2c4017; margin-bottom: 7px; }
.content h5 { font-size: 1em; font-weight: bold; color: #333; margin-bottom: 3px; }

.content a { color: #63744f; border-bottom: 1px dotted #63744f; }
.content a:hover { color: #63744f; border-style: solid; text-decoration: none; }

.content blockquote { font-style: italic; color: #2f4317; padding: 4px 17px 0; }

.content .fright { float: right; }
body.content-page #content img { float: right; }

.content ul.list,
.content ol.list,
body.content-page #content ul,
body.content-page #content ol { margin-left: 17px; }
.content ul.list li,
body.content-page #content ul li { background: url(../images/ico-bullet.png) no-repeat 0 6px; padding-left: 12px; }
.content ol.list li,
body.content-page #content ol li { list-style: decimal; margin-left: 18px; }
.content ul.list li,
.content ol.list li,
body.content-page #content ul li,
body.content-page #content ol li { margin-bottom: 2px; }

body.library ul { margin: 0; }
body.library ul li { background: none; padding: 0; margin: 0; }
body.library #content li { padding: 0 0 10px; }

.content table { width: 100%; border-top: 1px solid #bfcdab; margin: 0 0 13px; }
.content table td { border-bottom: 1px solid #bfcdab; }
.content table th { background: #ebeee3; border-bottom: 1px solid #bfcdab; font-weight: bold; color: #2c4017; text-align: left; }
.content table th, .content table td { padding: 9px 15px 9px 2px; }

button.btn-brown,
button.btn-yellow,
button.btn-green,
button.btn-grey,
button.btn-blue { padding-left: 3px; cursor: pointer; background-color: transparent; float: left }


button.btn-brown span,
button.btn-yellow span,
button.btn-green span,
button.btn-grey span,
button.btn-blue span{ position: relative; top: -1px }

.content .btn-brown,
.content .btn-yellow,
.content .btn-green,
.content .btn-grey,
.content .btn-blue,
.content .btn-brown-arrow,
.content .btn-green-arrow,
.content .badger-advertise,
.content .badger-sell,
.content .btn-back { border: 0; }


.content .btn-brown:hover,
.content .btn-yellow:hover,
.content .btn-green:hover,
.content .btn-grey:hover,
.content .btn-blue:hover,
.content .btn-brown-arrow:hover,
.content .btn-green-arrow:hover,
.content .badger-advertise:hover,
.content .badger-sell:hover { color: #fff; text-decoration: none }

.content .btn-back:hover { color: #678f3d; text-decoration: none }

.btn-brown, .btn-brown span,
.btn-yellow, .btn-yellow span,
.btn-green, .btn-green span,
.btn-grey, .btn-grey span,
.btn-blue, .btn-blue span,
.btn-brown-arrow, .btn-brown-arrow span,
.btn-green-arrow, .btn-green-arrow span { display: inline-block; height: 37px; width: auto}
.btn-brown-arrow, .btn-brown-arrow span,
.btn-green-arrow, .btn-green-arrow span { height: 39px }

.btn-brown, .btn-brown-arrow,
.btn-yellow, .btn-green-arrow,
.btn-blue, .btn-grey, .btn-green { background: url(../images/bg-button_brown_left.png) no-repeat; padding-left: 10px;padding-right:3px; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: bold; white-space:nowrap; }
.btn-yellow { background: url(../images/bg-button_yellow_left.png) no-repeat }
.btn-green { background: url(../images/bg-button_green_left.png) no-repeat }
.btn-grey { background: url(../images/bg-button_grey_left.png) no-repeat }
.btn-blue { background: url(../images/bg-button_blue_left.png) no-repeat }

.btn-brown-arrow,
.btn-green-arrow { background: url(../images/bg-button_brown_arrow_left.png) no-repeat; padding-left: 23px }
.btn-green-arrow { background: url(../images/bg-button_green_arrow_left.png) no-repeat }

.btn-brown:hover,
.btn-brown-arrow:hover,
.btn-yellow:hover,
.btn-green:hover,
.btn-green-arrow:hover,
.btn-grey:hover,
.btn-blue:hover { text-decoration: none; }

.btn-brown span,
.btn-yellow span,
.btn-green span,
.btn-grey span,
.btn-blue span { background: url(../images/bg-button_brown_right.png) no-repeat right ; padding: 9px 18px 0 8px; height: 28px; display: block; cursor: pointer; float: left }
.btn-yellow span { background: url(../images/bg-button_yellow_right.png) no-repeat right }
.btn-green span { background: url(../images/bg-button_green_right.png) no-repeat right }
.btn-grey span { background: url(../images/bg-button_grey_right.png) no-repeat right }
.btn-blue span { background: url(../images/bg-button_blue_right.png) no-repeat right }

.btn-brown-arrow span,
.btn-green-arrow span { background: url(../images/bg-button_brown_arrow_right.png) no-repeat right; padding: 10px 60px 0 8px; height: 29px; cursor: pointer }
.btn-green-arrow span { background: url(../images/bg-button_green_arrow_right.png) no-repeat right }

a.badger-advertise { display: block; width: 52px; height: 55px; text-indent: -9999em; }
a.badger-advertise.pa100 { background: url(../images/bg-badger_advertise100.png) no-repeat }
a.badger-advertise.pa500 { background: url(../images/bg-badger_advertise500.png) no-repeat }
a.badger-sell { display: block; width: 52px; height: 55px; text-indent: -9999em; background: url(../images/bg-badger_sell.png) no-repeat }

div.tools { margin-bottom: 24px }
div.tools .btn-back,
div.tools .btn-back span { height: 32px; display: block; width: auto; float: left }
div.tools .btn-back { background: url(../images/bg-back_to_left.png) no-repeat; padding-left: 15px; color: #678f3d; font-size: 14px; font-weight: bold }
div.tools .btn-back span { padding: 7px 12px 0 16px; height: 25px; background: url(../images/bg-back_to_right.png) no-repeat right }

div.tools .btn-back-right,
div.tools .btn-back-right span { height: 32px; display: block; width: auto; float: right }
div.tools .btn-back-right { background: url(../images/bg-back_to_left_inverse.png) no-repeat right; padding-right: 15px; color: #678f3d; font-size: 14px; font-weight: bold }
div.tools .btn-back-right span { padding: 7px 16px 0 12px; height: 25px; background: url(../images/bg-back_to_right_inverse.png) no-repeat left }
div.tools .btn-edit-entity { margin-right: 10px; }

div.tools ul.page-tools { width: 110px; float: right; }
div.tools ul.page-tools li { display: inline }
div.tools ul.page-tools li a{ float: left; text-indent: -9999em; height: 32px; background: url(../images/bg-tools.png) no-repeat }
div.tools ul.page-tools li.email a { width: 38px; background-position: left top }
div.tools ul.page-tools li.rss a { width: 35px; background-position: -38px top }
div.tools ul.page-tools li.print a { width: 36px; background-position: -73px top }
div.tools ul.page-tools li.bookmark a { width: 36px; background-position: -38px top }
.content div.tools a { border: 0; }

.content p.site-msg { border: 1px solid #bfcdab; background: #f1f3eb url(../images/ico-general.png) no-repeat 10px center; color: #727370; margin-bottom: 16px; padding: 9px 10px 7px 25px; line-height: 1.3; }
.content p.alert-msg { background: #fde8e3 url(../images/ico-alert.png) no-repeat 10px 9px; color: #000; border-color: #fc9c90; padding-left: 35px; }
.content p.info-msg { background: #f9f9f9 url(../images/ico-info.png) no-repeat 10px 9px; color: #000; border-color: #b3d5e1; padding-left: 35px; }
.content p.error-msg { background: #fefad9 url(../images/ico-error.png) no-repeat 10px 9px; color: #000; border-color: #feea7a; padding-left: 35px; }

/* sign up */
body.signup p.site-msg { position: relative; top: 20px; }
body.signup .col { width: 340px; float: left; }
body.signup .colr { float: right; }
body.signup h2, body.classified h2 { color: #333; border-bottom: 3px solid #84ab4c; padding: 0 0 3px; margin: 34px 0 0; font-size: 1.3em; font-weight: normal; }
body.signup table { border-top: 0; }
body.signup table th { font-size: 1.2em; background: #fefefd; text-align: center; padding: 8px 0; }
body.signup table th.free { color: #666; }
body.signup table th.basic { color: #666; }
body.signup table th.breeder { color: #333; }
body.signup table td.free,
body.signup table td.basic,
body.signup table td.breeder { text-align: center; }
body.signup table .breeder { background: #f0f2e9; }
body.signup table td { color: #666; padding: 9px 0; vertical-align: middle; }
body.signup table .free { width: 60px; }
body.signup table .basic,
body.signup table .breeder { width: 78px; }
body.signup table img { vertical-align: middle; }
body.signup table tr.price td { font-size: 1.2em; padding-top: 5px; padding-bottom: 5px; }
body.signup table tr.price td.free { font-size: 1em; }
body.signup table tr.price td.basic,
body.signup table tr.price td.breeder { color: #333; font-size: 1.2em; font-weight: bold; line-height: 1; }
body.signup table tr.price td.basic em,
body.signup table tr.price td.breeder em { font-style: normal; display: block; font-size: .7em; font-weight: normal; }
body.signup table tr.membership td { background: #f1f2eb; padding: 6px 0 5px; }
body.signup table tr.membership td.breeder { background: #e5e8db; }
body.signup table tr.membership td { font-size: 1.2em; font-weight: bold; }
body.signup table input { margin-top: 7px; }

/* sign up forms */
ol.form li { border-bottom: 1px solid #bfcdab; padding: 7px 0 8px; }
ol.form li.select { padding: 5px 0; }
ol.form li label,
ol.form li span.label { float: left; width: 115px; margin-top: 2px; cursor: pointer; }
ol.form li span.label { cursor: default; }
ol.form li input,
ol.form li select,
ol.contact li input,
ol.contact li textarea { width: 213px; padding: 3px 5px 2px; float: left; }
ol.form li input,
ol.contact li input,
ol.contact li textarea { border: 0; border-bottom: 1px solid #ddd; border-right: 1px solid #c3c3c3; background: #fff url(../images/bg-input.png) no-repeat; color: #666; font-size: .9em; }
ol.form li.error input,
ol.contact li.error input,
ol.contact li.error textarea { background: #ffe6e6 url(../images/bg-input.png) no-repeat -500px 0; }
ol.form li.error label,
ol.contact li.error label { color: #c2492e; font-weight: bold; }
ol.form li select { width: 160px; padding: 2px; }
ol.form li.radios { padding: 9px 0; }
ol.form li.radios input { width: auto; padding: 0; background: none; border: 0; margin-left: 0 }
ol.form li.radios label { width: auto; margin-right: 18px; margin-top: 3px; padding-left: 2px }

.step { background: #f4f5ef; padding: 5px; border-top: 1px solid #bfcdab; border-bottom: 1px solid #bfcdab; margin-top: 40px; }
.content .step p { float: left; color: #92938f; padding: 0; line-height: 1.9; }
.step input { float: right; margin-top: 3px; cursor: pointer; }

/* classified page */
.quick-facts { margin: 0 0 18px; }
.quick-facts dt, .quick-facts dd { display: block; float: left; color: #666; padding: 5px 0; }
.quick-facts li { border-bottom: 1px solid #bfcdab; }
.quick-facts dt { width: 85px; font-weight: bold; }
.quick-facts dd { width: 145px; }
.content .quick-facts dd.contact-details a, .content .quick-facts dd.complete-ebv a { background: url(../images/ico-contact-details.png) no-repeat center left; display: block; padding-left: 18px; border: 0; text-decoration: underline; }
a.view { background: url(../images/ico-contact-details.png) no-repeat center left; padding-left: 18px; border: 0; text-decoration: underline; color: #97aa81; }
.quick-facts dd.contact-details, .quick-facts dd.complete-ebv { width: 230px; }

body.classified h1, body.profile h1 { margin-bottom: 0; }

.secondary-content { color: #666; line-height: 1.4; }
.secondary-content p { padding: 0 0 4px; }

ol.contact li input { float: none; width: 198px; }
ol.contact li label { display: block; cursor: pointer; margin: 10px 0 4px; }
ol.contact li textarea { width: 198px; height: 60px; margin-bottom: 10px; }
.secondary-content p input { cursor: pointer; }

.gallery li { float: left; margin: 0 1px 1px 3px; }
.gallery li.large { float: none; margin: 10px 0; }
.gallery a.img { display: block; padding: 4px; border: 1px solid #DBDED5; background: #FFFFFF; }
.gallery a.img img { display: block; }
select { font-size: 12px; padding: 2px; color: #636260; }

body.profile h2,
body.search .secondary-navigation h3 { border-bottom:3px solid #84AB4C; color:#737373; font-size:1.3em; font-weight:normal; margin:24px 0 0; padding:0 0 3px }
body.search .secondary-navigation h2 { color: #4c4c4c; }
body.search .secondary-navigation h3 { margin-bottom: 15px; position: relative }
body.search .secondary-navigation h3 span { position: absolute; right: 30px }
body.search .secondary-navigation h3 span a.show-hide{ color: #567632; text-decoration: underline; font-weight: bold; font-size: 12px; background: url(../images/ico-min.png) no-repeat left 1px; padding-left: 18px  }
body.search .secondary-navigation h3 span a.show-hide:hover { color: #384828; }

ol.search-item li { background: #ebefe4; border-top: 1px solid #fff; border-bottom: 1px solid #bfcdab; position: relative; margin-bottom: 16px }
ol.search-item li h3 { color: #6f716c; font-size: 14px; position: relative; padding: 6px 8px; border-bottom: 1px solid #bfcdab; margin: 0 }
ol.search-item li h3 span { position: absolute; right: 30px;  top: 6px  }
ol.search-item li div.item-detail,
ol.search-item li div.item-detail-wide { padding: 6px 8px 6px 8px; position: relative }
ol.search-item li div.item-detail .img { float: left; padding: 4px; border: 1px solid #DBDED5; background: #FFFFFF; }
ol.search-item li div.item-detail .img img { display: block; }
ol.search-item li div.item-detail .item-content { float: right; width: 315px; position: relative; padding:0 0 6px 0;}
ol.search-item li p { padding-bottom: 5px; color: #5c5d59 }
ol.search-item li ul.more { width: 154px; position: absolute; bottom: 8px; right: 20px }
ol.search-item li ul.more li { padding: 0 0 0 20px; margin: 0; width: 55px; position: absolute; border: 0 }
ol.search-item li ul.more li a { text-decoration: underline; border: 0; font-weight: bold; color: #63744F }
ol.search-item li ul.more li a:hover { color: #384828; }
ol.search-item li ul.more li.add-shortlist { background: url(../images/ico-plus.png) no-repeat left 2px; left: 0 }
ol.search-item li ul.more li.more-info { background: url(../images/ico-more.png) no-repeat left 2px; right: 0 }

div.secondary-content .profile-pic { margin-bottom: 20px }
.utility div.user-nav ul li dl { padding-bottom: 10px; padding-left: 26px }
.utility div.user-nav ul li dl dt { font-weight: bold; color: #636363; width: 90px; float: left; clear: both; padding-bottom: 5px }
.utility div.user-nav ul li dl dd { color: #636363; width: 108px; text-align: right; float: left; padding-bottom: 5px}

body.search .utility div.user-nav { margin-top: 30px }
body.search .f-search { padding-top: 15px }
body.search .f-search ul,
body.search .f-search li,
body.search .f-search li a { border: 0; padding: 0; margin: 0; background: none }
body.search .f-search .animal-type ul.animal-icon { padding: 5px 0 15px }
body.search .f-search .animal-type ul.animal-icon li { display: inline }
body.search .f-search .animal-type ul.animal-icon li a,
body.search .f-search .animal-type ul.animal-icon li a span { float: left; margin-right: 10px; height: 45px; overflow: hidden; width: 41px; position: relative; display: block }
body.search .f-search .animal-type ul.animal-icon li a span { position: absolute; width: 100%; height: 100%; cursor: pointer; top: 0; left: 0; background: url(../images/ico-animal.png) no-repeat }

body.search .f-search .animal-type ul.animal-icon li.selected a span { background-position: left -45px }

body.search .f-search .animal-type ul.animal-icon li a.animal-alpaca { width: 32px }
body.search .f-search .animal-type ul.animal-icon li a.animal-alpaca span { background-position: -41px top }
body.search .f-search .animal-type ul.animal-icon li.selected a.animal-alpaca span { background-position: -41px -45px }
body.search .f-search .animal-type ul.animal-icon li a.animal-cattle { width: 55px }
body.search .f-search .animal-type ul.animal-icon li a.animal-cattle span { background-position: -73px top }
body.search .f-search .animal-type ul.animal-icon li.selected a.animal-cattle span { background-position: -73px -45px }
body.search .f-search .animal-type ul.animal-icon li a.animal-horse { width: 57px; margin: 0 }
body.search .f-search .animal-type ul.animal-icon li a.animal-horse span { background-position: -128px top }
body.search .f-search .animal-type ul.animal-icon li.selected a.animal-horse span { background-position: -128px -45px }


body.search .f-search .animal-type ul.animal-icon li img { position: relative}
body.search .f-search .animal-type ul.animal-icon li.selected img { top: -45px }
body.search .f-search .animal-type ul.animal-icon li.last { margin: 0 }
body.search .f-search .animal-type ul.animal-radio { margin-bottom: 10px }
body.search .f-search .animal-type ul.animal-radio input{ margin-left: 0 }
body.search .f-search .animal-type ul.animal-radio li { float: left; width: 110px; padding-bottom: 5px  }
body.search .f-search ul.regular-form li { padding-bottom: 8px }
body.search .f-search .animal-type ul.animal-radio label,
body.search .f-search ul.regular-form li label { font-weight: bold; padding-bottom: 3px; display: block; color: #666 }
body.search .f-search .animal-type ul.animal-radio label { font-weight: normal; padding: 0; display: inline }
body.search .f-search ul.regular-form li select { font-size: 12px; padding: 2px; width: 190px; color: #636260 }
body.search .f-search ul.regular-form li select.min-range,
body.search .f-search ul.regular-form li select.max-range { width: 80px; float: left }
body.search .f-search ul.regular-form li label.max-range { float: left; padding: 3px 11px 3px 8px }
body.search .f-search ul.regular-form li.submit-search { margin-top: 15px }
body.search .f-search ul.regular-form li.submit-search input { color: #414141 }

body.search .three-cols .content { position: relative; }
body.search .three-cols .content .sort { position: absolute; top: 0; right: 0 }
body.search .three-cols .content .sort select { font-size: 12px; padding: 2px; width: 100px; color: #636260; margin-left: 5px }
body.search .three-cols .content .sort label { color: #636260 }
body.search .three-cols .content h1 { color: #7f7f7f; margin-bottom: 0 }

body.search .middle .upper .content { width: 702px; }
body.search .middle .upper .content .tools { float: left; width: 221px; }
body.search .middle .upper .content p { float: right; width: 413px; }

/*quick fix*/

body.landing-breeders #content div.column3 { position: relative }
body.landing .utility div.user-nav { margin-top: 13px }
.quick-browse select,
.form-create-classified select,
.form-advertise-sale select { width: 130px }

ul.content-buttons li { float: left; background: none !important; height:40px;}
ul.content-buttons li.text { padding-top:10px; height:30px; }
ul.content-buttons a {  margin-right: 0; color: #fff }
ul.content-buttons a.link {  margin-right: 0; color: #7b7d41; }
ul.content-buttons a:hover.link {  margin-right: 0; color: #000 }
ul.content-buttons a:hover { color: #fff; text-decoration: none }

body.landing .label { color:#636260; display:block;margin-bottom:0.3em }
.form-create-classified li, .form-advertise-sale li { margin-bottom: 0.8em }
body.landing-breeders form ol li {margin-bottom: 0.7em }
body.landing-breeders form ol li select { width: 190px }

body.landing-learn .find-stock ol { margin-top: 30px }
ul.news-list li em { background: #e3e9d3; float: left; display: block; font-size: 14px; font-style: normal; color: #919487; padding: 0px 3px }
ul.news-list li p { clear: both; padding-top: 3px }
ul.news-list li a, ul.news-list li span.link { padding-left: 5px; font-size: 14px; color: #7d7c79; border: 0; font-weight: bold }
ul.news-list li a:hover { color: #7d7c79 }

body.landing .content-column-inside { height:  310px; position: relative; overflow: hidden }
body.landing.landing-sell .content-column-inside { height: 320px; }
body.landing #content .quick-browse-submit,
body.landing #content .content-buttons,
body.landing #content .create-classified-submit,
body.landing #content .advertise-sale-submit,
body.landing #content .find-breeder-submit,
body.landing #content .find-agent-submit { position: absolute; left: 0; bottom: 0; padding: 0; margin: 0}


.quick-browse .animal-type div{display:none;}
.quick-browse .label{display:block;margin-bottom:0.3em;color:#636260;}
.content .quick-browse ul{padding:0;}
.quick-browse ul li{display:inline;}
.quick-browse ul a{display:block;padding-left:10px;width:120px;height:83px;}
.quick-browse a{position:relative;display:block;float:left;margin-right:9px;margin-bottom:9px;border-bottom:none !important;}
.quick-browse a span{display:block;position:absolute;top:0;left:0;width:130px;height:83px;background:url('../images/bg-quick-browse-animals.png') no-repeat;}
.quick-browse .quick-browse-Sheep a.active span,.quick-browse .quick-browse-Sheep a:hover span{background-position:0 -83px;}
.quick-browse .quick-browse-Cattle span{background-position:-130px 0;}
.quick-browse .quick-browse-Cattle a.active span,.quick-browse .quick-browse-Cattle a:hover span{background-position:-130px -83px;}
.quick-browse .quick-browse-Horse span{background-position:-260px 0;}
.quick-browse .quick-browse-Horse a.active span,.quick-browse .quick-browse-Horse a:hover span{background-position:-260px -83px;}
.quick-browse .quick-browse-Alpaca span{background-position:-390px 0;}
.quick-browse .quick-browse-Alpaca a.active span,.quick-browse .quick-browse-Alpaca a:hover span{background-position:-390px -83px;}
.find-stock .label{display:block;margin-bottom:0.3em;color:#636260;}
.find-stock-type ul{margin-top:-20px;}
.find-stock-type ul li{display:inline;}
.find-stock-type label{float:left;padding-top:70px;background:url('../images/landing-animal-types.png') no-repeat;}
.find-stock-sheep label{width:80px;}
.find-stock-sheep label.active{background-position:0 -90px;}
.find-stock-alpaca label{width:69px;background-position:-80px 0;text-align:center;}
.find-stock-alpaca label.active{background-position:-80px -90px;}
.find-stock-cattle label{width:95px;background-position:-149px 0;text-align:center;}
.find-stock-cattle label.active{background-position:-149px -90px;}
.find-stock-horse label{width:96px;background-position:-244px 0;}
.find-stock-horse label.active{background-position:-244px -90px;}
.find-stock-breed,.find-stock-price,.find-stock-state,.find-stock-region,.find-stock-listing{display:inline;float:left;margin-bottom:0.7em;width:165px;}
.find-stock select{width:130px;}
.find-stock-price select{width:57px;}
.column1{position:relative;}
.column2{position:relative;}
.column3{position:relative;}
.advertise-price{position:absolute;top:-18px;right:5px;}
.benefits-list li{height:27px;padding-top:12px;padding-left:50px;background:no-repeat left;}
.benefits-list .benefits-point1{background-image:url('../images/ico-10.png');}
.benefits-list .benefits-point2{background-image:url('../images/ico-sale.png');}
.benefits-list .benefits-point3{background-image:url('../images/ico-web.png');}
.benefits-list .benefits-point4{background-image:url('../images/ico-profile.png');}

.benefits-list-basic li{padding-top:9px;padding-left:30px;background:no-repeat left;}
.benefits-list-basic .benefits-tick{background-image:url('/images/ico-tick.png');background-position:left 7px;}
body.landing-sell .benefits-list-basic .benefits-tick { 
	font-size: 11px; 
	background-position:left 3px; 
	padding-top: 6px; 
	padding-bottom: 3px;
	}

body.landing div.middle { background: #fff url(../images/bg-landing_middle.png) top left repeat-x; }

body.landing .utility div.logged-in,
body.landing .utility div.login { min-height: 145px; height: auto !important; height: 145px; }
.utility div.login ul li.btn-login,
.utility div.login ul li.btn-signup { width: 234px; height: 37px; background: url(../images/bg-button_login.png) top left no-repeat; overflow: hidden; border: 1px solid #fff;}
.utility div.login ul li.btn-login { margin-bottom: 7px; }
.utility div.login ul li.btn-signup { background-position: 0 -44px; }
.utility div.login ul li.btn-login span,
.utility div.login ul li.btn-signup span { display: block; padding: 9px 0 0 29px; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: bold }
.utility div.login ul li.btn-login span { font-size: 15px }
.utility div.login ul li a, .utility div.login ul li a:link, .utility div.login ul li a:visited, .utility div.login ul li a:active { text-decoration: none; }

#content p.section-description { min-height: 127px; height: auto !important; height: 119px; font-size: 18px; line-height: 1.2; }


body.home #content .advertise-column { position: relative }
#content div.content-column { min-height: 395px; height: auto !important; height: 395px; }
#content div.columns-2 div.content-column { width: 341px; float: left; display: inline; margin-right: 18px; }
#content div.columns-3 div.content-column { width: 220px; float: left; display: inline; margin-right: 20px; }
#content div.columns-3 div.column-large { width: 341px; margin-right: 21px;}
#content div.columns-3 div.column-small { width: 159px; margin-right: 20px; }
#content div.columns-2 div.column2,
#content div.columns-3 div.column3 { margin-right: 0; }

#content div.content-columns h2 { font-size: 18px; font-weight: normal; margin-bottom: 16px; }
body.landing-sell #content div.content-columns h2 {margin-bottom: 6px; height: 47px}

body.landing-buy #content div.content-column { background: url(../images/bg-content_item_blue.png) 0 26px repeat-x; }

body.landing-sell #content div.content-column,
body.home #content div.advertise-column { background: url(../images/bg-content_item_yellow2.png) 0 26px repeat-x; }
body.landing-sell #content div.column-large { background: url(../images/bg-content_item_yellow.png) 0 26px repeat-x; }

body.landing-breeders #content div.content-column { background: url(../images/bg-content_item_green.png) 0 26px repeat-x; }
body.landing-breeders #content div.column3 { background: url(../images/bg-content_item_yellow.png) 0 26px repeat-x; }
body.landing-learn #content div.content-column { background: url(../images/bg-content_item_grey.png) 0 26px repeat-x; }

body.landing-buy #content h2 { color: #2c8474; }
body.landing-sell #content h2,
body.home #content .advertise-column h2 { color: #aab323; margin-top:-22px;}
body.landing-breeders #content h2 { color: #577632; }
body.landing-breeders #content .column3 h2 { color: #aab323; margin-top:-22px; height:47px;}
body.landing-learn #content h2 { color: #707070; }

#content div.content-panels div.panel-item { float: left; width: 179px; padding-top: 22px; }
#content div.content-panels div.last-panel-item { width: 162px; }
#content div.content-panels div.panel-item a { border: none; color: #69903d; }
#content div.content-panels div.panel-item img { padding: 4px 5px 6px 5px; margin-bottom: 5px; background: url(../images/bg-panel_item.png) top left no-repeat; }
#content div.content-panels div.panel-item h3 { color: #69903d; font-size: 14px; padding: 0 0 0 5px; margin-bottom: 8px; }
#content div.content-panels div.panel-item p { padding: 0 17px 0 5px; }


.search-paging { text-align: center }
.search-paging ul { margin: 0 auto }
.search-paging ul li { display: inline }
.search-paging ul li .btn { width: 27px; height: 22px; display: block; float: left; margin-right: 6px; color: #000; font-size: 15px; text-align: center; text-decoration: none; border: none; padding-top: 4px }
.search-paging ul li .btn { background: url(../images/bg-paging.png) no-repeat left top }
.search-paging ul li a:hover { border: none; background-position: left -26px; color: #000 }
.search-paging ul li.active .btn { border: none; background-position: left -52px }
.search-paging ul li.first .btn,
.search-paging ul li.last .btn,
.search-paging ul li.prev .btn,
.search-paging ul li.next .btn{ text-indent: -9999em; background: url(../images/bg-prevnext.png) no-repeat left top }
.search-paging ul li.first .btn { margin-right: 31px; background-position: -27px top }
.search-paging ul li.last .btn { margin-left: 25px; background-position: -54px top }
.search-paging ul li.next .btn { background-position: -81px top }
.search-paging ul li.next .btn { margin: 0 }

.search-paging ul li.disabled, .search-paging ul li.disabled a 	{ filter: alpha(opacity = 50); opacity:.5; cursor: pointer }

/* 2.5	Sidebar
-----------------------------------------------------------------------------------------------*/
div.logged-in p { color: #94b076; font-size: 13px; font-style: italic; line-height: 1.4 }
.utility div.ad img { margin-bottom: 20px }
.utility div.user-nav { border-top: 3px solid #84ab4c; margin-bottom: 38px; margin-top: 29px; }
.utility div.user-nav ul li,
div.secondary-navigation ul li { border-bottom: 1px solid #bfcdab; }
.utility div.user-nav ul li a,
div.secondary-navigation ul li a { font-size: 14px; color: #678f3d; font-weight: bold; display: block; padding: 8px 12px 8px 26px; background: url(../images/ico-arrow.png) no-repeat 12px center }
div.secondary-navigation ul li a { color: #676864; font-weight: normal; font-size: 1em; padding: 9px 12px 9px 26px;}
.utility div.user-nav ul li.current a,
div.secondary-navigation ul li.current a { background-color: #f1f3eb; font-weight: bold; }
div.secondary-navigation ul li ul {}
div.secondary-navigation ul li ul li	{ border-bottom: none; }
div.secondary-navigation ul li.current ul li a {font-weight:normal; background-color:#FFFFFF;}
div.secondary-navigation ul li ul li a	{background: url(../images/ico-arrow-small.png) no-repeat 26px center;padding: 8px 12px 8px 40px; }
div.secondary-navigation ul li ul li.current a  { }


/* 2.6	Secondary Navigation
-----------------------------------------------------------------------------------------------*/
.secondary-navigation h2 { color: #7a7a7a; border-bottom: 3px solid #84ab4c; font-size: 1.7em; padding: 0 0 3px; }



/* 2.7	Footer
-----------------------------------------------------------------------------------------------*/
a.back-top { width: 87px; height: 21px; display: block; color: #51742e; font-weight: bold; background: url(../images/btn-back_to_top.png) no-repeat; float: left; padding: 8px 0 0 36px }
#footer div.footer-nav { float: right; padding-top: 10px }
#footer div.footer-nav li { float: left; margin-right: 14px; font-weight: bold }
#footer div.footer-nav li a { font-weight: bold; color: #a4b56e }
#footer div.footer-nav li.last { margin-right: 0 }


/* 6.6.6 Steve's change */
a span { cursor: pointer; }
ol.form li .selectBox { background: #FFFFFF url(../images/bg-input.png) no-repeat scroll 0 0; }
ol.form li.cardType select { width: 90px; }
ol.form li.date select { width: 50px; margin-right: 5px;}
ol.form li.cvv input { width: 30px; }
ol.form li .checkBoxRadioList { float: left; }
ol.form li .checkBoxRadioList br { clear: left; }
ol.form li.error span.label { font-weight: bold; color: #C2492E; }
ol.form li.radios label { color: #333333; font-weight:normal; }
ol.form li.radios .checkBoxRadioList label { color: #333333; font-weight:normal; width: 155px; }
fieldset tr.error td { color: #C2492E; }
ol.form li span.checkBoxRadioList input { width:auto; }
ol.search-item li ul.more li.remove-shortlist { background: url(/images/ico-min.png) no-repeat left 2px; left: 0 }
div.secondary-content .profile-pic { border-bottom:1px solid #DBDED5; border-right:1px solid #DBDED5; border-left:1px solid #DBDED5; padding:4px; }
div.secondary-content .profile-pic img { display: block; }
ol.form li button { font-size: .9em; }
ol.form li.asset button { float:left; margin-right:3px; }
ol.form li.asset span.max { margin-top: 2px; float:left; margin-right:3px; }
ol.form li.asset input.file { width: auto; }
ol.form li.asset ul {
	margin-left: 115px;
	clear: left;
	}
ol.form li.asset li {
	float: left;
	width: 106px;
	/*height: 80px;*/
	margin: 8px 8px 8px 0;
	border: 0 none;
	}
ol.form li.asset li .thumb, ol.form li.asset li .profileImg {
	border: #cccccc 1px solid;
	padding: 4px;
	margin-bottom: 4px;
	}
ol.form li.asset li .overflower {
	overflow: hidden;
	display: block;
	}	
ol.form li.asset li a.doc img {
	width: 43px;
	height: 35px;
	}
ol.form li.asset li a.doc {
	border: 0 none;
	display: block;
	padding: 15px 0 0 24px;
	}
ol.form li.asset li.logo {
	width: 221px;
	}
ol.form li.asset li .thumb .overflower {
	height: 70px;
	width: 96px;
	}
ol.form li.asset li .profileImg .overflower {
	width: 211px;
	}
ol.form li.asset li .profileImg .overflower img {
	display: block;
	}
ol.form li.asset li a.thickbox {
	text-decoration: none;
	border: 0 none;
	}
ol.form li.asset li a:hover {
	border: 0 none;
	}
ol.form li.asset li .titleLabel {
	display: block;
	width: 106px;
	}
ol.form li.asset li .titleBox {
	width: 102px;
	padding: 2px;
	margin: 3px 0;
	}
ol.form li span.help {
	display: block;
	clear: left;
	padding-top: 6px;
	}
.manageListing ol.search-item li div.item-detail {
	padding: 6px 8px 8px;
	}
.manageListing ol.search-item li div.item-detail .item-content {
	float: left;
	margin-left: 6px;
	position: relative;
	width: 315px;
	}	

ol.form li textarea { padding: 3px 5px 2px; float: left; }
ol.form li textarea { border: 0; border-bottom: 1px solid #ddd; border-right: 1px solid #c3c3c3; background: #fff url(../images/bg-input.png) no-repeat; color: #666; font-size: .9em; }
ol.form li.error textarea { background: #ffe6e6 url(../images/bg-input.png) no-repeat -500px 0; }
ol.form li span.webaddress { 
	margin-right: 2px;
	width: auto; 
	font-weight: bold;
	}
ol.form li span.phone { 
	margin-left: 115px;
	width: auto; 
	display: block;
	}
ol.form li.error span.checkBoxRadioList label {
	font-weight: normal;
	color: #333333;
	}
.find-stock-gender{display:inline;float:left;margin-bottom:0.7em;width:165px;}
.utility div.user-nav ul li dt a { 
	clear:both;
	background: none;
	font-size: 1em;
	color:#636363;
	float:left;
	font-weight:bold;
	padding:0 0 5px 0;
	width:90px; 
	}
ol.form li button.submit{
	margin-left: 115px;
	}
	
ol.form li.datetime label	{margin-top:5px;}
ol.form li label.req { background: transparent url(/images/icon_mandatory.jpg) no-repeat 100px 5px }
ol.form li.datetime input {width: 60px; }
ol.form li.datetime select  {width: 60px; margin-left:10px;}
ol.form li.datetime a {border-bottom:none;}
ol.form li.datetime a img {float: left;}
ol.form li.datetime input {margin-top:1px;}
body.signup table.calendarWrapper td { padding: 2px; }

.downloads { 
	padding: 4px 0;
	}
.downloads li { 
	padding: 6px 0;
	border-bottom: 1px solid #BFCDAB;
	}
.downloads li img { 
	padding-right: 3px;
	}
.downloads li a { 
	background-attachment: scroll;
	background-color: transparent;
	background-position: 5px 6px;
	background-repeat: no-repeat;
	padding: 6px 12px 6px 26px;
	text-decoration: underline;
	}
.downloads li a:hover { 
	text-decoration: none;
	}

.gallery .img .overflower, .search-item .img .overflower {
	width: 96px;
	height: 70px;
	min-height: 70px;
	overflow: hidden;	
	display: block;
	}
.search-item .item-detail .img {
	position: relative;
	}
.search-item .item-detail .img .sold {
	position: absolute; left: 0; top: 0
	}
.gallery .large .img .overflower {
	width: 211px;
	height: 156px;
	min-height: 156px;
	overflow: hidden;
	display: block;
	}
	
.gallery .large .img {
	height: 156px;
	}

.gallery li { float: left; margin: 0 1px 1px 3px; }
.gallery li.large { float: none; margin: 0 0 10px 0; position: relative; }
.gallery li.large img.sold { position: absolute; left: 0; top: 0; }
.gallery li.large div.img { border: 1px solid #DBDED5; }
.gallery div.img { display: block; padding: 4px;  background: #FFFFFF; border: 1px solid #DBDED5;}
.gallery div.img img { display: block; }


ol.form li span.radio2ColList {
	display: block;
	float: left;
	width: 220px;
	}

ol.form li span.radio2ColList label {
	width: 70px;
	padding-bottom: 3px;
	}
ol.form li span.radio2ColList div label {
	width: 170px;
	padding-bottom: 3px;
	}
ol.form li span.radio2ColList input {
	margin: 4px 2px 4px 0;
	}
.agentsListByRegion { 
	padding: 4px 0;
	}
.agentsListByRegion li { 
	padding: 3px 0;
	}
	
.find-stock-date,
.find-stock-year{display:inline;float:left;margin-bottom:0.7em;width:165px;}

.landing-learn .content-columns .column1 .list {
	font-weight: bold;
	margin-left: 2px;
	}
.landing-learn .content-columns .column1 strong {
	font-size: 1.4em;
	color: #678F3D;
	}


#content .summary .total {
	margin-top: 10px;
	font-size: 1.6em;
	font-weight: bold; 
	padding: 4px 0;
	}
#content .summary .total div {
	color: #333333;
	width: 100%;
	clear: both;
	}
#content .summary div {
	padding-bottom: 8px;
	margin-bottom: 20px;
	}
#content .summary .discount {
	font-weight: bold;
	}
#content .summary div .item {
	float: left;
	}
#content .summary .total span.amount {
	width: 140px;
	float: right;
	}
#content .summary div span.amount {
	width: 100px;
	display: block;
	margin-right: 15px;
	float: right;
	text-align: right;
	}
	
.createAdLikeThis {
	display: block;
	margin-top: 10px;
	}
	
.search .empty {
	padding: 1em 0;
	}
	.search .empty .green {
		color: #678F3D;
		font-size: 1.2em;
		}
		
.links-profile-listing {
	
	}
	.links-profile-listing .breeds li {
		margin-top: 4px;
		margin-bottom: 8px;
		}
		.links-profile-listing .states li {
			margin-top: 4px;
			}
			.links-profile-listing .profilesListing li {
				margin-top: 4px;
				}

.bottom.quickLinks {
    padding-bottom:20px;
    }
.quickLinks .qtitle{
        clear:left;
        font-weight:bold;
        font-size:1.1em;
        padding-bottom:10px;
        }
.quickLinks .listItem{
    float:left;
    width:180px;
    }
	.quickLinks .listItem a{color:#A4B56E}
.quickLinks .indent{
        margin-left:182px;
        }
#footer div.footer-nav {
	float:none;
	padding-top:8px;
	margin-left:182px;
	}