body
{
	height: 100%;
	background: #FFF;
	line-height: 1.1em;
	color: #333;
	font: small Verdana, Geneva, Arial, Helvetica, sans-serif!important;
	font /*IE5-5.5 Hack*/: x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left; /* center template 1/2 */
}

.sponsored_listing_item
{
}


.AdPicturesSmall
{
	border: 4px solid #FFF;
}

.AdPicturesSmallHL
{
	border :solid 4px yellow;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Global Whitespace Reset"
	We define padding and margin for all elements and
	we scale it from there if we need to.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
body, form {	
	padding: 0px;
	margin: 0px;
	text-align: left;
}
input {padding: 0px;
	margin: 0px;}
	
h1, h2, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
	margin: 5px 0;
	text-align: justify;
}
dd, blockquote {
	margin-left: 40px;
}
fieldset {
	padding: 10px;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Global Hyperlink Control"
	We keep the underline since users have gotten used
	to that line defining a hyperlink and we just change 
	the mouseover color.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
a:link, a:visited
{
    font-family: 'Trebuchet MS' , Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: medium;
    color: #06c;
    
}
a:hover {
	color: #B70D83;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Heading Settings"
	We define font size and color mostly among some 
	other more specific things.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
h1, h2, h3 {
	color: #036;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 18px;
	/*position: relative;*/
}
h2 {
	font-size: 15px;
}
h4
{
	color: #036;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-align :center;
}
.minWidth
{
	
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Global Image Control"
	We remove the border from all images and we scale it
	from there if we need to.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
img {
	border: 0;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	*** Layers Time ***
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Top Section of Page"
	Contains Logo.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#top {
	width: 100%;
	text-align: center; /* center tabbed menu 1/2 */
	margin: 0 auto; /* center template 2/2 */
	height: 140px; /*  */
}



#main {
	PADDING-RIGHT: 0px; 
	MIN-WIDTH: 770px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN:  0px 5px 0px 0px; 
	WIDTH: auto; 
	PADDING-TOP: 0px; 
	BORDER-COLLAPSE: collapse
}
#main TABLE {
	BORDER-COLLAPSE: separate
}
#main > TBODY > TR > TD {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	VERTICAL-ALIGN: top; 
	PADDING-TOP: 0px
}
#mainContent {
	PADDING-RIGHT: 0px! important; 
	PADDING-LEFT: 15px! important; 
	PADDING-BOTTOM: 0px! important; 
	VERTICAL-ALIGN: top; 
	WIDTH: 99%; 
	PADDING-TOP: 0px! important; 
	TEXT-ALIGN: left
}
* HTML #mainContent {
	PADDING-TOP: 5px! important
}


#tagline {
	clear: both;
	font: bold italic 86% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #036;
	margin: 0;	
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Columns"
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Left Column
	"sidemenu" div is included in here.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#left {
	width: 186px;
	float: left;
	background: #FFF ;
	border-left: 0;
	white-space: nowrap;
	margin: 0;
	color: #555;
	font-size: 11px;
	text-align: left;
	line-height: 14px;
	PADDING-TOP: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	VERTICAL-ALIGN: top; 
	
	 /*height: 100%; Height Hack 3/3 */
}
#lc 
{
	PADDING-TOP: 0px;
	padding: 10px;
}
#lc p {
	padding: 0 0 10px 2px;
}


p#userNavBottom a 
{
    text-decoration:none;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Center Column
	Where the main content goes...
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#center {
	width: 460px;
	height: auto;
	float: left;
	background: #fff;
	color: #666;
	line-height: 16px;
	letter-spacing: 1px;
	text-align: left;
}
#cc {
	padding: 10px;
	
}
#center p {
	padding: 0 0 10px 10px;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Right Column
	Good for headlines, ads and so on...
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#right {
	width: 150px;
	float: right;
	background: #FFF;
	line-height: 14px;
	color: #444;
	font-size: 11px;
	text-align: left;
	height: 100%; /* Height Hack 3/3 */
}
#rc {
	padding: 10px;
}
#rc p {
	padding: 0 0 10px 2px;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Footer"
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#footer a:link, #footer a:visited {
	color: #424242;
	font-weight: bold;
	font-size: 11px;
	padding-left:5px;
}
#footer a:hover {
	color: #1f5791!important;
	font-weight: bold!important;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Footer Menu"
	This could be a nice place to fill with useful 
	shortcuts of pages within your site so they'd be
	easily accessible.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#footmenu a:link, #footmenu a:visited {
	color: #E3EDF4;
}
#footmenu a:hover {
	color: #fff!important;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Miscellaneous Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.clear {
	clear: both;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Forms Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
