@charset "utf-8";


.print {
	display: none;
}

/* list */
.list {
	width: 295px;
	margin-right: 10px;
}

a {
/*	color: #900;*/
}

a:hover,
a:hover .red {
	color: #e60003;
	background: #eee;
}

abbr,
acronym {
	cursor: help;
}

.figure a {
	color: #666;
}

.figure a:hover {
	background: none;
}


/**
 * view
 */
#view {
	width: 887px;
/*	overflow: hidden; */ /* impossible because of catalogue */
	overflow: visible;
	margin: 0 auto;
}


/**
 * header
 */
#header {
	background: url("../pic/layout/bgheader.gif") repeat-x left bottom;
}

#navbar {
	border-bottom: 1px solid #ccc;
}

#banner {
	background: url("../pic/layout/banner.jpg") no-repeat -230px bottom;
}

#bulls {
	top: -15px;
}

#menubar {
	float: left;
	width: 887px;
	height: 23px;
	margin: -10px 0 20px 0;
	padding: 5px 0;
	border: 0px solid #ccc;
	border-top-width: 1px;
	border-bottom-width: 1px;
	background: url("../pic/layout/partner2.gif") no-repeat right bottom;
}


/**
 * footer
 */
#footer {
	background: url("../pic/layout/bgfooter.gif") repeat-x left 5px;
	border-top: 1px solid white;
}


/**
 * copy
 */
#copy {
	margin: 22px 0 0 0;
}

#copy a:hover {
	color: #666;
}


/**
 * nav
 */
#nav {
	margin: 5px 0;
	padding: 0;
}

#nav li {
	margin: 0;
	padding: 0;
	border-left: 1px solid #ccc;
	font-size: 0.85em;
}

#nav li:first-child {
	border-left-width: 0;
}

#nav a {
	padding: 0 6px;
	color: #999;
}

#nav a:hover {
	color: #666;
	color: #900;
}

#nav .active,
#nav .active a {
	color: #644;
}


/**
 * status
 */
#status {
	position: relative;
	z-index: 1;
	float: right;
	margin: 5px 0;
	font-size: 0.85em;
	font-weight: bold;
}

#status a {
	padding: 0 1px 0 24px;
	background: url('../pic/layout/cart.gif') no-repeat 1px center;
}

#status a:hover {
	color: #900;
	background-color: #eee;
}


/**
 * menu
 */
#menu {
	float: left;
	width: 567px;
	height: 23px;
	background: url("../pic/layout/bdmenu.gif") no-repeat right top;
	color: #fff;
	font-weight: bold;
}

#menu li {
	float: left;
	width: 101px;
	height: 23px;
	overflow: hidden;
	margin-right: 2px;
	text-align: center;
	vertical-align: middle;
	background: #e60003 url("../pic/layout/bgmenu.gif") no-repeat;
	background-position: top middle;
}

#menu a {
	display: block;
	width: 99px;
	height: 19px;
	padding: 4px 0 0 2px;
	color: #fff;
}

#menu a:hover {
	background: /*#e63333*/ url("../pic/layout/menu.o.gif") no-repeat 1px 7px;
}

#menu .active {
	background: #666 url("../pic/layout/bgmenu.a.gif") no-repeat;
}

#menu .active a:hover {
	background: url("../pic/layout/menu.a.gif") no-repeat 1px 7px;
}


/**
 * main
 */
#main {
	clear: both;
	float: left;
	width: 887px;
	overflow: visible;
	background: url("../pic/layout/bgmain.gif") repeat-y left bottom;
}


/**
 * sidebar
 */
#sidebar {
	float: right;
	width: 188px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#sidebar a {
/*
	border-color: #ebebeb;
	line-height: 150%;
*/
}

#sidebar h2 {
	width: 188px;
	height: 18px;
	margin: 0 0 3px 0;
	padding: 3px 0 0 0;
	background: #e60003 url("../pic/layout/bgsidehead.gif") no-repeat left bottom;
	color: white;
	font-size: 1em;
	text-align: center;
}

#sidebar div {
	width: 168px;
	margin: 0 0 13px 0;
	padding: 8px 10px;
	background: #ebebeb url("../pic/layout/bgsidefoot.gif") repeat-x left bottom;
}

#sidebar div div {
	width: 168px;
	margin: 0;
	padding: 0;
	background: none;
}

#sidebar h5,
#sidebar h6 {
	margin: 0;
}

