html
{
	background-color: #F9F9F9;
}

body{
	margin: 10px auto;
	padding: 0px;
	position: relative;
	width: 980px;
	font: 12px "Arial", sans-serif;
	color: #777;
}

h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
form { padding: 0; margin: 0; }
fieldset{ margin:0; padding:0; border:none; }
img{ border: none; }
table{ padding:0; margin:0; /* border-collapse:collapse; */ }
td{ padding:0; margin:0; }
input { padding: 0px; margin: 0;	vertical-align:middle; }
p {padding: 0; margin: 16px 0; }

a{text-decoration: underline; color: #F38840;}
a:active, a:focus{outline:none;}
a:hover { color: #DE0F00;}
.hidden  { visibility: hidden; }
.right { text-align: right; }
.clear { clear: both; }
.orange { color: #F56300; }
.green { color: #6F9D00; }

/* GENERAL OBJECTS */
h1 
{
	clear: both;
	color: #F56300;
	font: normal 22px "Arial", sans-serif;
	margin: 0 0 15px;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #B4CF2A;
}
h2
{
	clear: both;
	font-size: 20px;
	margin-bottom: 10px;
}
h3
{
	clear: both;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: normal;
	color: #6F9D00;
}
h4
{
	clear: both;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #6F9D00;
}
hr 
{
	clear: both;
	margin: 5px 0;
	color: #D5D5D5;
	height: 1px;
	border: none;
	background-color: #D5D5D5;
}
ul li 
{
/*	color: #F38840; */
}
table 
{
	width: 100%;
	border: none;
	border-collapse:collapse;
	margin: 5px 0 10px;
}
thead tr 
{
	margin-bottom: 5px;
}
thead tr th,
thead tr td
{
	background-color: #C7DE38;
	padding: 5px;
	font-weight: normal;
	font-size: 16px;
	text-align: left;
	border-bottom: 3px white solid;
	color: #545454;
	white-space: nowrap;
}
tbody tr,
tbody tr.odd { background-color: #F6F6F6; }
tbody tr.even { background-color: #F0F0F0; }
tbody tr td
{
	color: #545454;
	padding: 5px;
	border-bottom: 1px white solid;
}
tfoot tr,
tfoot tr.odd { background-color: #B4CF2A; }
tfoot tr.even { background-color: #F6891E; }
tfoot tr td
{
	font-size: 14px;
	font-weight: bolder;
	color: #F9F9F9;
	padding: 5px;
	border-top: 2px white solid;
}

table.small-table thead tr th {
	font-size: 12px;
	font-weight: bold;
}

/* buttons */
.button-panel { margin: 5px 0; }
a.btn-red-small, a.btn-red-mid, a.btn-red-large,
a.btn-green-small, a.btn-green-mid, a.btn-green-large
{
	display: inline-block;
	width: 74px;
	height: 20px;
	font-weight: bold;
	color: White;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	margin-right: 10px;
	text-decoration: none;
	padding-top: 1px;
}
a.btn-red-small
{
	background: url(/images/btn-red-small.gif) top left no-repeat;
	width: 74px;
}
a.btn-red-small:hover { color: white; background-image: url(/images/btn-red-small-act.gif); }
a.btn-red-mid
{
	background: url(/images/btn-red-mid.gif) top left no-repeat;
	width: 92px;
}
a.btn-red-mid:hover { color: white; background-image: url(/images/btn-red-mid-act.gif); }
a.btn-red-large
{
	background: url(/images/btn-red-large.gif) top left no-repeat;
	width: 163px;
}
a.btn-red-large:hover { color: white; background-image: url(/images/btn-red-large-act.gif); }
a.btn-green-small
{
	background: url(/images/btn-green-small.gif) top left no-repeat;
	width: 74px;
}
a.btn-green-small:hover { color: white; background-image: url(/images/btn-green-small-act.gif); }
a.btn-green-mid
{
	background: url(/images/btn-green-mid.gif) top left no-repeat;
	width: 92px;
}
a.btn-green-mid:hover { color: white; background-image: url(/images/btn-green-mid-act.gif); }
a.btn-green-large
{
	background: url(/images/btn-green-large.gif) top left no-repeat;
	width: 163px;
}
a.btn-green-large:hover { color: white; background-image: url(/images/btn-green-large-act.gif); }

.text-block { margin: 30px 0; }
.left { float: left; }

p.specials
{
	color: #F38840;
	font-size: 120%;
	font-style: italic;
}


/* ***************** TEMPLATE ************************ */
/* header */
#header 
{
	position: relative;
	overflow: hidden;
	/* margin: 0 0 5px; */
}
#header #logo 
{
	float: left;
}
#header #logo a 
{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 213px;
	height: 165px;
	background: url(../images/zoosfera.gif) no-repeat;
}

#header #promo 
{
	float: right;
	width: 762px;
	height: 165px;
	background: url(../images/toppromo.jpg) no-repeat;
}

/* search */
#search 
{
	float: left;
	width: 213px;
	height: 45px;
	background: url(../images/search.gif) no-repeat;
	margin-top: 5px;
}

#search div 
{
	margin: 0px;
	padding: 7px 0 0 9px;
}

#search .text 
{
	width: 154px;
	border: 1px solid #BBB;
	height: 16px;
	padding: 2px 4px;
	color: #666666;
	/* background: url(../images/search.gif) no-repeat; */
}

#search .submit 
{
	text-indent: -999px;
	overflow: hidden;
	width: 30px;
	height: 30px;
	/* cursor: pointer; */
}

/* main navigation */
#main-nav 
{
	width: 762px;
	margin: 5px 0 0 auto;
	background: url(../images/main-nav-lbg.gif) #E3E3E3 no-repeat;
}

#main-nav div 
{
	background: url(../images/main-nav-rbg.gif) no-repeat right;
	height: 45px;
}

#main-nav #ul-links
{
	float: left;
	list-style: none;
	margin: 0;
	padding: 16px 0 0px;
}

#main-nav #ul-links li
{
	float: left;
}
#main-nav #ul-links li a 
{
	float: left;
	display: block;
	padding: 0 8px 0 8px;
	background: url(../images/main-nav-div.gif) no-repeat left center;
}
#main-nav #ul-links li:first-child a {background:none;padding:0 8px 0 12px;}
#main-nav #ul-links li.inactive a 
{
	text-decoration: none;
	color: #A9A9A9;
	font-weight: bold;
}


#main-nav #ul-cart
{
	float: right;
	list-style: none;
	margin: 0;
	padding: 7px 0 2px 0;
}

#main-nav #ul-cart li 
{
	float: left;
}
#main-nav #ul-cart .lnk-cart 
{
	display:block;
	background: url(../images/cart-empty.gif) no-repeat; 
	padding: 10px 12px 10px 36px;
}
#main-nav #ul-cart .active .lnk-cart  { font-weight:bold; color: #F56300; background-image: url(../images/cart-empty-act.gif); }
#main-nav #ul-cart .lnk-myaccount 
{
	display:block;
	background: url(../images/myaccount.gif) no-repeat; 
	padding: 10px 15px 10px 36px;
}
#main-nav #ul-cart .active .lnk-myaccount { background-image: url(../images/myaccount-act.gif); }

#profile-nav 
{
	position: absolute;
	/*
	top: 109px;
	left: 628px;
	*/
	/*
	left: 620px;
	top: 126px;
	*/
	top: 126px;
	left: 610px;
}
#profile-nav ul { margin-top: 0; padding-top: 0; }
#profile-nav ul li,
#profile-nav ul li a
{
	color: #F86300;
	font-weight: bold;
	font-size: 12px;
}


/* left column */
#left-column 
{
	float: left;
	width: 213px;
	margin-top: 5px;
}

/* catalog navigation */
#catalog-nav 
{
	margin: 0; padding: 0;
}

#catalog-nav .wrapper
{
	background: url(../images/cat-nav-bbg.gif) #E9E9E9 left bottom no-repeat;
	margin-bottom: 5px;
	overflow: hidden;
}
#catalog-nav #main-sections
, #catalog-nav #promo-sections 
{
	background: url(../images/cat-nav-tbg.gif) top left no-repeat;
	display:block;
	list-style: none;
	margin: 0;
	padding: 10px 0 10px 6px;
}

#catalog-nav #main-sections li a 
{
	height: 29px;	
	display: block;
	padding: 16px 0px 0px 59px;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 5px;
}
#catalog-nav #main-sections li.active a { color: #DC1000; text-decoration: none; }
#catalog-nav #main-sections li.active ul a { color: #F38840;  text-decoration: underline; }
#catalog-nav #main-sections li ul li.active a { color: #DC1000;  text-decoration: underline; }

#catalog-nav #main-sections #nav-cats { background: url(../images/cat-nav-cats.gif) no-repeat; }
#catalog-nav #main-sections #nav-dogs { background: url(../images/cat-nav-dogs.gif) no-repeat; }
#catalog-nav #main-sections #nav-rodents { background: url(../images/cat-nav-redents.gif) no-repeat; }
#catalog-nav #main-sections #nav-birds { background: url(../images/cat-nav-birds.gif) no-repeat; }
#catalog-nav #main-sections #nav-horses { background: url(../images/cat-nav-horses.gif) no-repeat; }
#catalog-nav #main-sections #nav-reptiles { background: url(../images/cat-nav-reptiles.gif) no-repeat; }
#catalog-nav #main-sections #nav-aqua { background: url(../images/cat-nav-fishes.gif) no-repeat; }
#catalog-nav #main-sections #nav-vet { background: url(../images/cat-nav-vet.gif) no-repeat; }

#catalog-nav #main-sections ul li a { background-image: none; padding: 0px; height: auto;}

#catalog-nav #main-sections .active #nav-cats { background: url(../images/cat-nav-cats-act.gif) no-repeat; }
#catalog-nav #main-sections .active #nav-dogs { background: url(../images/cat-nav-dogs-act.gif) no-repeat; }
#catalog-nav #main-sections .active #nav-rodents { background: url(../images/cat-nav-redents-act.gif) no-repeat; }
#catalog-nav #main-sections .active #nav-birds { background: url(../images/cat-nav-birds-act.gif) no-repeat; }
#catalog-nav #main-sections .active #nav-horses { background: url(../images/cat-nav-horses-act.gif) no-repeat; }
#catalog-nav #main-sections .active #nav-reptiles { background: url(../images/cat-nav-reptiles-act.gif) no-repeat; }
#catalog-nav #main-sections .active #nav-aqua { background: url(../images/cat-nav-fishes-act.gif) no-repeat; }
#catalog-nav #main-sections .active #nav-vet { background: url(../images/cat-nav-vet-act.gif) no-repeat; }



#catalog-nav #main-sections div
{
	height: 0;
	overflow: hidden;
}

#catalog-nav #main-sections ul
{
	list-style: none;
	margin: 0px 0 15px 19px;
	padding: 0;
	width: 180px;
}

#catalog-nav #main-sections ul li { width: 100%; }
#catalog-nav #main-sections ul li a 
{
	display: block;
	margin: -1px 0 5px 0;
	padding: 0px 0 0 39px;
	background: url(../images/cat-nav-li.gif) no-repeat left top; 
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
}
#catalog-nav #main-sections ul li.active a 
{
	background-image: url(../images/cat-nav-li-act.gif); 
}

#catalog-nav #promo-sections li a 
{
	display: block;
	margin: 7px 16px;
	padding: 2px 0 0 32px;
	height: 19px;
	background: url(../images/cat-nav-promo-li.gif) no-repeat; 
	color: #3A7B01;
}
#catalog-nav #promo-sections li.active a 
{
	background-image: url(../images/cat-nav-promo-li-act.gif); 
	color: #F38840;
}


/* content - main */
#content 
{
	margin-top: 5px;
	margin-bottom: 5px;
	/* margin-left: 218px; */
	/* margin-left: 5px; */
	/* margin-right: 0; */
	/*left: 5px;*/
	width: 762px;
	float: right;
	position: relative;
	overflow: hidden;
}

#main-content 
{
	float: left;
	width: 544px;
	background: url(../images/main-col-bg.gif) repeat-y;
}
#main-content .top { margin: 0; background: url(../images/main-col-tbg.gif) no-repeat; }
#main-content .bottom { margin: 0; background: url(../images/main-col-bbg.gif) bottom no-repeat; }
#main-content .bottom 
{
	padding: 20px 14px;
	min-height: 500px; 
	/*height: 500px;*/
}
	
#main-wide
{
	float: left;
	width: 762px;
	background: url(../images/main-wide-bg.gif) repeat-y;
}
#main-wide .top { margin: 0; background: url(../images/main-wide-tbg.gif) no-repeat; }
#main-wide .bottom { margin: 0; background: url(../images/main-wide-bbg.gif) bottom no-repeat; }
#main-wide .bottom 
{
	padding: 20px 14px;
	min-height: 400px; 
}
	


/* content - right-column */
#right-column 
{
	float: right;
	width: 213px;
}

#right-column .promo { margin-bottom: 5px; }

#right-column .gray-box , .gray-box
{
	margin-bottom: 5px;
	background: url(../images/right-col-gray-tbg.gif) #E7E7E7 top left no-repeat;
}
#right-column .gray-box .wrapper,  .gray-box .wrapper
{
	background: url(../images/right-col-gray-bbg.gif) bottom left no-repeat; 
	padding: 6px;
}

#right-column .white-box 
{
	margin-bottom: 5px;
	background: url(../images/right-col-white-bg.gif) #FFFFFF top left repeat-y;
}
#right-column .white-box .top { background: url(../images/right-col-white-tbg.gif) top left no-repeat; }
#right-column .white-box .bottom 
{
	background: url(../images/right-col-white-bbg.gif) bottom left no-repeat; 
	padding: 13px 6px 13px 8px;
	min-height: 50px;
}
#right-column .white-box .bottom p {
	padding-top: 0;
	margin-top: 0;
}


#login-form 
{
	padding: 5px 0 10px;
}
#login-form label
{
	float: left;
	display: block;
	width: 54px;
	text-align: right;
	padding: 8px 10px 1px 0;
}

#login-form input.text
{
	width: 120px;
	vertical-align: middle;
	margin: 4px 0;
	font-size: 11px;
	height: 16px;
	border: 1px solid #BBB;
}

#login-form input.chkbx
{
	/* vertical-align: middle; */
	margin: 6px 0 0px 0px;
	font-size: 11px;
	height: 16px;
	border: none;
}

#login-form .login-button { clear: both; }
#login-form input.button { padding: 3px 0 8px 60px; }
#login-form a { color: #8CB626; padding: 5px 0px 5px 60px; line-height: 15px; }
#login-form a.lnk-register { font-weight: bold; }
#login-form a.lnk-forgotten { font-size: 11px; }

#ask-question 
{
	margin-bottom: 5px;
	padding: 8px 0 0px 12px;
}
#ask-question p
{
	height: 80px;
	background: url(../images/question.gif) left top no-repeat;
	padding: 4px 0px 0 54px;
	font: 14px/18px Arial, Sans-Serif;
}

#news { margin-top: 40px; margin-bottom: 10px;}
#news h3 
{
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 10px;
}
#news .newsitem 
{
	margin-bottom: 20px;
	padding: 0px 8px 0px 0px;
}
#news .newsitem p {
	margin: 3px 0;
}
#news .newsitem h4 
{
	float: left;
	font-size: 12px;
	font-weight: normal;
	margin: 0 5px 0 0;
	padding: 0;
}

/* footer */
#footer 
{
	clear: both;
	margin-top: 5px;
	background: url(../images/footer-lbg.gif) #F0F0F0 no-repeat;
	height: 77px;
}

#footer .wrapper { background: url(../images/footer-rbg.gif) right no-repeat; min-height: 77px; }
#footer address 
{
	padding: 10px 0px 0px 247px;
	font-size: x-small;
}

/* contacts */
#contacts #contact-city 
{
	position: absolute;
	top: 47px;
	left: 799px;
	color: White;
	font: 20px White, Arial, Sans-Serif;
}
#contacts #contact-phone
{
	position: absolute;
	top: 102px;
	left: 760px;
	color: White;
	font: 20px White, Arial, Sans-Serif;
}
#contacts #contact-phone small { font-size: 12px; }





/* PARALLEL NAVIGATION */
#subnav 
{
	position: relative;
	width: 229px;
	margin: 0 0 -5px -16px;
	padding: 0;
	overflow: visible;
	background: url(../images/right-col-subnav-bbg.gif) bottom right no-repeat;
	z-index: 10;
}
#subnav .top 
{
	padding: 11px 0 22px;
	background: url(../images/right-col-subnav-tbg.gif) top right no-repeat;
}
#subnav .bottom
{
	overflow: hidden;
	background: url(../images/right-col-subnav-bg.gif) top right repeat-y;
	height: 100%;
	padding: 0px 7px 0px 21px;
}

#subnav h3
{
	font-size: 14px;
	font-weight: normal;
	margin: 10px 0 10px;
}
#subnav ul 
{
	list-style-type: disc;
	/* list-style-image: ; */
	color: #F19904;
	margin-left: 16px;
	margin-top: 0;
	padding: 0;
}
#subnav li { padding: 1px 0; }
#subnav li a 
{
	color: #F06603;
}
#subnav li.active { color: #DC0D07; }
#subnav li.active a { color: #DC0D07; font-weight: bold; }


/*

	background: url(../images/right-col-subnav-bg.gif) top right repeat-y;
	z-index: 10;
}
#subnav .top 
{
	background: url(../images/right-col-subnav-tbg.gif) top right no-repeat;
}
#subnav .bottom
{
	margin-bottom: 22px;
	background: url(../images/right-col-subnav-bbg.gif) bottom right no-repeat;
}

*/


#sitecreator 
{
	float: right;
	margin: 5px 5px 0 0;
	width: 300px;
	text-align: right;
	font: italic 10px Arial;
}

#counters 
{
	margin: 5px 0 0 230px;
	width: 100px;
	text-align: center;
}


pre {
	font: 12px "Arial", sans-serif;
	padding: 0;
	margin: 0;
}