﻿body
{
	font-size: 70%;
	font-family: Tahoma, Arial;
	padding: 0;
	margin: 0;
	background: url(../images/body-bg.gif);
	color: #3b190d;
}

img
{
	border: none;
}

h1, .h1
{
	font-size: 14px;
	font-weight: bold;
	color: #7a3410;
}

h2, .h2
{
	font-size: 120%;
	font-weight: bold;
	color: #7a3410;
}

a
{
	color: #7b3513;
	text-decoration: underline;
}

a:hover
{
	color: #7b3513;
	text-decoration: none;
}


form
{
	padding: 0;
	margin: 0;
}

table td
{
	vertical-align: top;
}

.clear
{
	clear: both;
}

#container
{
	width: 800px;
	margin: 0 auto;
}

#service-menu
{
	background: #707547 url(../images/sevice-menu-bg.gif) repeat-x;
	height: 30px;
}

#service-menu #left-part
{
	height: 20px;
	float: left;
	padding: 10px 0 0 10px;
	background: url(../images/service-menu-left-bg.gif) no-repeat left;
}

#service-menu #right-part
{
	height: 20px;
	padding: 10px 0 0 0;
	float: right;
}

#service-menu #right-part a
{
	margin-left: 20px;
}

#service-menu #item-count
{
	float:right;
	width:40px;
	background: url(../images/service-menu-right-bg.gif) no-repeat right;
	height: 30px;
	line-height:30px;
	padding-right:15px;
	padding-left:3px;
	color:#c7b489;
	font-weight:bold;
}

#header
{
	height: 118px;
	width: 800px;
	background: url(../images/header-bg.jpg) no-repeat;
}

#logo
{
	width: 230px;
	height: 110px;
	float: left;
}

#top-nav
{
	height:101px;
	padding-right: 21px;
	padding-top:10px;
	float: right;
	width: 540px;
}

#content
{
	width: 800px;
}

#main-table
{
	border: 0;
	margin: 0;
	padding: 0;
	width: 800px;
	background: url(../images/main-table-bg.jpg) repeat-y left;
}

#left-column
{
	background: url(../images/left-column-bg.jpg) no-repeat bottom left;
	width: 193px !important;
	vertical-align: top;
}

#left-column div.inner
{
	background: url(../images/left-column-inner-bg.jpg) no-repeat top left;
	padding: 10px 5px 30px 5px;
}

#search-box
{
	text-align: right;
	padding: 10px 0;
	width: 176px;
	margin: 0 auto;
}

#right-column
{
	background: url(../images/right-column-bg.jpg) no-repeat bottom right;
	vertical-align: top;
	width:607px !important;
}

#right-column div.inner
{
	background: url(../images/right-column-inner-bg.jpg) no-repeat top right;
	padding: 10px 10px 30px 13px;
}

.box
{
	background: url(../images/categories-box-bg.jpg) repeat-y;
	width: 176px;
	margin: 0 auto;
}

.box .top-bg
{
	background: url(../images/categories-top-bg.jpg) no-repeat top;
}

.box .bottom-bg
{
	background: url(../images/categories-bottom-bg.jpg) no-repeat bottom;
	padding: 10px;
}

.large-box
{
	background: url(../images/item-bg.jpg) repeat-y;
	width: 388px;
	margin-bottom: 10px;
}

.large-box .top-bg
{
	background: url(../images/item-top-bg.jpg) no-repeat top;
}

.large-box .bottom-bg
{
	background: url(../images/item-bottom-bg.jpg) no-repeat bottom;
	padding: 10px;
}

.xlarge-box
{
	background: url(../images/xlarge-bg.jpg) repeat-y;
	width: 576px;
	margin: 12px 0;
}

.xlarge-box .top-bg
{
	background: url(../images/xlarge-top-bg.jpg) no-repeat top;
}

.xlarge-box .bottom-bg
{
	background: url(../images/xlarge-bottom-bg.jpg) no-repeat bottom;
	padding: 12px;
}

#footer
{
	background: url(../images/footer-bg.jpg) no-repeat;
	text-align: center;
	color: #ddd7b5;
	height: 56px;
	overflow:hidden;
}

#footer p
{
	line-height:26px;
	padding:0;
	margin:0;
}

#bottom-nav
{
	padding: 0 10px;
}

#bottom-nav ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#bottom-nav ul li
{
	display: inline;
}

#bottom-nav a
{
	color: #ddd7b5;
	padding: 0 10px;
	line-height:30px;
}


/*= Polls ----------------------------------------------*/

.poll
{
	padding: 20px 0;
	color: #666c71;
	width: 200px;
}

.poll ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.poll .bar
{
	background: url(../Images/poll-bar.gif) repeat-x;
	margin-top: 10px;
	font-size: 8px;
}

/*= Search ----------------------------------------------*/

.paginator
{
	padding: 10px;
	font-size: 11px;
	text-align: center;
	font-size: 13px;
}

.paginator a
{
	text-decoration: underline;
}

.paginator .previous
{
	font-weight: bold;
}

.paginator .next
{
	font-weight: bold;
}

.paginator .pager
{
	margin: 0 10px 0 10px;
	text-align: center;
}

.paginator .pager a
{
	padding: 0 2px 0 2px;
	font-weight: bold;
	margin: 0 2px 0 2px;
	color: #461e05;
}

.paginator .pager a.active
{
	color: #461e05;
	background: #e7dbb5;
	text-decoration: none;
}

.paginator .pager a:hover
{
	text-decoration: none;
}

.product-view-nav .back
{
	float: left;
	font-weight: bold;
	font-size: 13px;
	width:150px;
	text-align:left;
}

.product-view-nav .next
{
	float: right;
	font-weight: bold;
	font-size: 13px;
	width:150px;
	text-align:right;
}

