/*
	--------------------------
	Common Page Styles
	--------------------------
*/

/*  Custom Classes
--------------------------  */

/* contain */
.contain:after	{ content: ""; display: block; clear: both; visibility: hidden; height: 0px; }
.contain		{ display: inline-block; }

/* hidden */
.hidden	{ display: none; }

/* clear */
.clear	{ clear: both; }

/*  Typography 
--------------------------  */

body 		{ font-family: arial, sans-serif; color: #4e2e1d; font-size: 1em; line-height: 1.1em; margin: 0px; padding: 10px 1.85em; }

h1 			{ font-family: georgia, serif; font-size: 1.2em; color: #e8541c; margin: 0.25em 0px 1em 0px; font-weight: normal; }
h2 			{ font-family: georgia, serif; font-size: 1.2em; color: #e8541c; margin: 0.25em 0px 0px 0px; font-weight: normal; }
h3 			{ font-family: georgia, serif; font-size: 1em; margin-bottom: 0px; }
h4, h5, h6, h7	{ font-family: georgia, serif; font-size: 0.75em; margin-bottom: 0px; }

p,td,dt,dd,label,legend,code	{ font-size: 0.8em; }
li	{ font-size: 0.8em; }
li li	{ font-size: 1em; }
li code	{ font-size: 1em; }

p	{ margin: 0px 0px 1.5em 0px; }
a 			{ text-decoration: none; color: #cea369; }
a:hover		{ text-decoration: none; color: #e8541c; }

a.image     { border-bottom: 0px; }
a.image:hover     { border-bottom: 0px; }

h1 a    { font-family: arial, helvetica; float: right; font-size: 0.6em; text-decoration: none; font-weight: normal; text-transform: uppercase; }
h1 a:hover    { text-decoration: underline; }

a img		{ border: 0px; }

blockquote	{ margin: 0px; padding: 0px; }
blockquote p	{ padding: 0px; }

input, select, textarea		{ font-family: arial, helvetica; font-size: 0.7em; color: #6d6d6f; }

/* General */
.right	{ float: right; }
.centre { text-align: center; }
.full   { width: 100%; }

.brown  { color: #4e2e1d; }
.sand  { color: #cea369; }
.orange { color: #e8541c; }
.yellow { color: #f6a800; }
.lightsand  { color: #d5ae77; }
.verylightsand  { color: #f8f1e7; }
.tabbrown { color: #886f63; }

/*  Template 
--------------------------  */

div#outer	{ width: 59.2em; text-align: left; padding: 0px; margin: 0px auto; position: relative; }

div#inner    { }

div#header	{ padding: 1em 1em 1em 1em; margin-bottom: 0.5em; width: 57.2em; border: solid 1px #d5ae77; float: left; background-color: #fff; }
div#header img	{ margin: 0px; padding: 0px; border: 0px; float: left; width: 14.8em;  }

div#banner  { width: 59.3em; position: relative; float: left; background-color: #fff; position: relative; }

div#bannerinner { margin: 0px 0px 0.5em 0px; width: 59.3em; height: 15.75em; position: relative; overflow: hidden; }
div#banner img { float: left; width: 39.65em; }
div#banner img.full { float: left; width: 59.15em; border: solid 1px #d5ae77; }

div#banner div#bannersignin { width: 15em; padding: 1em; position: absolute; top: 0.5em; right: 0px; bottom: 0.5em; background-color: #4e2e1d; }
div#banner div#bannersignin div#signinform label  { color: #fff; }
div#banner div#bannersignin div#passwordform label  { color: #fff; }
div#banner div#bannersignin a   { border-bottom: 0px; margin-top: 0.5em; }
div#banner div#bannersignin img { width: auto; }

div#banner img.offer    { width: 1.62em; height: auto; position: absolute; left: -1.85em; }

div#homemember  { background: #4e2e1d url(/_resources/files/banners/special-feature-header.gif) no-repeat; width: 180em; height: 13.75em; padding: 1em 0px 1em 1em; position: relative; }
div#homemember.showcase  { background: #4e2e1d url(/_resources/files/banners/sniffa-showcase-header.gif) no-repeat; width: 180em; height: 13.75em; padding: 1em 0px 1em 1em; position: relative; }
div#homemember div.text  { float: left; font-size: 0.75em; width: 585px; margin: 95px 25px 0px 40px; }
div#homemember div.text a    { color: #e8541c; border-bottom: dotted 1px #e8541c; }
div#homemember div.text a:hover    { border-bottom: solid 1px #e8541c; }
div#homemember div.video  { float: left; border: solid 4px #e8541c; }

/*  Ads 
--------------------------  */

div#header img.adsstd   { float: right; margin: 0px; width: 29.25em; }
div#banner img.adsmpu   { float: right; margin-left: 0.6em; width: 18.75em; }
div#outer img.adssky   { position: absolute; top: 0px; left: 59.75em; width: 7.5em; }
div#outer img.adswidesky   { position: absolute; top: 0px; left: 59.75em; width: 10em; }
div#outer img.adswideskyb   { position: absolute; top: 37.9em; left: 59.75em; width: 10em; }

/* Search Area
--------------------------  */

div#header fieldset     { border: 0px; float: right; margin: -0.5em; padding: 0px; }
div#header fieldset legend   { display: none; }
div#header fieldset ul  { float: left; list-style-type: none; width: 32.15em; padding: 0.5em 0.5em 0px 0px; margin: 0px; background-color: #f8f1e7; }
div#header fieldset ul li   { float: left; vertical-align: middle; margin: 0px 0px 0.5em 0.5em; font-size: 1em; border: solid 1px #4e2e1d; }

div#header fieldset ul li.signup    { width: 36.5em; text-align: right; float: right; margin: -0.25em 0.75em 0.15em 0px; font-size: 0.85em; border: 0px; }
div#header fieldset ul li.signup a  { color: #e8541c; }
div#header fieldset ul li.signup a span  { color: #4e2e1d; }
div#header fieldset ul li.signup a:hover    { text-decoration: underline; }
div#header fieldset ul li.signup a:hover span  { text-decoration: underline; }

div#header fieldset ul li.signin   { width: 10em; padding: 0.07em 0px; background: #cea369 url(/_resources/files/search/sign-in.gif) no-repeat center center; position: relative; z-index: 1; }
div#header fieldset ul li.signin a { display: block; padding: 0.5em; width: 10em; text-indent: -1000em; color: #000; overflow: hidden; }
div#header fieldset ul li.signin:hover { background: #e8541c url(/_resources/files/search/sign-in-over.gif) no-repeat center center; }

div#header fieldset ul li.signin div#signinpopup    { width: 25em; margin-top: -0.2em; position: absolute; z-index: 99; right: -1px; text-align: right; }
div#header fieldset ul li.signin div#signinpopup img    { width: auto; float: none; margin: 0.25em 4em -1px 0px; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin   { text-align: left; padding: 1em 1em 0px 1em; background-color: #4e2e1d; border: solid 1px #4e2e1d; filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; color: #fff; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform  { margin-bottom: 1em; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform p    { color: #fff; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform label	{ display: block; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform input	{ width: 95%; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform input#signinbutton, div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform input#passwordbutton	{ width: 96.5%; margin-top: 5px; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform a    { font-size: 0.7em; display: block; padding: 0.5em 0px 0.5em 0px; color: #cea369; text-indent: 0px; width: 25em; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform p a    { font-size: 1em; display: inline; padding: 0px; color: #cea369; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div#signinmessage p   { margin-bottom: 0px; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform input#cbxRemember  { width: auto; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform label#lblRemember  { width: auto; display: inline; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform img#siajaxloader   { float: right; margin-right: 0.75em; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform a.close    { float: right; color: #fff; text-indent: 0px; padding: 0px; margin: 0px; text-align: right; width: auto; display: inline; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform a.close img    { margin-right: 1em; }

div#header fieldset ul li.signout   { width: 10em; padding: 0.07em 0px; background: #cea369 url(/_resources/files/search/sign-out.gif) no-repeat center center; position: relative }
div#header fieldset ul li.signout a { display: block; width: 10em; padding: 0.5em; text-indent: -1000em; color: #000; overflow: hidden; }
div#header fieldset ul li.signout:hover { background: #e8541c url(/_resources/files/search/sign-out-over.gif) no-repeat center center; }

div#header fieldset ul li.myaccount   { width: 10em; padding: 0.07em 0px; background: #cea369 url(/_resources/files/search/my-account.gif) no-repeat center center; }
div#header fieldset ul li.myaccount a { display: block; width: 10em; padding: 0.5em; text-indent: -1000em; color: #000; overflow: hidden; }
div#header fieldset ul li.myaccount:hover { background: #e8541c url(/_resources/files/search/my-account-over.gif) no-repeat center center; }

div#header fieldset ul li.sniffasearch   { width: 20.8em; padding: 0px; background-color: #fff; position: relative; z-index: 1; }
div#header fieldset ul li.sniffasearch form { margin: 0px; padding: 0px; }
div#header fieldset ul li.sniffasearch div#searchoptions    { width: 20.8em; background-color: #fff; border: solid 1px #cea369; border-top: 0px; margin-top: 0.2em; position: absolute; z-index: 99; top: 2em; left: -1px; }
div#header fieldset ul li.sniffasearch div#searchoptions h2 { font-family: arial, sans-serif; font-size: 0.75em; border-bottom: solid 1px #cea369; margin: 0.25em 0.5em 0px 0.5em; color: #cea369; }
div#header fieldset ul li.sniffasearch div#searchoptions ul    { width: auto; background-color: #fff; }
div#header fieldset ul li.sniffasearch div#searchoptions ul li    { float: none; font-size: 0.75em; padding: 0px; border: 0px; width: auto; background-color: #fff; color: #cea369; }
div#header fieldset ul li.sniffasearch div#searchoptions ul li label    { color: #cea369; display: inline; }
div#header fieldset ul li.sniffasearch div#searchoptions ul li input    { padding: 0px; vertical-align: middle; margin-right: 0.25em; }

div#header fieldset ul li.sniffasearch div#searchoptions a.close    { color: #4e2e1d; text-indent: 0px; padding: 0px; text-align: right; display: block; clear: left; font-size: 0.75em; border-top: solid 1px #cea369; margin: 0.25em 0.5em 0px 0.5em; color: #cea369}

div#header fieldset ul li.sniffaround   { width: 19.9em; padding: 0.15em 0.45em; background: #cea369 url(/_resources/files/search/sniff-around.gif) no-repeat center left; text-align: left; }
div#header fieldset ul li.sniffaround a { display: block; }
div#header fieldset ul li.sniffaround a span { display: block; width: 14em; font-size: 0.85em; line-height: 1.2em; }
div#header fieldset ul li.sniffaround:hover { background: #e8541c url(/_resources/files/search/sniff-around-over.gif) no-repeat center left; }

div#header fieldset ul li img   { width: 11.05em; }

div#header fieldset ul li.sniffasearch label   { display: none; }
div#header fieldset ul li.sniffasearch input   { font-size: 0.9em; border: 0px; margin: 0px; padding: 0.55em; }
div#header fieldset ul li.sniffasearch input#SniffaSearch   { width: 17.7em; vertical-align: top; }
div#header fieldset ul li.sniffasearch input#btnSniffaSearch   { margin: 0px; padding: 0px; float: right; width: 4.3em; height: 2.35em; background: #c5b9b4 url(/_resources/files/search/button-background.gif) repeat-x bottom; color: #fff; }

div#header fieldset ul li.sniffasearch input#btnSniffaSearch:active   { background: #ff9966 url(/_resources/files/search/button-background-active.gif) repeat-x bottom; }

div#header fieldset a   { font-size: 0.9em; color: #fff; }
div#header fieldset a:hover   { }

div#header fieldset a.signout   { display: inline; background: none; padding: 0px; border: 0px; color: #dab179; font-size: 0.75em; margin-right: 2.75em; }
div#header fieldset a.signout:hover { color: #e8541c; }

/*  Main Links 
--------------------------  */

div#mainlinks		{ margin: 0px 0px 0.5em 0px; line-height: 1.4em; width: 59.33em; } /* background: #e1c6a0 url(/_resources/files/template/gradients/sand.gif) repeat-x bottom; */

div#mainlinks ul	{ font-family: arial, helvetica, sans-serif; list-style-type: none; margin: 0px; padding: 0px; width: 59.33em; background-color: #d5ae77; }
div#mainlinks ul li	{ float: left; }
div#mainlinks ul li a	{ display: block; padding: 4px 1.25em 6px 0.75em; color: #4e2e1d; text-decoration: none; border-right: solid 1px #fff; }

/*
div#mainlinks ul li.last	{ float: right; }
div#mainlinks ul li.last a	{ border: 0px; border-left: solid 1px #fff; }
*/
div#mainlinks ul li:hover	{ background-color: #e8541c; } /* background: #a68f84 url(/_resources/files/template/gradients/brown.gif) repeat-x bottom; */
div#mainlinks ul li:hover a	{ color: #fff; }

div#mainlinks ul li.current	{ background-color: #e8541c; }
div#mainlinks ul li.current a	{ color: #fff; }

div#mainlinks ul li a.new	{ position: relative; padding-right: 2.25em; }
div#mainlinks ul li a.new img	{  position: absolute; top: -0.5em; }

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

div#body    { padding: 0px; width: 59.25em; position: relative; float: left; }

div#body div#separator   { background: #fff url(/_resources/files/backgrounds/light-brown.gif) repeat-y 41.25em; float: left; }

div#body a 			{ border-bottom: dotted 1px #cea369; }
div#body a:hover		{ border-bottom: solid 1px #e8541c; }
div#body a.image 		{ border-bottom: 0px; }
div#body a.image:hover 		{ border-bottom: 0px; }

div#maincontent { float: left; width: 39.75em; margin: 0px 0.75em 0px 0px; }
div#fullcontent { width: 100%; }

div#maincontent h1  { background-color: #cea369; color: #4e2e1d; padding: 0.35em 0.5em; font-size: 1em; margin: 0px 0px 0.5em 0px; }

div.smallform   { width: 14.9em; }

div.columnleft  { width: 19.5em; margin-right: 1em; float: left; }
div.columnright  { width: 19.5em; float: left; clear: right; }

div#sidebar { float: left; width: 18.75em; margin: 0px; }

div#sidebar a.signup img    { width: 18.75em; }

div#sidebar a   { border: 0px; }

div#sidebar a.ads   { border: 0px; }
div#sidebar a.ads img   { margin-bottom: 1em; }

div#sidebar a.signup    { border: 0px; }

ul#sidelinks    { list-style-type: none; padding: 0px; margin: 0px 0px 1em 0px; text-align: center; float: left; }
ul#sidelinks li { text-align: center; float: left; margin: 0.2em; padding: 0px; }
ul#sidelinks li a { border-bottom: 0px; float: left; }
div#body ul#sidelinks li a 		{ border-bottom: 0px; }
div#body ul#sidelinks li a:hover 		{ border-bottom: 0px; }
div#body ul.news li a 		{ border-bottom: dotted 1px #cea369; }
div#body ul.news li a:hover 		{ border-bottom: solid 1px #e8541c; }

a.social img    { margin-bottom: 1em; }
div#body div#sidebar a.social    { border: 0px; }


div#signin label  { display: block; }
div#signin input  { width: 20.75em; }
div#signin input#siSignin   { width: auto; float: right; margin-top: 0.5em; }

/* Breeds */
/*div.breedgroup	{ float: left; width: 50%; }*/
div.breedgroup	{ border: solid 1px #e8541c; margin-bottom: 1em; padding: 0px; width: 39.65em; float: left; }
div.breedgroup ul	{ list-style-type: none; margin: 1em; padding: 0px; }

div.breedgroup ul.ads { width: 300px; float: right; margin-top: 0px; }
div.breedgroup ul.ads li { margin-bottom: 2.5em; }
div#body div.breedgroup ul.ads li a { border-bottom: 0px; }

p.groupdescription    { padding: 1em; }

div#yourlink    { width: 11em; float: right; font-size: 0.85em; color: #666; padding: 1em; margin: 0px 0px 1em 1em; border: solid 1px #ccc; }

/* Sniffa Tabs */

ul.sniffatabs   { list-style-type: none; margin: 0px; padding: 0px; width: 40em; }
ul.sniffatabs li { display: inline; background-color: #886f63; margin: 0px 1px 0px 0px; }
ul.sniffatabs li a  { color: #fff; padding: 0.35em 1.25em 0.35em 0.75em; display: inline-block; background-color: #886f63; margin: 0px; text-decoration: none; font-size: 1em; }

ul.sniffatabs li:hover  { background-color: #e8541c; }
ul.sniffatabs li:hover a  { background-color: #e8541c; margin: 0px; }

ul.sniffatabs li.selected { background-color: #e8541c; }
ul.sniffatabs li.selected a  { background-color: #e8541c; margin: 0px; }

div#body ul.sniffatabs li a { color: #fff; border: 0px; }

/* adobe */

div#maincontent p.adobe a   { border: 0px; font-size: 0.85em; }

/* Breadcrumb Trail */
div.breadcrumb  { font-size: 0.65em; margin: 0.5em 0px; }

/*
	Greyout Panes
*/
div#greyoutcontent, div.greyout, div.greyoutscreen	{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: 0px; padding: 0px; z-index: 50; background-color: #fff; text-align: center; }
div.greyout img    { width: auto; height: auto; top: 50%; margin: -15px auto 0px auto; position: relative; }

div#greyoutcontent, div.greyoutscreen	{ position: fixed; }

/*  Footer 
--------------------------  */

div#footer		{ margin: 1em 0px 0px 0px; background-color: #ebdac3; width: 59.33em; border: 0px; padding: 0px; float: left; }
div#footer h2   { overflow: hidden; color: #4e2e1d; font-size: 0.9em; margin: 0px; padding: 1em 1.5em 0.5em 1.5em; } /* text-indent: -1000em;  background: #886f63 url(/_resources/files/template/sitemap.gif) no-repeat; height: 60px; */
div#footer h2 span  { float: right; font-size: 0.85em; } /* text-indent: -0px; margin-top: 20px; */

div#footer div  { float: left; }

div#footer ul    { list-style-type: none; margin: 0px 3em 1em 1.25em; padding: 0px; }
div#footer ul li h3    { font-family: arial, sans-serif; color: #e8541c; margin: 1em 0px 0px 0px; font-weight: normal; font-size: 0.9em; }
div#footer ul li a    { color: #4e2e1d; font-size: 0.85em; border-color: #4e2e1d; }
div#footer ul li a:hover    { color: #e8541c; text-decoration: none; border-color: #e8541c; }

div#footer div.copyright  { background-color: #cea369; color: #fff; clear: left; font-size: 0.7em; float: none; padding: 0.5em 1.5em 0.5em 1.5em; }
div#footer div.copyright a  { float: right; }