/*
	STYLESHEET FOR ADMIN INTERFACE
	GENERALIZED FOR GENERAL USE
	Created 10/12/06
	Peter DeMarco
	River City Studio
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	padding: 0px;
	margin-top: 170px;
	background-color:#120D0A;
   background-image: url('/_img/headerBacker.jpg');
   background-repeat: repeat-x;
}


/*
	DEFAULT STYLES
*/

img {
	border: none;
}

h1, h2, h3 {
	color: #222;
}

h1 {
	font-size: 16px;
	padding-left: 10px;
	padding-bottom: 3px;
	border-left: 1px dashed #222;
	border-bottom: 1px dashed #222;
}

h2 {
	font-size: 14px;
	color: #009;
	text-align: center;
}

h3 {
	font-size: 13px;
}

a, a:visited {
	color: #622;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
  padding-left: 10px;
}



/*
	DIV STYLES
*/

#contentHolder {
	position: relative;
	width:70%;
	margin: 10px auto auto auto;
	padding: 60px;
	border: 1px solid #222;
  background-color: #FFF; 

}

#nav {
	padding: 5px;
	background-color: #EEE;
	text-align: right;
}

/*
  GENERAL STYLES
*/

.box {
	position: relative;
	border: 1px solid #222;
	padding: 10px;
	margin: 5px;
}

.box .thumb {
  float: left;
  margin: 10px 10px 0px 0px;
}

.red {
  background-color: #FBC;
  padding: 15px;
  color: #900;
  border: 1px solid #C55;
}

.blue {
  background-color: #CBF;
  padding: 15px;
  color: #009;
  border: 1px solid #55C;
}

.catImg {
  float: left;
  margin-top: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
}

.prod {
  border: 1px solid #333;
  padding: 8px;
  margin: 8px 8px 8px 163px;
}


/*
	FORM STYLES -- login page see LOGIN PAGE STYLES at bottom of doc
*/

#login {
	position: relative;
	width: 300px;
	margin: 40px auto 80px auto;
	padding: 8px;
	border: 1px solid #222;
	text-align: center;
}

form p {
  margin-top: 15px;
}

input, textarea, select {
	border: 1px solid #222;
	background-color: #DDF;
	padding: 2px;	
}

#noThumbLogo {
   margin-left:125px;
   display:inline;
}

.lineUp {
	position: absolute;
	left: 250px;
}

.lineUpLogo, .lineUpProductImage {
	border:1px solid silver;
	padding:20px;
}

.lineUpCalendar {
	position: absolute;
	left: 320px;
}

.lineUpRegister {
   position: absolute;
	left: 150px;
}

.errMsg {
	font-weight:bold;
}

/* BANNER STYLES */

#layout {
   border:1px solid silver;
   width:600px;
   height:493px;
   position:relative;
   top:0px;
   left:0px
}

.bannerBox {
	width:290px;
	height:46px;
	position:absolute;
}

#banner1Box {
   border:1px solid orange;
	width:290px;
	height:46px;
	top:443px;
	left:0px;
}

#banner1Box a {
	display:block;
	width:290px;
	height:46px;
	text-align:center;
}

#banner2Box {
   border:1px solid orange;
	top:443px;
	left:308px;
   width:290px;
}

#banner2Box a {
	display:block;
	width:290px;
	height:46px;
	text-align:center;
}


a.bannerBoxEmpty{
	display:block;
   border:1px solid silver;
	/*width:69px;*/
	height:45px;
	text-align:center;
	/*padding-top:22px;*/
	font-size:9px;
}

a.bannerBoxFull {
	display:block;
	width:69px;
	height:45px;	
	text-align:center;
	padding-top:0px;
	font-size:9px;
}


/*VENDOR STYLES */

#vendorIdentify {
   height:100px;
   border:1px solid silver;
   border-bottom: 3px solid silver;
   padding:10px;
}

