@charset "utf-8";
/* CSS Document */

body {
 background-image: url(images/web-background.jpg);
 background-repeat: repeat-x;
 background-color: #ffffff;
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #000000; }

#wrap {
 width: 904px;
 margin: 0 auto; }


/* ------------ Header Styles for when user is not logged in ------------ */

#header-not-logged-in {
 width: 904px;
 height: 296px;
 background-image: url(images/header_not-logged-in.jpg);
 background-repeat: no-repeat; }

#member-login {
 width: 268px;;
 float: right;
 padding-right: 105px;
 padding-top: 90px;
 color: #ffffff; }

.member-login {
 font: bold 24px Arial, Helvetica, sans-serif;
 text-align: left; }


/* ------------ Header Styles for when user is logged in ------------ */

#header-logged-in {
 width: 904px;
 height: 296px;
 background-image: url(images/header_logged-in.jpg);
 background-repeat: no-repeat; }
 
#member-logged-in {
 width: 268px;;
 float: right;
 padding-right: 105px;
 padding-top: 180px;
 color: #ffffff; }


/* ------------ Positioning of the entire menu ------------ */

#menu { 
 width: 904px;
 padding-top: 30px;
 padding-left: 5px; }


/* ------------ Main Page styles: Home ------------ */

#page-home {
 width: 904px;
 min-height:900px;
 background-image: url(images/page-index.jpg);
 background-repeat: no-repeat;
 background-color: #ffffff; }
  
.yellow-block {
width: 443px;
min-height: 320px;
float: left;
background-image: url(images/yellow-block.gif);
background-repeat: no-repeat;}  

.yellow-block1 {
width: 300px;
min-height: 450px;
float: left;
background-image: url(images/yellow-blockrates.gif);
background-repeat: no-repeat;}  
 
.blue-block {
 width: 443px;
 min-height: 320px;
 float: right;
 background-image: url(images/blue-block.gif);
 background-repeat: no-repeat; }

.blue-block1 {
 width: 300px;
 min-height: 450px;
 float: right;
 background-image: url(images/blue-blockrates.gif);
 background-repeat: no-repeat; }

.both-blocks {
 width: 704px;
 min-height: 320px;
 background-image: url(images/both-blocks.gif);
 background-repeat: no-repeat; }
 
.block-text {
 width: 373px;
 padding: 30px; }
 
.block-text1 {
 width: 280px;
 padding: 20px; }
 
.blocks { padding-top: 70px; }

/* ------------ Main Page styles: Content ------------ */

#page-content {
 width: 904px;
 min-height: 514px;
 background-image: url(images/page-content.jpg);
 background-repeat: no-repeat;
 background-color: #ffffff; }
 
.content {
	width: 704px;
	padding-left: 100px;
	padding-top: 80px;
	padding-bottom: 30px;
	text-align: justify;
}
 
 .content1 {
 width: 904px;
 padding-left: 100px;
 padding-top: 80px;
 padding-bottom: 30px;
 text-align: justify; }
 
/* ------------ Main Page styles: Forms ------------ */

#page-form {
 width: 904px;
 min-height: 463px;
 background-image: url(images/page-form.jpg);
 background-repeat: no-repeat;
 background-color: #ffffff; }
 
.form-content {
 width: 504px;
 padding-left: 100px;
 padding-top: 80px;
 padding-bottom: 30px;
 text-align: left;
 }


/* ------------ Footer styles and links ------------ */

#footer { 
 width: 904px;
 height: 173px;
 background-image: url(images/footer.jpg);
 background-repeat: no-repeat; }

