@import url("styles.css");

body {
  background: white;
  margin: 0;
}

/* Page Layout */
div#page {
  margin: 0 auto;
  width: 100%;
  min-width: 980px;
}

#plogo {
	display: none;
}

div#header {
  background: url(../images/head_back.png) top left repeat-x;
  height: 125px;
  margin: 0;
  padding: 0;
}
img#logo {
	float: left;
}
div#top_right {
	float: right;
	height: 120px;
}
table#icons {
	background: url(../images/head_back_s.png) bottom left no-repeat;
	border-collapse: collapse;
}
tr#icons td {
	vertical-align: bottom;
}
tr#icons td#kangaroo {
	vertical-align: top;
}
table#icons #icons {
	height: 69px;
}
table#icons #labels {
	height: 16px;
	vertical-align: top;
}
table#icons #icons td {
	padding: 0 3px;
}
table#icons td {
	font-size: 10px;
	text-align: center;
}
table#icons a {
	text-decoration: none;
	color: black;
}
table#icons a:hover {
	color: white;
}
#search_box div {
	padding-right: 3px;
	float: left;
}
tr#search_box td {
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}

/* Menu */
table.menutree {
	width: 100%;
	border-collapse: collapse;
}
.box, p.menutree {
	margin-bottom: 0;
	padding-left: 3px;
}
.box, .box a {
	color: #633100;
}
.box td {
	font-size: 12px;
}
.menutree .hit {
	color: black;
	font-weight: bold;
}
.menutree .sub {
	font-size: 11px;
}

/* Content */
td#boxes {
	width: 204px;
	padding-left: 12px;
}
table#content_frame {
	border-collapse: collapse;
}
td#content {
	padding: 0 15px;
	vertical-align: top;
}

/* Styles */
table.box {
	width: 100%;
	border-collapse: collapse;
	background: #fff7d9 url(../images/box_shadow.gif) right top repeat-y;
	padding:0;
}
table.box th.box, table th.box_green {
	background: url(../images/box_top.gif) right top repeat-y;
	font-weight: bold;
	height: 25px;
	padding: 0 16px 0 10px;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	width: 204px;
}
table th.box_green {
	background: url(../images/box_top_green.gif) right top repeat-y;
}
table th.box_green a {
	color: red;
}
table.box td.box {
	margin: 0;
	padding: 5px 16px 16px 10px;
	background: url(../images/box_bottom.gif) right bottom no-repeat;
}
table.box ul {
	margin: 0 0 0 18px;
	padding: 0;
}
table.box li, table.box li a {
	font-size: 12px;
	color: #633100;
}
td#footer {
	height: 51px;
	background: url(../images/bottom.gif) right bottom no-repeat;
	padding: 0 10px;
	color: #633100;
	font-size: 12px;
}
td#logos {
	text-align: center;
	padding-bottom: 15px;
	height: 165px; 
	background: url(../images/bottom_fade.gif) left bottom no-repeat;
}
div#footer_links {
	text-align: right;
	margin: 0;
	padding: 10px 0 6px 325px;
	font-size: 10px;
}
div#footer_links .gray a {
	color: #808080;
	text-decoration: none;
	font-weight: normal;
}

td#footer a {
	color: #631000;
}
div#footer_links a {
	color: black;
	font-weight: bold;
}
div.path {
	color: #631000;
	margin-bottom: 5px;
	font-size: 13px;
}

/* ERRORS/MESSAGES */
.error {
  background-color: #FF0000;
  padding: 1px;
  margin-bottom: 10px;
  color: white;
  font-weight: bold;
  width: 100%;
}

.message {
  background-color: #C0FFC0;
  color: #004000;
  border-top: 1px solid #004000;
  border-bottom: 1px solid #004000;
  padding: 1px;
  margin-bottom: 10px;
  font-weight: bold;
  width: 100%;
}

/* Products and Categories */
.category_nav {
	color: #633100;
	margin: 10px 0;
	background: url(../images/section_back.gif);
	padding: 5px;
}
#catalogtree ul {
	list-style-type: none;
}
#catalogtree li.ruler {
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px solid #633100;
}
table.grid {
	width: 100%;
	border-spacing: 0;	
}
table.grid th {
	background: #fff7d9;
	color: #633100;
	border-bottom: 1px solid #633100;
}
table.grid .desc_0, table.grid .desc_1 {
	vertical-align: top;
	padding: 5px 10px 25px 0;
}
table.grid .home {
	padding-left: 10px;
}
table.grid .home a {
}
table.grid .rmargin {
	padding-right: 10px;	
}

table.grid .desc_0, tr.fade_0 {
	background: #f0f0f0 url(../images/fade_1.gif) top left repeat-y;	
}
table.grid .bg_0 {
	background-color: #f0f0f0;	
}
table.grid .bg_1 {
	background-color: #fff7d9;	
}
table.grid .desc_1, tr.fade_1 {
	background: #fff7d9 url(../images/fade_2.gif) top left repeat-y;	
}
tr.fade_0 td, tr.fade_1 td {
	padding-right: 10px;
}
table.grid a {
	color: black;
}
table.products .pict {
	width: 175px;
	text-align: center;
	padding: 5px 0 15px 0;
}
.pager {
	border: 1px solid #c0c0c0;
	background: #fff7d9;
	text-align: center;
	padding: 5px;
	margin: 10px 0;
}
.fright {
		float: right;
}
