/*  CSS Form Styles  ---------------------------------------------*/


.cssform {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  /* font:100% verdana,arial,sans-serif; */
  margin: 0;
  padding: 0;
  /*
  min-width: 500px;
  max-width: 700px;
  width: 700px;
  */
  text-align:left;
}

td form {max-width:0; min-width:0; }

.cssform fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

.cssform fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

.cssform label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

.cssform fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

.cssform input, form textarea, form select{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
						  
}

.cssform textarea{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	/*width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	width:350px;
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}


.cssform input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

.cssform small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

.cssform .required{font-weight:bold;} /* uses class instead of div, more efficient */

.cssform br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
-->


/* Management Header Styles ----------------------------------*/
#editheader {
	width : 100%;
	margin : 0 auto;
	background-color: red;
	color:white;
	height:30px;
	padding:5px;
}
#editheader input {
	float:left;
}
#leftCol{
	width:120px;
	float:left;
	padding:20px;
}

#managemenu
	{
	font-size: 1em;
	font-family: arial, helvetica, sans-serif;
	font-color:black;
	float:left;
	}
		
#managemenu a
	{
	font-size:0.8em;
	}
	
#managemenu a, #managemenu a:visited	/* menu at rest */
	{
	color: #000000;
	text-decoration:none;
	}
	
#managemenu a:hover	/* menu at mouse-over  */
	{
	color: white;
	}	
			

#managemenu ul
	{
	list-style:none;
	background-color: #ff2222;
	padding:0;
	margin:0;
	width:200px;

	}

#managemenu li
	{
	position:relative;
    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}


#managemenu ul ul
	{
	top:auto;
	display:none;
	background-color:white;
	width:200px;
	position:absolute;

	}
#managemenu ul ul li a:hover
	{
	color:red;
	}

#managemenu ul ul ul
	{
	top:0;
	left:100%;
	}

div#managemenu li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#managemenu li:hover ul ul,
div#managemenu li li:hover ul ul,
div#managemenu li li li:hover ul ul,
div#managemenu li li li li:hover ul ul
{display:none;}

div#managemenu li:hover ul,
div#managemenu li li:hover ul,
div#managemenu li li li:hover ul,
div#managemenu li li li li:hover ul
{display:block;}

/* adjustment for lefthand menu  */
.sideNav ul {
	padding:0;
}
.sideNav h4 a
{
	font-size:1.2em;
}

.editIcon{
	float:left;
}
.editable{
	position:relative;
	overflow:hidden;
}

.directory{
	line-height:1.5em;
}
.directory h4 {
	color:#4860a3;
	
}
.right{
	float:right;
	margin-left:5px;
}

#primaryAdvert {
	margin: 20px 0 0;
	padding: 10px 20px 20px 20px;
	width: 440px;
	float: left;
	background: #213777;
	background: #;
	}

#secondaryAdvert {
	margin: 20px 0 0;
	padding: 10px 20px 20px 20px;
	width: 440px;
	float: left;
	background: #77ccf8;
	}

.eventBanner {
	/*
	color:#3f3f3f;
	font-size:1.2em;
	padding:5px 0;
	*/
}
.eventDate{
	/*
	padding:7px 0 0 0;
	color:#4860A3;
	*/
}
.eventDescription{
	font-weight:bold
}
.eventLocation{
	font-style:italic;
}

.leftContact{
	float: left;
	width: 400px;
	margin: 20px 30px 0 0;
	padding: 0 0 10px 0;
	}
	
.rightContact {
	float:left;
	width: 400px;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	
}

#basket .quantity {
	float:left;
	width:100px;
	height:25px;
}
#basket .quantity {
	float:left;
	width:100px;
	height:25px;
}
#basket .catno {
	float:left;
	width:100px;
	height:25px;
}
#basket .item {
	float:left;
	width:300px;
	height:25px;
}
#basket .uprice {
	float:left;
	width:100px;
	height:25px;
	text-align:right;
}
#basket .price {
	float:left;
	width:100px;
	height:25px;
	text-align:right;
}
#basket .total {
	float:right;
	height:25px;
	text-align:right;
}

.submitpay {
background:none repeat scroll 0 0 #4E6BA3;
border:2px solid #4860A3;
color:#FFFFFF;
float:left;
margin:10px;
}

/*Book Shop styles */
#basket a{
	
	float:right;
	width: 120px;
    background: #ccc;
    color: #FFFFFF;
    float: right;
    padding: 5px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

}
#basket a:hover{
	background-color: #414141;
}

.book {
	width:600px;
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
}
.book.summary{
	width:280px;
	float:left;
	clear:none;
	margin:10px 40px 10px 0;
}
.book img{
	float:left;
	margin: 5px 20px 5px 0;
}
.book h2 {
	font-family:"Classico Regular", Optima, Georgia, times; 
	margin-top:0;
}
.book.summary h2
{
	font-size:1.25em;
}
.book form{
float:left;
}

.book .price {
	padding:5px;
	font-size:1.25em;	
	/*	border:thin fuchsia solid;
	background-color:#F3CFE8;
	*/
	margin:10px 0;
}

.book input {
	padding: 5px;
	border: 2px solid #c2c2c2;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

.book .submit {
	color: #fff;
	background: #993399 /* url(img/buttonShadow.png) repeat-x center center */;
	border: 2px solid #993399;
	width: 60px;
	}

.book.summary .submit {
	color: #fff;
	background: #993399 /* url(img/buttonShadow.png) repeat-x center center */;
	border: 2px solid #993399;
	width: 60px;
	float:left;
	margin:10px;
	}

.book .submit:hover {
	color: #fff;
	background: #3f3f3f;
	border: 2px solid #4f4f4f;
	width: 60px;
	}

.booDescript {
	font-size: .85em;
	}

/* PPLUS formating    */
table.plus {
}
.plus td
{
	
	padding:5px;
	vertical-align:top;
}

/* blog formatting  */
.blogs{
	margin-bottom:10px;
	margin-left:10px;
}
.blog_subject{
	font-family:"Classico Regular", Optima, Georgia, times; 
	font-size:1.3em;
	font-weight:bold;
	padding:0.3em 0 0.3em 0;
}
.blog_from{
	float:right;
}