fieldset {
	margin: 1em 0;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
legend {
	margin: 1em 0;
	padding: 0;
	color: #069;
	font-size: 1.0em;
	font-weight: bold;
}
label {
	width: 100%;
	padding: 0;
	text-align: left;
	/*float: left;*/
	height: 10px;
}
fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}

fieldset div input, fieldset div textarea {

	padding: 1px;
	color: #333;
	background-color: #FFF;

}
fieldset div select {
	padding: 1px;
}
div.fm-multi div {
	margin: 5px 0;
}
div.fm-multi input {
	width: 1em;
	
}
div.fm-multi label {
	display: block;
	width: 100%;
	padding-left: 5em;
	text-align: left;
}
#fm-submit {
	clear: both;
	padding-top: 1em;
	text-align: center;
}
#fm-submit input {
	border: 1px solid #333;
	padding: 2px 1em;
	background: #FFF;
	color: #fff;
	font-size: 100%;
}
input:focus, textarea:focus {
	background: #FFF;
	color: #000;
}



SPAN#nw {
	FONT-SIZE: 1.2em; WHITE-SPACE: nowrap
}


DIV#snbl {
	FLOAT: left
}

DIV#snbr {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 140px! important; COLOR: #9f5c0f; PADDING-TOP: 0px; HEIGHT: 41px; TEXT-DECORATION: none
}


.login_box input.text
{
	width: 100px;
}
.small_text
{
	font-size: 10px;
	color: #666666;
	font-weight: normal;
}

.AtoZ
{
	width:20px;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	word-spacing: 0px;
	letter-spacing: normal;
}
.AtoZAll
{
	width:30px;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	word-spacing: 0px;
	letter-spacing: normal;
}

.AtoZButtonRow
{
	font-size:1px;
}
.BreedInfoEdit

{width:100%
}
.BreedInfoEditImg
{
	border: 1px solid #000;
	width: 80px;
	height: 80px;
	clear: both;
	bottom: 5px;
	margin-bottom: 5px;
}
.BreedInfoEditLabel
{
	padding-top:4px;
	vertical-align:top ;
}
.BreedInfoEdit td
{
	
	vertical-align:top ;
}

.SliderLabelTable
{ width:240px;}
.SliderLabel
{
	font-size:9px;
	color:#aaa;
	text-align:center;
	width:14%;
}
.hide{display:none;}
.hideSlider{display:none;width:200px;height:20px;}
	
.ModalFade
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.allclear
{
	background-color:White;
	border-style:none;
}
.BreedListContainer
{
	border-style: double;
	margin: 6px;
	padding: 6px;
	background-color: White;
}
.UpdatingProgressPanel
{
	width:200px;
	height:20px;
	
	
}
.invis
{
	display:none;position:absolute;left:0px;top:0px;
}

.CategoryCount
{
	color:#888;
}

.CurrentCategory
{
	font-weight:bold;
	font-size:large;
	color:#000 ;
}
.CategoryContainer
{
	text-align:left;
}
.main
{
	margin:0 10px 30px 10px;
	
}
.SearchResultsRow
{
	
	background-color: #f8f8f8;
}
.SearchResultsAlt
{
	
	background-color:#fff;

}
.SearchResultsRowF
{
	background-color: #FFD;
	
}
.SearchResultsAltF
{
	background-color: #FFC;
	
}
.ExpiringSoon
{
	color: #FF8000;
}
.SearchRowAdTitle
{
	font-weight:bold;
	
}

.SearchResultsTitle a
{
	color:#333;
	font-size:small;
}
.SearchPanel
{
	text-align:left;
}

