@import 'formtable.css';

.todo {
	font-weight:bold;
	color:#F00;
}
.todo:after {
	content: " (TODO)";
}

body,td,th, h1, h2, h3, ul.adminmenu li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #4a4a4a;
	font-size:11px;
}
body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

img {
	border:none;
}
form {
	display:inline;
}

a, a:visited, table.searchresults td.paging button {
	color:#00F;
}
submit,button,select,textarea,input{
	font-family: Arial, Helvetica, sans-serif;
	color: #4a4a4a;
	font-size:11px;
}
input, option, textarea {
	padding:1px 3px 1px 3px;
}

/* josh stuff below */
h1 { font-size:2em; font-weight:bold; margin-bottom:1em; }

h3 { margin-bottom:1em; }

html,body {
	margin: 0;
	min-width: 700px;
}

img.logo {
	margin: 1em;
}

#header {
	height: 2.2em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#sidebar {
	width: 20em;
	min-width: 20em;
	max-width: 20em;
}
#sidebar li h3, #featuredproducts h3 {
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	margin: 1em 0em 0em 1em;
}
#sidebar li div {
	margin: 0em 1em 1em 1em;
	padding:.6em;
}

#sidebar li div.quicksearch input, #sidebar li div.sidebar_quickadd input {
	margin-right: 0;
	width: 60%;
}
#sidebar li div.sidebar_quickadd input.qty {
	display:inline;
	width: 12%;
	margin-top: 2%;
	margin-bottom:2%;
	margin-left:2%;
}
#sidebar li div.sidebar_quickadd label.qty {
	margin-left:44%;
}
#sidebar li div.quicksearch button {
	display:inline;
	width: 18%;
	margin-top: 2%;
	margin-bottom:2%;
	font-size: .8em;
	height: 2.1em;
	padding:0;
}

#sidebar li button.textlink, button.textlink, div.loginform a {
	background-color: transparent;
	border:0;
	margin-right:0;
	padding: .2em;
	cursor: pointer;
}

#sidebar li div.quicksearch button, button {
background-color:#FFFFFF;
}


h3 { font-size:1.2em; font-weight:bold; text-align:center; }
.error { color:#FF0000; }

.hide { display: none; }


#sidebar input.textbox, #sidebar button, #sidebar li div, table.datatable tbody input,
	input.textbox, textarea.textbox, div.searchbox, button, div.loginform, .outlinedbox
{
	border: 1px solid #bebebe;
}

input.checkbox, table.formtable input.checkbox, table.myprofile tbody td input.checkbox {
	width: auto;
	margin-left:0;
	margin-right: 1em;
}

#sidebar li div, #header, table.datatable tr.odd td,
table.datatable tr.odd th, div.searchbox, div.loginform, .outlinedbox
{
	background-color: #e7e7e7;
}

#sidebar button, button, div.loginform a{
	padding: .2em;
	margin: .6em auto;
	display:block;
}
#sidebar button, button, div.loginform a, ul.adminmenu li.title{
	color: #7b0010;
}

#sidebar li {
	margin-bottom: 2em;
}


#sidebar input.textbox, #sidebar li label { width: 80%; margin: 2% 10%; font-size: 1.2em; }

#sidebar li label {
	font-size: 1em;
	margin-top: 2%;
	margin-bottom: 2%;
}



#featuredproducts dt img { /*border: 1px solid #CCC;*/ margin: .6em auto;display:block; }
#featuredproducts dd { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #bebebe; }
#featuredproducts { width: 16em; min-width: 16em; float:right; margin: 1em; background-color:#FFF; padding:.6em; }
#featuredproducts h3 { margin: .4em 0em 0em 0em; }


#content {
	padding: .6em;
	padding-top:2.45em;
	
	text-align:justify;
	background-color: #FFF;
	min-width: 10em;
}

#content h1 {
	font-size: 1.2em;
	font-weight: bold;
	text-align:left;
}

#content p {
	line-height: 1.5em;
	margin-bottom: 1em;
	font-size: 1.2em;
}
#content p.tight {
	line-height: 1em;
	margin-bottom: 0;
}
#content p:first-letter {
padding-left: 2em;
}

