/* Layout Styles */
* {margin: 0; padding: 0;}

html {height: 100%; margin-bottom: 1px; }

body {
	background: #f7f7f7 url(../images/layout/body-bg.gif) repeat-y center top;
	color: #6d6d6d;
	font: normal 12px verdana,arial,tahoma,sans-serif;
	
}

#header {
	background: #f0f0f0 url(../images/layout/header-bg.gif) repeat-y center top;
	min-height: 173px;
	margin-top: 18px;
}

#header div {
	width: 630px;
	margin: auto;
	border: 1px solid #ddd;
	border-left-color: #fff;
	border-right-color: #fff;
}

#banner {
	height: 143px;
	background: transparent url(../images/layout/banner-bg.gif) repeat-x left top;	
	position: relative;
}

#banner img {
	position: absolute;
	bottom: 5px;
	left: 5px;
}

#tool-bar {
	border-top: none !important;
	background: transparent url(../images/layout/tool-bar-bg.gif) repeat-x left top;
	height: 22px;
	padding-top: 5px;
}

#search {
	float: right;
	margin-right: 3px;
}

#search div {width: auto; border: none !important;}

#go {
	border: none; 
	vertical-align: text-bottom; 
	background-color: transparent;
}

#query {
	margin-top: -3px;
	vertical-align: middle;
	height: 16px;
}

#container {
	width: 610px;
	margin: auto;
	padding: 10px;
}

#footer {
	background: #f7f7f7 url(../images/layout/tool-bar-bg.gif) repeat-x left top;
	height: 19px;	
	padding-top: 8px;	
	clear: both;	
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 632px;
	font-size: 0.8em;
	margin: auto;
	text-align: center;
}

#alt-nav {
	width: 632px; 
	margin: auto; 
	text-align: center;
	padding: 10px 0;	
	text-transform: capitalize;
	font-size: 0.8em;
}

#cart, #cart div {width: auto !important;border: none !important;}

#cart {
	position: absolute; 
	bottom: 4px; 
	right: 4px;
}

#cart div {text-align: right;}

#fill {clear: both;}

ul {margin-left: 20px; margin-bottom: 10px; list-style: square;}

ul li {margin-bottom: 5px;}

#pre-footer {clear: both;}

#logout {float: right;}

/* Menu Styles */
#menu {float: left; margin-right: 10px;}

.sub-menu {
	width: 200px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}

.sub-menu h1 {
	font-size: 1.2em;
	background-color: #eee;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding-left: 23px;
	height: 19px;
}

#admin-links h1 {background: #eee url(../images/icons/wrench.gif) no-repeat 3px 1px;}

#category h1 {background: #eee url(../images/icons/categories.gif) no-repeat 3px 1px;}

#news h1 {background: #eee url(../images/icons/feed.gif) no-repeat 3px 1px;}

.sub-menu h1 img {vertical-align: text-bottom; margin-right: 5px;}

.sub-menu form, .sub-menu p, .sub-menu ol {margin: 5px;}

.sub-menu ol, .sub-menu ul {margin-left: 30px;}

.sub-menu li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #eee;
}

.sub-menu .other {text-align: center; padding: 6px;}

#content {margin-left: 212px;}

.category-number {float: right;}

/* Header styles */
h1, h2, #cart-total {font-family: georgia,'times new roman',serif}

h1 {margin-bottom: 10px; font-size: 2em;}

h2 {
	margin-bottom: 10px; 
	font-size: 1.5em;
	padding-left: 20px;
	border-bottom: 1px dotted #ddd;
}

/* Button styles */
button, .button {	
	margin-bottom: 5px;
	cursor: pointer;
	background: #f7f7f7 url(../images/layout/tool-bar-bg.gif) repeat-x left top;
	border: 1px solid #ddd;
	color: #6d6d6d;
	padding: 2px;
}

button {height: 26px;}

button:hover, .button:hover {color: #000;}

button img, .button img {vertical-align: text-bottom; margin-right: 4px;}

.button {
	padding: 4px; 
	text-decoration: none; 
	vertical-align: top; 
	display: block;
	text-align: center;
}

button.disabled {
	background: #999 none no-repeat 0 0 !important;
	color: #ccc;
}

button.disabled span {background: none;}

/* Link styles */
#tool-bar a, .sub-menu li a, #alt-nav a {text-decoration: none;}

#tool-bar a {
	margin-left: 10px;
	color: #6d6d6d;
}

#tool-bar a:hover {color: #000;}

#tool-bar a img {
	border: 0; 
	vertical-align: text-bottom;
	margin-right: 5px;
}

a img {border: 0;}

h1 a, h2 a {float: right;}

h1 a {
	font: normal 0.5em verdana,arial,tahoma,sans-serif;
	text-decoration: none;
	vertical-align: bottom;	
}

h1 a img {vertical-align: text-bottom; margin-right: 4px;}

/* Form styles */
fieldset {
	border: 1px solid #ddd; 
	padding: 10px; 
	margin-bottom: 10px;
}

legend {padding: 0 4px;}

#query, input[type="text"], input[type="password"], select {
	border: 1px solid #ddd;
	background: #fff url(../images/layout/search-bg.gif) repeat-x left top;
	color: #666;
	padding: 2px;
	padding-top: 0;
}

.required {color:red;}

/* Data styles */ 

.error {
	background: #fcc !important; 
	border: 1px solid #f99 !important;
}

#message-box {
	background-color: #ffc; 
	border: 1px solid #eeb; 
	padding: 5px; 
	margin-bottom: 10px;
}

#alert {
	background: transparent url(../images/icons/error.gif) no-repeat left center; 
	color: #f00; 
	border-bottom-color: #dda;
}

#solutions {background: transparent url(../images/icons/info.gif) no-repeat left center;}

.row-even:hover, .row-odd:hover {background-color: #ffc;}

.numeric, .date {font-family: georgia,'times new roman',serif;}

.numeric {text-align: right;}

.date {text-align: center;}

.edit-text {margin-bottom: 4px;}

.back {width: 100px;}

/* Table Styles */
table {
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #ddd; 
	border-left: none;
	border-bottom: none;	
}

th {
	background: #f7f7f7 url(../images/layout/tool-bar-bg.gif) repeat-x left top;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	height: 28px;	
}

td {padding: 2px;}

tbody td {border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}

table .label {
	width: 100px; 
	text-align: right; 
	font-weight: bold;
	padding-right: 10px;
}

.row-odd {background-color: #eee;}

.row-even {background-color: #fff;}