.AccountCreated
{
	text-align:center;
	color:Red;
	font-size: small ;
	font-weight:bold;
}

.UserInfoContainer
{
	
}

.BreedInfoAnimalLabels
{
	font-size:medium;
}

.BreedInfoPopupContainer
{

}
.BreedInfoPopupForm
{
	text-align:left;
	
}
#BreedInfoPopupOuter
{
	border-style: outset;
	border-color: #FF9900;
	margin: 10px;
	width: 720px;
	height: 425px;
	background-color:#fff;
}
#BreedInfoPopupInner
{
	
}
.BreedInfoPopupTitle
{
	font-size: 16px;
	color: #FD7E00;
	font-weight: bold;
	text-align: center;
	float: none;
}
.BreedInfoPopupClose
{
	border: 1px solid #000;
	position: absolute;
	z-index: 200;
	left:693px;
}
.BreedInfoPopupBrief
{
	height:150px;
	
}
#BreedInfoPopupImage
{
	width:80px;
	height:80px;
	margin-right:10px;
}
#BreedInfoPopupNav
{
	vertical-align: super;
	font-size: 10px;
	display: block;
	white-space: nowrap;
	color: #3333CC;
}
.BreedInfoPopupBrief
{
	
}
#BreedInfoPopupRatings
{
	text-align:left;
	font-size: 10px;
	width:440px;
	height: 150px;font-size: 9px;
	
}
.BreedInfoPopupFull
{
	width:710px;
	height:225px;
}
.BreedInfoPopupDesc
{
	width: 100%;
	height: 175px;
	overflow: auto;
	clip:auto;
}

.recommended_img
{
	height: 66px;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.sponsored_link_item
{
	max-width:300px;
}
.sponsored_link_heading
{
	color:#aaa;
}
.sponsored_link_blurb
{
	padding: 5px;
	float: none;
}
.sponsored_link_img_o
{
	vertical-align: top;
}
.sponsored_link_img
{
	float:left;
	vertical-align:middle;
	padding-right:5px;
}
	
.col_heading
{
	vertical-align:top;
	width:100px;
	font-weight:bold;
}
.col_detail
{
	vertical-align:top;
}
.col_pictures
{
	text-align:right;
}
.col_description
{
}
.col_link a
{
	font-size:14px;
}
.link-exchange-code 
{ 
	width:517px;
    height: 136px;
}

.main fieldset 
{ 
	border:1px solid #B70D83; 
	margin-bottom:1em; 
	margin-top:1em; 
	padding:10px 10px 10px 10px; 
	padding-top:0px; /* hide from IE \*/ 
	padding-top:15px; /* */ 
}
.main legend 
{ 
	text-transform:uppercase; 
	font-weight:bold; 
	color:#06c; 
	}
	
/* Recommended Products Styles */
.SelectRecommendPopup
{
	text-align: left;
	background-color: #CCFF99;
	border: solid 2px #000;
	font-size: 13px;width: 600px;
	height: 400px;
	
}

.SelectRecommendPopupInner
{
	margin: 15px;
}
.SelectRecommendPopupList H1
{
	font-weight:bold;
	font-size:20px;
	text-align:center;
	
}
.SelectRecommendPopupList H2
{
	font-weight:bold;
	font-size:16px;
	color:#000;
	margin-left:30px;
}


.SelectRecommendPopupList
{
	border: 1px inset #008000;
	padding: 15px;
	background-color: #FFFFFF;
	width: 540px;
	height: 275px;
	overflow: auto;
	clip:auto;
}

/* DragBar for the top of popup windows to allow closing and dragging */
.DragBar
{
	width: 100%;
	background-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #808080;
	text-align: right;
}
.DragBarClose
{
}
.PostAdDetailsLabels
{
	text-align:left;
	float:left;
}
.PostAdDetailsLabels label
{
	width: 120px;
	text-indent: 0px;
	float: left;
	font-weight: bold;
	text-align: left;
	line-height: normal;
	vertical-align: super;
}

.recommended_heading
{
	font-weight:bold;
}