.product-view-nav .previous
{
	font-weight: bold;
	font-size: 13px;
	margin:0 150px;
	text-align:right;
}


#search-results
{
}

#search-results ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#search-results ul li
{
	padding-bottom: 10px;
	font-weight: bold;
}

#search-results ul li a
{
	text-decoration: underline;
}

.search-products td
{
	vertical-align:middle;
	padding:5px;
}

/*= FAQs --------------------------------------------*/

.tree
{
}

.tree ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.tree ul ul
{
	padding-left: 12px;
}

.tree ul li
{
}

.tree ul li span
{
	padding: 5px 0 5px 0px;
	display: block;
}

.tree ul li span.active a.name
{
	color: #000000;
}

.tree ul li span.active a.name:hover, .tree ul li span.active a.name:visited:hover
{
	color: #000000;
}

.tree ul li span a.name
{
	font-weight: normal;
	padding: 0 1px;
}

.tree ul li span em
{
	color: Gray;
	font-size: 85%;
	padding-left: 3px;
}

.tree ul li img.icon
{
	cursor: pointer;
}

.tree ul ul ul li span a.name
{
	font-weight: normal;
}

.tree ul ul ul li span a.name
{
	font-size: 90%;
}

/*= Events -----------------------------------------------*/

.calendar
{
	width: 200px;
	margin: 0 auto 20px auto;
}

.calendar .header
{
	text-align: center;
	padding-bottom: 5px;
	font-weight: bold;
}

.calendar .previous
{
	float: left;
}

.calendar .next
{
	float: right;
}

.calendar table.body
{
	font-size: 12px;
	border-collapse: collapse;
	width: 100%;
}

.calendar table.body tr.week
{
}

.calendar table.body tr.week-first
{
}

.calendar table.body tr.week-last
{
}

.calendar table.body td
{
	vertical-align: middle !important;
}

.calendar table.body td.day
{
	text-align: center;
	border: 1px solid #EFEFEF;
	height: 24px;
	color: Gray;
	padding: 0;
	margin: 0;
}

.calendar table.body td.day-first
{
}

.calendar table.body td.day-last
{
	border-right: 1px solid #EFEFEF;
}

.calendar table.body td.day a
{
	display: block;
	background: #f7f7f7;
	padding: 5px 0;
}

/* Gallery ----------------------------------------------------*/

ul#thumbnails
{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#thumbnails li
{
	display: inline;
	height: 120px;
	width: 120px;
	float: left;
}

/*= Forms -----------------------------------------------------*/

.hint
{
	color: Gray;
	font-size: 85%;
	font-weight: normal;
}

/* Applied to containers with 
.validator
{
    color: Red;
}

/* Applied to containers with asterix inside */
.validator-req
{
}

/* 
    Applied to validator summary div, that contains ul
    By default it has style color: red; so you need to overwrite it somewhere in ul
 */
.validator-summary
{
	background: #fffed6;
	padding: 2px 8px;
	margin-bottom: 10px;
}

.validator-summary ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.validator-summary li
{
	font-weight: bold;
	padding: 3px 0;
	font-size: 90%;
	color: #cc0000;
}


fieldset
{
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}


legend
{
	display: none;
}

fieldset legend
{
}

.field-row .field-control
{
	padding-left: 7px;
	margin-bottom: 10px;
}

.required .field-control
{
	
}

.field-row .field-label
{
	padding-left: 8px;
	font-weight: bold;
}

label
{
	font-size: 90%;
	font-family: Verdana;
	color: #555;
}

.field-row .field-control
{
}

/* Simultaneously added to div.field-row */
.submit
{
}

.input-name
{
	width: 400px;
}

.input-address
{
	width: 400px;
}

.input-city
{
	width: 150px;
}

.input-state
{
	width: 10ex;
}


.input-phone
{
	width: 150px;
}

.input-reference
{
	width: 150px;
}

.button-link
{
	text-decoration: underline !important;
}

/*= BreadCrumbs ----------------------------------------*/
#breadcrumbs
{
	padding: 0 0 20px 0;
}

#breadcrumbs ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#breadcrumbs ul li
{
	display: inline;
}

#breadcrumbs ul li a
{
	text-decoration: underline;
}

.imageborder img
{
	border: 1px solid #7d6642;
}

/* Treeview ----------------------------------------------*/
ul.treeview, .treeview ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.treeview li
{
	clear:both;
	padding:5px 0;
}

ul.treeview li span.hitarea, ul.treeview li span.hitstub
{
	display: block;
	float: left;
	width: 9px;
	height: 9px;
	margin: 5px 3px 0 0;
}

ul.treeview li a
{
}

ul.treeview li span.hitarea
{
	cursor: pointer;
}

ul.treeview li.collapsable span.hitarea
{
	background: url(../Images/collapse.gif) 0 0 no-repeat;
}

ul.treeview li.expandable span.hitarea
{
	background: url(../Images/expand.gif) 0 0 no-repeat;
}

ul.treeview ul li
{
	margin-left: 0px;
}

/* = Product Categories Tree
-------------------------------------------------------------------*/

#categories ul li a
{
	font-weight:bold;
	color:#451a07;
	text-decoration:none;
	font-size:13px;
}

#categories ul ul li  a
{
	color:#773409;
}

#categories ul ul ul li  a
{
	color:#993300;
}

#categories ul li .active a
{
	text-decoration:underline;
}

/* Related Products table ----------------------------------------------*/
.rp-table td
{
	font-weight:bold;
	font-size:13px !important;
	vertical-align:middle;
	text-align:left;
}

.rp-table table
{
	width:100%;
}

.rp-table table .td-image
{
	width:75px;
}
