@import url("forms.css");

body {  	
	background: #ddd url(../_images/body_bg_gray.png) repeat top left;
	border-top: 10px solid #056;
	margin: 0;
	}

body.admin {
	border-top: 10px solid #007;
	}
	
.center {
	text-align: center;
	}

.right {
	text-align: right;
	}
	
.fright {
	float: right;
	}
	
.fleft {
	float: left;
	}	
	
.dashboard {
	background: transparent url(../_images/dashboard_bg.png) repeat-x top left;
	float: left; 
	border: 1px solid #ccc; 
	width: 140px;
	padding: 30px;
	margin: 10px;
	}
	
.dashboard2 {
	background: transparent url(../_images/dashboard_bg.png) repeat-x top left;
	float: left;
	border: 1px solid #ccc; 
	width: 250px;
	padding: 30px;
	margin: 10px;
	}	
	
.dashboard3 {
	background: transparent url(../_images/dashboard_bg.png) repeat-x top left;
	clear: both;
	border: 1px solid #ccc; 
	width: 200px;
	padding: 30px 220px;
	margin: 10px;
	}	
	
table {
	margin: auto;
	margin-bottom: 20px;
	width: 99%;
	border: 1px solid #ccc;
	padding: 3px;
	}

table td, table th {
	padding: 1px;
  	font: 12px tahoma, georgia, sans-serif;
	color: #133;
	}
	
table th {
	border: 2px solid #49a;
	background-color: #9cd;
	text-align: center;
	font-weight: bold;
	line-height: 20px;	
	}
	
table td {	
	padding: 3px;
	text-align: center;
	background-color: #eee;
	line-height: 1.3em;
	}
	
table tr.off td.off, table tr.off:hover td.off, table tr.off1 td.off, table tr.off1:hover td.off {	
	background-color: #fff;
	text-align: left;
	}
	
table tr.off td, table tr.off:hover td, table tr.off1 td, table tr.off1:hover td {
	cursor: default;
	background-color: #eee;
	text-align: right;
	}
	
table tr.off1 td{
	border-top: 3px solid #aaa;
	}
	
table td.action {	
	width: 30px;
	text-align: center;
	}	
	
table td.description {
	width: 250px;
	text-align: left;
	}

table td.description2 {
	width: 220px;
	text-align: left;
	}
	
table tr.hover td, table tr:hover td {
	background-color: #eef;
	cursor: pointer;
	}
	
table td a, table td a:hover {
	color: #601;
	text-decoration: underline;
	}
	
#content a:hover img {
	border-color: #056;
	}
		
#content p.loginfo {
	text-align: right;
	background-color: #cef;
	border: 1px solid #49a;
	padding: 2px 10px;
	margin: 0 3px 10px;
	}
	
#container { 
	padding: 0px;
	margin: 0px;
	}

#header {
	background: transparent url(../_images/header_bg.png) no-repeat top center;
	width: 850px;
	height: 30px;
	margin: 0 auto;
	border: 0;
	}

#header h1 {
	display: none;
	}
	
div#menu_wrap.admin {
	background: transparent url(../_images/header_bg_admin.png) no-repeat top center;
	}
	
div#header.admin, div#content.admin, div#footer.admin {
	border: 0px;
	}
	
#content  {
	background: transparent url(../_images/content_bg.png) repeat-y top center;
	width: 750px;
	margin: 0 auto 0 auto;
	padding: 15px 50px;
	border: 0;
	}
	
#footer {
	background: transparent url(../_images/footer_bg.png) no-repeat bottom right;
	width: 850px;
	height: 75px;
	margin: auto;
	padding: 25px 0px 0px;
	border: 0;
	}
	
#menu_wrap {
	background: #fff url(../_images/menu_bg.png) no-repeat top center;
	width: 390px;
	height: 145px;
	margin: 0 auto 15px auto;
	padding: 5px 0 0 360px;
	}

#menu_wrap h1 {
	display: none;
	}

div#menu_wrap.admin #menu li a{
	width: 75px;
  	font: 14px/35px "trebuchet ms", sans-serif;
	}
	
#menu {
	width: 380px;
	height: 35px;
	margin: 0;
	background-color: #fff;
	}

#menu ul {
	width: 380px;
  	list-style: none outside;
  	padding: 0px;
  	margin: auto;
	}	

#menu li {
	margin: auto;
  	display: block;
	float: left;
	}
	
#menu li a {
	background-color: transparent;
	margin: 0px;
	padding: 0px;
  	font: 18px/35px "trebuchet ms", sans-serif;
	text-transform: uppercase;
	display: block;
	float: left;
	text-align: center;
	width: 95px;	
	height: 35px;
  	color: #49a;
	text-decoration: none;
	border-top: 3px solid #fff;
	}
	
#menu li a:hover {
  	color: #601;
	background: #fff url(../_images/menulink_bg.png) no-repeat top center;
	border-top: 3px solid #ddd;
	}

#menu li a.active {
  	color: #601;
	background: #fff url(../_images/menulink_bg.png) no-repeat top center;
	border-top: 3px solid #601;
	}
	
#content h1 {
	margin: 0 15px;
  	font: 24px/34px "trebuchet ms", tahoma, sans-serif;
	color: #601;
	}

#content h1.shows {
	margin: 0px;
	height: 110px;
	background: transparent url(../_images/h1_shows.png) no-repeat top center;
	text-indent: -3000px;
	}
	
