/* ---------------------------------------------- */
/* ---------- styles for grey abbey ------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------- CSS RESET ------------------- */
/* ---------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfot, thead, tr, th, td {
	
	margin: 0;
	padding:  0;
	border:  0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

ol, ul {
	
	list-style: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	
	content: "";
}

blockquote, q {
	
	quotes:  "" "";
}

/* ---------------------------------------------- */
/* ------------------ BODY ---------------------- */
/* ---------------------------------------------- */

body {	
	margin:  0;	
	padding:  0;
	font: 12px/130% "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;;
	color: #333333;
	background: #fff;
}

/* ---------------------------------------------- */
/* ----------------- GENERAL -------------------- */
/* ---------------------------------------------- */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

h1 {
	font-size: 12px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 18px;
}

p {
	line-height: 130%;
	margin: 10px 0 0 0;
}

p a:hover {
	text-decoration: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

label {
	display: block;
}
p a {
	
}

p a:hover {
	text-decoration: underline;
}


/* ---------------------------------------------- */
/* ----------------- CLASSES -------------------- */
/* ---------------------------------------------- */

.red {
	color: #cc0000;
}

.no-border {
	border: none !important;
}


/* ---------------------------------------------- */
/* ------------------ LAYOUT -------------------- */
/* ---------------------------------------------- */

#wrapper {
	width: 920px;
	margin: 16px auto;	
}

#top-nav {
	width: 920px;
	margin: 0 auto;
	text-align: right;
	font-variant: small-caps;
}

#top-nav ul {
	margin: 0 8px 0 0;
}

#top-nav ul li {
	display: inline;
	list-style-type: none;
	margin: 0 3px 0 3px;
	font-size: 10px;
}

#top-nav ul li a {
	color: #4d4d4d;
	text-decoration: none;
}


ul li.last {
	border-right: none !important;
}
#top {
	width: 920px;
	height: 238px;
	margin: 5px 0 0 0;
}


#top .left {
	width: 177px;
	height: 56px;
	position: relative;
	top: 166px;
	left: 20px;
}


/* ---------------------------------------------- */
/* --------------------- NAV -------------------- */
/* ---------------------------------------------- */

#top .right {
	width:  650px;
	height: 22px;
	position: relative;
	top: 196px;
	padding: 10px 0 0 0;
}

#shopb {
	width: 84px;
	height: 61px;
	float:right; 
	position: relative;
	top: -13px;
	left: 2px;
}	
	


#shopb span {
}
#nav {

float: right;
}

#top .right ul {
	float: right;
	margin: 0 -12px 0 0;
}

#top .right ul li {
	float: left;
	padding: 9px 0px 7px 0px;
	border-right: 1px solid #333;
}

#top .right ul li a {
	padding: 9px 10px 7px 10px;
	}
	
#top .right ul li a:hover {
background: url(../img/hover.png) repeat-x;
}

/* ---------------------------------------------- */
/* -------------------- MAIN -------------------- */
/* ---------------------------------------------- */

#main {
	margin: 12px 0 0 0;
}

#main .left {
	width: 183px;
}

#main #center {
	width: 563px;

	float: left;
	margin: 1px 0 0 -6px;
}

#main .right {
	width: 165px;
}



/* ---------------------------------------------- */
/* -------------------- LEFT -------------------- */
/* ---------------------------------------------- */

#main .left .left-pets {
	width: 153px;
	padding: 8px 0 0 12px;
	color: white;
	height: 22px;
}

#main .left .left-pets h1 {
	letter-spacing: 1px;
}

#main .listing {
	width: 163px;
	border-left: 1px solid #7e7e7e; /* ujednolicic te ramki, wszystkie elementy je maja wiec mozna dac jedna klase .ramki */
	border-right: 1px solid #7e7e7e;
	border-bottom: 1px solid #7e7e7e;
	margin: -4px 0 20px 0;
}

#main .listing ul#EQUINE, ul#COMPANION, ul#PETS {
	padding: 10px 0 0 0;
}

#main  .listing ul#EQUINE li, ul#COMPANION li, ul#PETS li {
	display: block;
	font-size: 14px;
	margin: 2px 0 2px;
	padding: 5px 0 5px 12px;
}

#main .listing ul#EQUINE li a, .listing a, ul#COMPANION li a, ul#PETS li a {
	color: #333;
	text-decoration: none;
}