#content img.alignleft {
	float:left;
	margin-right: 1em;
	border: 1px solid #bebebe;
}


#footer {
	width:100%; 
	text-align:center;
	color:#999999;
	font-size:10px;
	
	height:30px;
	position:absolute;
	bottom: 0px;
}


table.datatable {
	border-collapse:collapse;
}
table.datatable tbody tr td, table.datatable tbody tr th {
	background-color: #F8F8F8;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top: 1px;
	padding-bottom: 1px;
}
table.datatable tbody tr:hover td, table.datatable tbody tr:hover th {
  background-color: #FFFFCC;
}
table.datatable tbody tr.hightlight td, table.datatable tbody tr.highlight td {
	background-color:#CCFFFF;
}
table.datatable tbody td.money {
	text-align:right;
}
table.centertds tbody td {
	text-align:center;
}

/* Search page */
div#subcategory_div.inactive{ color:#999999; text-align:center; display:block; }
div.searchbox {
	padding: .6em;
	margin-bottom: 2em;
	margin-left: 1em;
	margin-right: 1em;
}
div.searchbox table {
	margin: 0 auto;
	width: 80%;
}
div.searchbox table tbody tr td {
	height: 1.8em; /* text, textboxes, selectboxes will have different heights... it's easier to just set a cell height than figure out a good padding value */
	padding: 0 .2em;
}
div.searchbox table tbody tr td select {
	width: 100%;
}
button
{
	margin: 0 auto;
	display:block;
}


/* Data tables */
table.datatable {
	max-width:100%;
	margin: 0 auto;
}

table.datatable thead th, table.datatable tr.header td {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background-color:#FFFFFF;
	border-top: 0;
}
table.datatable tr.header:hover td {
	background-color:#FFFFFF;
}

table.datatable th, table.datatable td {
	padding-left: .5em;
	padding-right: .5em;
	/*white-space:nowrap;*/
}

table.datatable tbody th {
	font-size: 1em;
	font-weight:normal;
	text-align:left;
}

table.datatable tbody input {
	text-align:right;
	padding-left: 2px;
	padding-right: 2px;
}

table.datatable td.paging {
	text-align:center;
	padding-top: 2em;
}
table.datatable td.paging button {
	text-decoration:none;
	display:inline;
	margin-left: .2em;
	margin-right: .2em;
}

table.datatable td.paging button.currentpage {
	font-weight: bold;
	font-size: 1.4em;
	color: #4a4a4a;
}

table.reassigncustomers {
	margin-top: 1em;
}
table.reassigncustomers tbody input, table.reassigncustomers thead input {
	width:30px;
	margin: 0 auto;
}
table.reassigncustomers th.chkbox {
	width: 30px;
	padding-left:0;
	padding-right:0;
}
table.reassigncustomers tfoot td {
	padding-top: 1em;
}
table.reassigncustomers tfoot td button {
	margin-right:0;
}


.dontwrap { white-space:nowrap; }


/* View Cart */
table.viewcart tfoot tr.totalrow td {
	padding-top:0;
	font-weight:bold;
	text-align:right;
}
table.viewcart tfoot td {
	background-color:#FFFFFF;
	padding-top:2em;
	text-align:right;
}
table.viewcart tfoot td.modifybtn {
	padding-top:5px;
	padding-right:0;
	text-align:right;
}
table.viewcart tfoot td button {
	margin-left: auto;
	margin-right: 10px;
	display:inline;
}

table.viewcart tr.removing th, table.viewcart tr.removing td {
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
}

table.viewcart td div.truncateDescription {
	overflow: hidden;
	height: 1.2em;
	display: block;
}


button.disabled, input.disabled, select.disabled {
	color: #4a4a4a;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
}
input.disabled, select.disabled {
	background-color: #DDD;
}


/* Category view - browse categories */
table.categories, table.subcategories { width: 99%; }
table.categories td, table.subcategories td { width: 33%; }
table.categories td { padding: 1em; text-align:center; }
table.subcategories td { padding: .6em; text-align: left; }
table.categories div, table.subcategories div { width:150px;height:150px; display:block; margin:auto; }