#content h2 {
	margin: 0 15px;
  	font: 18px/24px georgia, sans-serif;
	letter-spacing: 1px;
	color: #49a;
	}
	
#content h3 {
	margin: 0 3px;
	padding: 5px;
  	font: 20px/20px georgia, sans-serif;
	letter-spacing: 1px;
	color: #333;
	background-color: #cef;
	border: 1px solid #49a;
	}
	
#content h3.success {
	padding-left: 35px;
	background: #cfc url(../_images/success.gif) no-repeat 5px center;
	color: #090;
	border: 1px solid #090;
	}

#content h3.error {
	padding-left: 35px;
	background: #fdd url(../_images/error.gif) no-repeat 5px center;
	color: #c00;
	border: 1px solid #c00;
	}	
	
#content p {
  	font: 12px/20px tahoma, georgia, sans-serif;
	color: #133;
	margin: 10px 25px 25px;
	}

#content p.hr {
	margin: 30px 70px;
	border-bottom: 4px double #49a;
	clear: both;
	}

#content p a, #content ul.list li a, #content ul.list li.alternate a, .dashboard a, .dashboard2 a  {
	color: #601;
	text-decoration: underline;
	}
	
#content p a:hover, #content ul.list li a:hover , #content ul.list li a:hover, .dashboard a:hover, .dashboard2 a:hover  {
	color: #fff;
	background-color: #601;
	text-decoration: none;
	}
	
#content img.border {
	padding: 5px;
	margin: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	text-align: center;
	}

#content img.icon {
	width: 100px;
	height: 100px;
	border: 0px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	}
	
#content img.ordericon {
	width: 75px;
	height: 75px;
	border: 0px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	}
	
	
#content ul.list  {
	display: block;
  	list-style: none outside;
  	padding: 0px;
	margin: 0; 
	border-bottom: 1px solid #aaa;
	}
	
#content ul.list li { 
	background-color: #eff;
	padding: 3px 5px;
	border-top: 1px solid #aaa;
	border-bottom: 0;
	margin: auto; 
	font: 11px/16px tahoma, sans-serif;
	color: #133;
	text-align: left;
	text-decoration: none;
	display: block;
	}

#content ul.list li.alternate { 
	background-color: #fafafa;
	}
	
#content div.right  {
	text-align: right;
	float: right;
	width: 400px;
	}

#content div.half {
	float: left; 
	text-align: left; 
	width: 370px;
	padding: 0 0 0 5px;	
	}
	
#content div img {
	margin: 5px;
	border: 0;
	}
	
#flash_intro {
	width: 330px; 
	height: 330px; 
	padding: 9px; 
	border: 1px solid #ccc;
	margin: 0;
}
	
#flash_intro object {
	width: 330px;
	height: 330px;
	}
	
#footer div {
	width: 740px;
	border-top: 2px solid #49a;
	background: #fff url(../_images/m.gif) no-repeat 570px center;
	height: 40px;
	margin: 0px auto;
	padding: 5px;
	}
	
#footer div p{
  	font: 11px/1.5 tahoma, georgia, sans-serif;
	color: #056;
	text-align: left;
	margin: 0;
	display: inline;
	}
	
#footer div a, div#footer.admin div a {
	color: #999;
	text-decoration: none;
	}

#footer div a:hover, div#footer.admin div a:hover {
	color: #000;
	}
	
div#footer.admin div {
	border-top: 2px solid #007;
	}

div#footer.admin div p {
	color: #007;
	}
	
	
#product-main {
	background: #fff url(../_images/product-main.png) repeat-y top left;
	}
	
#catmenu ul {
	width: 170px;
  	list-style: none outside;
  	padding: 0px;
  	margin: 0;
	}	

#catmenu li {
	margin: auto;
  	display: block;
	float: left;
	}
	
#catmenu li a, #catmenu li form {
	background-color: transparent;
	margin: 0px;
	padding: 0px;
  	font: 18px/30px "trebuchet ms", sans-serif;
	text-transform: uppercase;
	display: block;
	float: left;
	text-align: center;
	width: 170px;	
	height: 30px;
  	color: #601;
	text-decoration: none;
	border-bottom: 1px solid #bbb;
	border-top: 2px solid #fff;
	}
	
#catmenu li a:hover {
  	color: #49a;
	}

#catmenu li a.active {
  	color: #49a;
	}

#catmenu form.advancedsearch h1 {
  	font: 18px/35px "trebuchet ms", sans-serif;
	text-transform: uppercase;
	letter-spacing: normal;
	margin: 0;
	padding: 0;
	}
	
#product-list {
	width: 575px; 
	float: right; 
	background-color: #fff; 
	padding-top: 10px;
	}
	
#product-list ul {
  	list-style: none outside;
	}	

#product-list li {
	margin: 5px 5px;
  	display: block;
	float: left;
	}
	
#product-list li a {
	width: 160px;
	background-color: transparent;
	margin: 0px;
	padding: 5px 0;
  	font: 12px/1.2 tahoma, georgia, sans-serif;
	color: #133;
	display: block;
	float: left;
	text-align: center;	
	text-decoration: none;
	border: 1px solid #ccc;
	}
	
#product-list li a:hover {
  	color: #49a;
	border: 1px solid #49a;
	}
	
#product-list a img {
	margin: 0;
	padding: 0;
	width: 150px;
	height: 150px;
	}