#main .listing ul#EQUINE li:hover, ul#COMPANION li:hover, ul#PETS li:hover {
	background: #f4f4f4;
}

#main  .listing .static {
	width: 133px;
	margin: 10px auto 0px auto;
	padding: 12px 0 12px 0;
}


/* ---------------------------------------------- */
/* ------------------ SNIPPET ------------------- */
/* ---------------------------------------------- */

.snippet-t {
	width: 150px;
	height: 26px;
	background: url(../img/small-t.gif) no-repeat;
	margin: 0px ;
	padding: 7px 0 0 15px;
	color: white;
}

.pink ul, .white ul {
	list-style-type: none;
}

.pink ul li, .white ul li {
	font-size: 13px;
	border-bottom: 1px solid #333;
	padding: 10px 0 10px 0;
}

.pink ul li a, .white ul li a {
	text-decoration: none;
	color: #333;
}

/* ---------------------------------------------- */
/* ------------------- CENTER ------------------- */
/* ---------------------------------------------- */

.center {
	border: 1px solid #7e7e7e;
	padding: 20px;
}

.center h1 {
	width: 518px;
	padding: 0 0 10px 0;
	font-size: 16px !important;
}

.center .center-m .text {
	margin: 17px 0 0 0;
}

.text ul {
	margin: 0 0 0 20px;
}

.text ul li, li a{
	margin: 5px 0 5px 0;
	color: #333;
	text-decoration: none;
}

.center form {
	width: 518px;
	margin: 5px auto;
}

.center form h2 {
	background: #a2bbe1;
	height: 16px;
	color: white;
	font-size: 14px;
	padding: 4px;
	margin: 15px 0 10px 0;
}

.center form label {
	float: left;
	width: 90px;
	font-size: 11px;
}

.center form .left {
	width: 256px !important;
}

.center form .right {
	width: 256px !important;
}

.center form .input {
	margin: 8px 0 0 0;
}

.center form .input input {
	width: 140px;
	height: 14px;
}

.center form .input select {
	width: 145px;
	height: 15px;
}


#footer {
	font-size: 10px;
	text-align: center;
	width: 563px;
	margin: 5px auto;
}

#footer p {
	margin: 2px 0 0 0 !important;
}

/* ---------------------------------------------- */
/* -------------------- RIGHT ------------------- */
/* ---------------------------------------------- */

/*.listing form {
	padding: 10px 15px;
}

.listing .input input{
	width: 120px !important;
	height: 15px;
	margin: 2px 0 2px 0;
}

.listing .checkbox label {
	float: right !important;
	margin: 3px 35px 0 0;
	font-size: 11px;
}

.listing form .submit {
	float: left;
	margin: 3px 0 0 0;
}*/

.h-t {
	background: url(../img/in_store.gif) no-repeat !important;
}

.pink, .white {
	padding: 10px 15px;
	width: 133px !important;
}

.pink {
	background: #fff0eb;
	margin: -3px 0 20px !important;
}

.small-t {
	background: url(../img/small-t.png) no-repeat !important;
	height: 0px;
}

.new {
	width: 155px !important;
}

/*
.p-0 {
	width: 133px !important;
	margin: -2px auto;
	border-top: 1px solid #7e7e7e;
}
*/

.login {
	padding: 5px 15px;
	font-size: 11px;
}

.login p {
	margin: 2px 0 0 0 !important;
}

.login p a {
	color: #999 !important;
	text-decoration: underline !important;
}

.login p a:hover {
	text-decoration: none !important;
}

.ad {
	border: 1px #7E7E7E solid;
	padding: 10px 0 10px 0;
	text-align: center;
}

#cm {
	padding: 10px 0 10px 0;
}

#cm form {
	margin: 0 0 0 5px;
}

#cm form .text input {
	width: 120px;
}

#cm form .input {
	margin: 0 0 10px 0;
}

#cm form .submit {
	margin: 10px 0 0 0;
}

/*end*/
/*\*/
html*.snippet-c {
width:  126px;
]width:  126px;
}/*end*/

/*end*/
/*\*/
html*.left-pets-b {
width:  156px;
]width:  156px;
}/*end*/

/*end*/
/*\*/
html*.border2 {
margin: 0 !important

}/*end*/