#vendorIdentify img {
   padding:10px;
}


/* REPORT STYLES */
table.reportList {
	border:1px solid silver;
}

table.reportList td, table.reportList th,  {
	font-size:9px;
}

table.ordersTable {
   width:70%;
}

table.ordersTable td {
	font-size:11px;
}

table.ordersTable th {
	font-size:14px;
   background-color:silver;
   text-align:left;
}

.listingHeader {
   border:1px solid silver;
   background-color:#cccccc
}


/* SEARCH STYLES */

.searchBox {
	border:1px solid silver;
	padding:10px;
}

/* PAGE CONTENT STYLES */

.expandButton {
   display:inline;
   border:1px solid silver;
   width:20px;
   height:5px;
   line-height:6px;
   text-align:center;
   padding:0px 5px 2px 5px;
   font-weight:bold;
   font-size:14px;

}

/* ORDERING STYLES */


#categoryList.scroll {
  width: 350px;
  height: 300px;
  overflow: auto;
}

#categoryList .selected {
	background-color: #CBF;
	padding: 5px;
	border: 1px solid #009;
}




#Splurge {
	position: relative;
	display: none;
/*    position:absolute; */
/*    height:150px; */
/*    width:800px; */
/*    visibility:hidden; */
/*    overflow:hidden; */
}

#Window {
   position:relative;
   top:0;
   height:150px;
   width:800px;
   visibility:hidden;
   overflow:hidden;
}


/* LOGIN PAGE STYLES */

#loginPage {
    position:relative;
    margin: 40px auto;
    padding: 0px;
    width:700px;
}
#loginPage h1 {
    font-size: 24px;
    margin: 0px;
    padding: 20px 0px;
    color:#000;
    text-align:center;
    border: 0px;
}
#loginPage h2 {
    font-size: 14px;
    margin: 0px;
    padding: 8px 0px;
    color:#FFF;
    background-color:#CC0000;
    border-bottom: 1px solid #222;
    text-align:center;
}
#loginContainer {
    position: relative;
    width: 320px;
    margin: 40px 20px 80px 0px;
    padding: 0px 0px 10px 0px;
    border: 1px solid #222;
    background-color:#FFF;
}
#loginContainer #login {
    position: relative;
    width: 300px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    border: 0px solid #222;
}

#signUpContainer {
   position: relative;
   width: 500px;
   margin: 40px auto 80px 14%;
   padding: 0px 0px 10px 0px;
   border: 1px solid #222;
   background-color:#FFF;
}


.tinyText {
    font-size:10px;
    font-style:italic;
}
#vendorInfo {
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    border: 1px solid #222;
    text-align: center;
    float: right;
    width: 360px;
    background-color:#FFF;
}
#vendorInfo p {
    margin: 5px 0px 5px 0px;
    padding: 0px 12px 0px 12px;
    text-align: left;
}
#vendorDemoInfo {
    width: 210px;
    margin: 0px;
    padding: 10px 0px 10px 0px;
    float: left;
}
a #vendorDemoBtn {
    width: 171px;
    height: 40px;
    background-image:url(/vendor/i/btnWatchADemo.gif);
    background-repeat:no-repeat;
    background-position: top;
}
a:hover #vendorDemoBtn {
    background-position: bottom;
}
#vendorSignUp {
    width: 129px;
    margin: 14px 0px 0px 0px;
    padding: 6px 10px 0px 10px;
    float: right;
    border-left: 1px solid #222;
}
a #vendorSignUpBtn {
    width:108px;
    height: 40px;
    background-image:url(/vendor/i/btnSignUp.gif);
    background-repeat:no-repeat;
    background-position: top;
}
a:hover #vendorSignUpBtn {
    background-position: bottom;
}


	/* ----------------------- Styles Added After the Merger of Splurge and The Window ------------- */
	
#categoryBox p {
	width: 30%;
	float: left;
	height: 17px;
}