/* Category view - view subcategory's products */
table.viewsubcategory {
	margin-top: 1em;
	margin-bottom: 1em;
}
table.viewsubcategory tbody tr td {
	padding-top: 1em;
	padding-bottom: 1em;
}
table.viewsubcategory tbody tr td h3 {
	text-align: left;
}
table.viewsubcategory tbody tr td p {
	margin-top: 1em;
	max-height: 6em;
	overflow: hidden;
	width: 90%;
	text-align:justify;
}
table.viewsubcategory tbody tr th {
	width:170px;
	color:#bebebe;
	text-align:center;
}
table.viewsubcategory tbody tr th img {
	border: 1px solid #CCC;
	margin: 10px;
}
table.viewsubcategory tbody tr td button {
	font-size: 1.2em;
}

/* Login Form */
div.loginform {
	width: 22em; /* the inputs are (16em * 1.2em font size) ~= 19em wide, so give them some breathing room */
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: right;
}
div.loginform, div.loginform input, div.loginform label {
	margin-left: auto;
	margin-right: auto;
}
div.loginform input, div.loginform label  {
  display:block;
  width: 16em;
  font-size: 1.2em;
  text-align: left;
}
div.loginform input {
  margin-bottom: .6em;
}
div.loginform a {
	display:inline;
	text-decoration:none;
}

/* Quick Add table */
div.quickadd {
	width: 30em;
	padding: 1em;
}
div.quickadd, div.quickadd table {
	margin-left:auto;
	margin-right:auto;
}
div.quickadd table td,div.quickadd table th {
	padding: .2em;
}
div.quickadd table th {
	padding-left: 1.4em;
}
div.quickadd table th.qty {
	text-align:center;
	padding-left: 0;
	padding-right: 1.4em;
}
div.quickadd table input.textbox, div.quickadd table input.qty {
	font-size: 1.2em;
}
div.quickadd table input.textbox {
	margin-left: 1em;
	width: 16em;
}
div.quickadd table input.qty {
	width: 4em;
	margin-left: 0;
	margin-right: 1em;
	text-align:right;
}

/* My Profile page - mostly just a formtable */
table.myprofile tfoot td, table.commentform tfoot td {
	padding-top: 0;
	padding-bottom: 1em;
}
table.myprofile tfoot td button, table.commentform tfoot td button {
	display:inline;
}
table.myprofile tbody td.label {
}
table.myprofile td, table.myprofile tbody td input,
table.myprofile tbody td select, table.myprofile tbody td textarea,
table.myprofile th
{
	width: 16em;
}
table.myprofile td.double, table.myprofile th.double {
	width: 32em;
}
table.myprofile td.double textarea {
	height: 6em;
	width: 38em;
	margin: .2em;
}

table.commentform th {
	width: 10em;
}
table.commentform tbody td, table.commentform tbody td input, table.commentform tbody td textarea {
	width: 22em;
}
table.commentform tbody td textarea {
	height: 8em;
}

/* Admin Index */
ul.adminmenu li.title {
	font-weight:bold;
}
ul.adminmenu {
	margin: 1em 1em 1em 1em;
	display:block;
	float:left;
}
ul.adminmenu, ul.adminmenu li {
	width: 22em;
}
ul.adminmenu li a {
	text-decoration:none;
}
ul.adminmenu li a:hover {
	text-decoration:underline;
}


table.vieworders {
	margin-bottom: 2em;
}

table.viewcart tbody tr.odd:hover td, table.viewcart tbody tr.odd:hover th { background-color: #e7e7e7; }
table.viewcart tbody tr:hover td, table.viewcart tbody tr:hover th { background-color: #F8F8F8;}

#content h1.checkout_breadcrumb {
	text-align:center;
	font-size:1em;
	display:block;
}

#content h1.checkout_header {
	margin-top: 2em;
	font-size: 1.6em;
}

button.bigbutton {
	font-weight:bold;
	font-size: 1.4em;
	border-width: 2px;
	margin-bottom:2em;
}

table.searchresults thead button {
	margin-left:-.4em;
	padding:0;
	text-align: left;
}

#sidebar div.sidebar_quickadd input.quickadd_label {
	border-color: #e7e7e7;
	background-color: #e7e7e7;
}