.foot-text {
 font-size: 10px;
 text-align: center;
 padding-top: 75px;
 color: #ffffff; }

.white { color:#ffffff; text-decoration:none; }
.white:hover { color: #000000; }


/* ------------ Form Elements ------------ */

.submit_button {
 width: 119px;
 height: 20px;
 background-image: url(images/submit-button.jpg);
 background-repeat: no-repeat;
 border: 0px; }
 
#search-bar {
 width: 485px;
 padding-top: 100px;
 padding-left: 239px;
 color: #ffffff; }
 
 #search-bar1 {
 width: 600px;
 padding-top: 70px;
 padding-left: 239px;
 color: #ffffff; }
 
 #selectcatdiv {
 width: 450px;
 padding-top: 30px;
 padding-left: 20px;
 color: #ffffff; 
 float:left; }
 
 #rightbarindex {
 width: 300px;
 padding-top: 30px;
 padding-left: 50px;
 color: #ffffff;
 float:right;
 }
 
.search-input {
 font-size: 20px;
 width: 450px;
 height: 35px; }
 
.go_button {
 width: 56px;
 height: 35px;
 background-image: url(images/go-button.jpg);
 background-repeat: no-repeat;
 border: 0px; }

.long { width: 191px; }
.formlong  { width: 260px; }
.longtext { width: 473px; height: 80px; }


/* ------------ Web Elements ------------ */

h1 {
 font: bold 24px Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: left;
 margin-top: 0px; }

h2 {
 font: normal 18px Arial, Helvetica, sans-serif;
 color: #f27700;
 text-align: left;
 margin-bottom: 0px; }
 
h3 {
 font: normal 18px Arial, Helvetica, sans-serif;
 color: #47585f;
 text-align: left;
 margin-bottom: 0px; }
 
h4 {
 font: bold 20px Arial, Helvetica, sans-serif;
 text-align: left;
 margin: 0px; }
 
h5 {
 font: bold 36px Arial, Helvetica, sans-serif;
 color: #f6891f;
 text-align: centre;
 margin-bottom: 0px; }

a {
 color: #f27700;
 text-decoration: underline; }

a:hover {
 color: #000000;
 text-decoration: none; }
 
td {
 height: 25px; }

.error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd; }





/* ------------ Menu ------------ */
.jqueryslidemenu{
 font: bold 12px Arial, Helvetica, sans-serif;
 width: 100%; }

.jqueryslidemenu ul{
 margin: 0;
 padding: 0;
 list-style-type: none; }

/*Top level list items*/
.jqueryslidemenu ul li{
 position: relative;
 display: inline;
 float: left; }

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
 display: block;
 padding: 0px 15px 0px 15px;
 text-decoration: none;
 color: #ffffff;
 border-right: 1px solid #ffffff; }

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
 display: inline-block; }

.jqueryslidemenu ul li a:hover{
 color: #f28d00; }
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
 position: absolute;
 left: 0;
 display: block;
 visibility: hidden;
 background-color: #5b5b5b;
 color: #ffffff; }

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
 display: list-item;
 float: none; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
 top: 0; }

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
 font: normal 12px Arial, Helvetica, sans-serif;
 width: 230px; /*width of sub menus*/
 padding: 5px;
 margin: 0;
 border-top-width: 0;
 border-bottom: 1px solid #ffffff;
 border-right: 0px solid #ffffff;
 color: #ffffff; }

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
 background: #f27700;
 color: #ffffff; }

ul.categorytree, ul.categorytree ul {
	list-style-type: none;
	background: url(images/vline.png) repeat-y;
	margin: 0; padding: 0;
}

ul.categorytree ul {
	margin-left: 10px;
}

ul.categorytree li {
	margin: 0;
	padding: 0 12px;
	line-height: 20px;
	background: url(images/node.png) no-repeat;
	color: #369;
	font-weight: bold;
}

ul.categorytree li.last {
	background: #feeebd url(images/lastnode.png) no-repeat;
} 

a.subcatlink {
	text-decoration:none;
}

a.subcatlink:hover {
	color:#0074c7;
	text-decoration:none;
}

a.subcatlinkselected {
	color:#C30;
	text-decoration:overline underline;
}