/* CSS Document */
/*SRG Manager*/
body {font: 12px Verdana, sans-serif;
	 background:#ccc url(images/background01.jpg) 0 0 repeat-y;
	margin: 0; padding: 0;}
h1, h2, h3, p, ul {font: 12px Verdana, sans-serif;}
h1 {display: none;}
h2 {font-size: 1.8em;
	text-align: center;
	font-weight: bold;
	color: #663333;}
h3 {font-size: 1.5em;
	color:#666666;
	margin: 5px 0 0 10px;
	font-weight: bold;}
h4 {font-size: 1.3em; font-weight: bold;
	color:#996666;
	margin: 5px 0 5px 10px;
	border-bottom: 1px solid #666;}
p {margin: 5px 10px 1em 10px;
	line-height: 1.1em;}
.note {color:#666;
	font-style: italic;}
ul {font-size: 1.1em;
	margin:5px 20px 10px 20px;}
strong {}
div#header {background: #ccc url(images/header01.jpg) 0 0 no-repeat;
	height: 153px;
	margin: 0; padding: 0;}
a:link {color:#996666;}
a:hover {color:#666;}
a:visited {color:#996666;}
div#leftcontent {margin: 10px 0 0 175px;
	padding: 5px;
	width: 650px;}
div#menu {position: absolute;
	top: 200px; left: 0;
	margin: 0; padding: 0;
	width: 146px;
	border-top: 1px solid #666;}
div#menu a {display: block;
	padding: 5px;
	text-decoration: none;
	border-bottom: 1px solid #666;}
div#menu a:link {color: #663333;}
div#menu a:hover {background-color:#999999;
	color:#ccc;}
div#menu a:visited {color: #663333;}
div#menu a.sub {padding-left: 25px;}
div#menu a.sub:link {color:#333;}
div#rightcontent {
	 position: absolute;
	 top: 200px; left: 0;
	 margin: 0; padding: 0;
	 width: 146px;}
div#rightcontent h3 {font-size: 1.1em;
	margin: 3px 0 3px 7px; padding: 0;}
div#rightcontent table.datatable {}
div#searchmini {position: absolute;
	top: 0; left: 850px;
	width: 150px;}
div#searchmini h3 {font-size: 1.1em;}
div#searchbox {margin: 3px; padding: 3px;
	background-color:#fff;
	border: 1px solid #666;}
div#searchbox a {font-weight:bold;
	text-decoration:none;
	color:#663333;}
div#searchbox a:hover {color:#996666;}
div#rightcontent div.acctbtn {background-color:#cc9999;
	margin: 3px; padding: 5px;
	font-size: 1.1em;
	font-weight:bold;
	text-align: center;}
div#rightcontent div.acctbtn a {color: #333;
	text-decoration: none;}
div.help a {padding: 5px;
	text-decoration: none;
	border-bottom: 1px solid #666;}
div.help a:hover {background-color:#999999;
	color:#ccc;}
div#rightcontent div.acctbtn a:hover {color: #663333;}
div#findbyemail{
	 position: absolute;
	 top: 75px; left: 660px;
	 margin: 0; padding: 0;
	 width: 150px;}

ul#productitems {list-style: none;
	margin: 5px 0 0 0; padding: 0;}
ul#productitems li {margin: 0; padding: 0;
	}
ul#productitems li a {text-decoration: none;
	margin: 0; padding: 7px 0 3px 8px;
	display: block;
	color: #333;}
ul#productitems li a:hover {color: #663333;}
p#copyright {text-align:center;
	color: #666;}
p#description {text-align: center;
	font-size: 1em;}