#sidebar p {
	margin: 0 0 5px 0;
}

#sidebar ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 17px;
}

#sidebar li {
	margin: 0;
	padding: 0;
	list-style-type: square;
	line-height: 135%;
}

#sidebar li.active {
	font-weight: bold;
}

#sidebar form {
	margin: 0 0 8px 0;
}

#sidebar .price {
	line-height: 100%;
}

#sidebar input.text {
	margin-top: 5px;
}

#sidebar input.button {
	padding: 0;
}

#sidebar a:hover,
#sidebar a:hover .red {
	background: #ddd;
}

#sidebar a.img,
#sidebar a.img:hover {
	border: none;
	font-size: 0;
}

#sidebar a.img:hover img {
	background: #ddd;
}

/* cselect */
/* csearch */
#search {
	position: relative;
	z-index: 2;
}

#cselect,
#csearch {
	clear: left;
}

#cselect fieldset,
#csearch fieldset {
	padding: 0;
	border-top: 1px solid silver;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

#cselect select {
	width: 140px;
	margin: 0;
	vertical-align: middle;
}

#csearch input.text {
	margin: 0;
	width: 134px;
	vertical-align: middle;
}

#cselect input.button,
#csearch input.button {
	float: right;
	width: auto;
	padding: 0 1px;
	vertical-align: middle;
}


/**
 * content
 */
#content {
	float: left;
/*	overflow: hidden;*/ /* impossible because of catalogue */
	width: 653px;
	margin-right: 10px;
	padding-right: 20px;
	padding-left: 15px;
/*	border-right: 1px solid #ccc;*/
}

#content h1 {
	height: 45px;
	margin: 0 0 0 -15px;
	padding: 15px 0 0 18px;
	background: url("../pic/layout/bgh1.gif") no-repeat left top;
}

#content a {
/*
	border-color: white;
	line-height: 150%;
*/
}

#content a,
#sidebar a {
/*
margin: 0 -2px;
padding: 0 2px;
border-style: solid;
border-left-width: 1px;
border-right-width: 1px;
	border-top-width: 1px;
border-top-width: 0;
border-bottom-width: 0;
*/
	border-bottom: 1px dashed #900;
}

#content a:hover,
#sidebar a:hover {
border-bottom-width: 1px;
border-bottom-style: solid;
text-decoration: underline;
}

#content a.icon,
#sidebar a.icon {
	padding: 0 2px 0 20px;
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 150%;
}

#content a.icon.pdf,
#sidebar a.icon.pdf {
	background-image: url("../pic/ico/pdf.gif");
}

#content a.icon.xls,
#sidebar a.icon.xls {
	background-image: url("../pic/ico/xls.gif");
}

#content a.img:hover {
	border-color: white;
}

/**
 * table
 */
th,td {
	line-height: normal;
}

/* table */
.table tr.hover td,
.table tbody tr.odd:hover td,
.table tbody tr.evn:hover td,
.catalogue tr.hover td,
.catalogue tbody tr.odd:hover td,
.catalogue tbody tr.evn:hover td {
	background-color: #ffe0e0;
}

.table .click td,
.catalogue .click td {
	background-color: #fcc;
}

#content .catalogue .name .order:hover {
	margin: 1px 0 0 0;
	border: 1px solid #900 !important;
}

#content .table tr.hover td a:hover,
#content .table tr.hover td a:hover .red,
#content .table tbody tr.odd:hover td a:hover,
#content .table tbody tr.odd:hover td a:hover .red,
#content .table tbody tr.evn:hover td a:hover,
#content .table tbody tr.evn:hover td a:hover .red,
#content .catalogue tr.hover a:hover,
#content .catalogue tr.hover a:hover .red,
#content .catalogue tbody tr.odd:hover a:hover,
#content .catalogue tbody tr.odd:hover a:hover .red,
#content .catalogue tbody tr.evn:hover a:hover,
#content .catalogue tbody tr.evn:hover a:hover .red {
	background: #fbb !important;
}

/* catalogue */
#content div.catalogue { position: relative; left: -1px; }

#content div.catalogue.head { width: 873px; }
#content div.catalogue.body { width: 890px; height: 363px; }
#content div.catalogue.body { overflow: auto; margin: 0 !important; }


/* cattle */
#content .cattle td {
	padding-bottom: 1px;
}


/**
 * form
 */
input.text:focus,
textarea:focus {
	color: #111;
	background: #e8f0f8;
}

.back {
	clear: both;
}