.datatable {width: 90%; margin: 0 0 5px 10px;
	border: 1px solid #ccc;}
.fixeddatatable {width: 618px; margin: 0 0 5px 10px;
	border: 1px solid #ccc;}
  .tableheader td{ font-size: 1em;
	font-weight: bold;
	padding:3px;
	background-color: #cc9999;}
.buy a {background-color: #ffffcc; padding: 2px; margin: 2px;
	font-size: 1em; font-weight:bold; text-decoration:none; text-align:center;
	border: 1px solid #993333}
.buy a:link {color:#666;}
.buy a:hover {color:#993333;}
.buy a:visited {color:#666;}
.current {background-color:#FFFFcc; color:#333;
	font-weight: bold;}
.border {border-right: 1px solid #ccc;}
.gray {background-color:#CCCCCC;}

div#nav { margin: 30px 5px 5px 5px;
	text-align: center;
	color:#333333;}
div#nav a {text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;}
div#nav a:link {color:#663333;}
div#nav a:hover {color:#666;}
div#nav a:visited {color:#663333;}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.required {color:#663333;
	font-weight:bold;}
/*Index*/
div#error {position: absolute;
	top: 100px; left: 100px;
	font-size: 1.1em;
	text-align:center;
	font-weight: bold;
	color:#666;
	border: 2px solid #993333;
	margin: 5px;
	padding: 5px;
	width: 300px;}
div#info {position: absolute;
	top: 100px; left: 100px;
	font-size: 1.1em;
	text-align:center;
	font-weight: bold;
	color:#666;
	border: 2px solid #999;
	margin: 5px;
	padding: 5px;
	width: 300px;}
div#indexbtn {text-align: center;
	vertical-align: middle;
	height: 400px;}
div#indexbtn a { display: block;
	text-decoration: none;
	font-weight:bold;
	font-size: 1.1em;
	background-color: #cc9999;
	margin: 5px; padding: 5px;}
/*Login*/
div#login { background-color:#FFFFCC;
	border: 1px solid #666;
	width: 450px;
	margin: 20px 50px 0 100px; padding: 0 0 10px 0;}
div#login h2 {font-size: 1.8em;
	font-weight: bold;
	margin:0 0 5px 0; padding: 5px;
	color:#663333; background-color:#666;}
div#login a { padding: 5px 10px; margin: 5px;
	float: right; display: block;
	text-decoration: none;
	font-weight: bold;
	background-color:#666;}
div#login a:link {color:#663333;}
div#login a:hover {color: #cc9999;}
div#log_txt {margin:0 100px;}
/*Company*/
div#priornotes {
	 position: absolute;
	 top: 40px; left: 30%;
	 margin: 0; padding: 0;
	 width: 70%;}
/*Admin*/
/*
tbody.hasscroll{overflow-x:hidden; overflow-y:auto; height:100px;}
tbody.noscroll{}
*/
td.bar {border-bottom: 2px solid #ccc;}
td.button a {font-size: 1em;
	font-weight: bold;
	text-decoration: none;}
td.button a:link {color:#663333;}
td.button a:hover {color: #666;}
td.button a:visited {color: #663333;}
td.readonly {font-weight: bold;
             background-color: #999999;}
tr#tablehead td{ font-size: 1em;
	font-weight: bold;
	padding:3px;
	background-color: #cc9999;}
/*Product Add/Edit */
div#buttonbtn {float:right;
	margin-right: 50px;
	text-align: center;}
div#buttonbtn a {font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	background-color:#999999; padding: 5px;}
div#buttonbtn a:link {color: #663333;}
div#buttonbtn a:hover {color: #ccc;}

div#productbtn {width: 200px; margin-left: auto; margin-right: auto;
	margin-right: 50px;
	text-align: center;}
div#productbtn a {font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	background-color:#999999;
	padding: 5px;}
div#productbtn a:link {color: #663333;}
div#productbtn a:hover {color: #ccc;}
/*Accounts*/
div#sav-cancel {text-align: center;
	margin: 0 0 5px 0;}
div#sav-cancel a {font-size: 1em; text-decoration: none;
	font-weight: bold; background-color:#999999; padding: 5px;}
div#sav-cancel a:link { color: #663333;}
div#sav-cancel a:hover { border: 1px solid #333;}
div#ship-btn {text-align:center;
	font-size: 1.1em;}
div#ship-btn a {text-decoration: none;
	 font-weight: bold;
	color:#663333;
	background-color: #999;
	width: 200px;
	padding: 5px; margin: 5px;}
div#ship-btn a:hover {color: #cc9999;}
.question {font-size: 1em;
	font-weight:bold;
	color:#333333;}
table#products {text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 95%;
	border: 1px solid #ccc;
	text-align: center;}
table#products td {width: 33.3%;
	padding: 0; margin: 0;}
table#products span.title {font-weight: bold;
	color:#333;
	font-size: 1em;
	text-align: center;}
table#products a {color:#663333;}
div.wrap {width: 410px;
	border: 1px solid #666;
	background-color: white;
	margin: 5px; padding: 5px;}
div.buttonbar {width: 200px; margin-left: auto; margin-right: auto;
	background-color:#FFFF99;}
div.buttonbar a {margin: 5px; padding: 5px;
	text-decoration: none;
	font-size: 1.1em; font-weight: bold;}
div.buttonbar a:link {color: #663333;}
div.buttonbar a:hover {color: #666666;}

/* Alert box override  */

#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(images/tp_alert.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:50px;
	border:2px solid #000;
	background-color:#F2F5F6;
	background-image:url(images/alertbox.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	background-color:#78919B;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font:1em verdana,arial;
	height:50px;
	padding-left:5px;
	margin-left:55px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:2px solid #000;
	width:70px;
	font:1em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#78919B;
	text-decoration:none;
}

div.faileditems{
      width: 640px;
      border: 1px solid #cc9999;
}

/* EXPERIMENTAL */
/* Scrolling tables IE also */
div.tableContainer {
	width: 100%;
	height: 140px;
	overflow-y: auto;
        overflow-x: hidden;
	margin: 0 auto;
        padding:0;
        border: 1px solid #cc9999;
	}
div.dummy {}

table.selectboxes {border: 1px solid #ccc;}
/*select.selectbox {width: 98%;}*/
select.selectbox {width: 20%;}
.prodgrptable {width: 90%;
                border: 1px solid #ccc;}
.prodgrptable tr td {padding: 0px 3px;}