/* @override https://thegreenperspective.com/stylesheets/site.css */

/* @group MAIN */

html {
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
background:#FFF; /*color background - only works in IE */
font-size:13px; /*set default font size */
font-family:"lucida grande", tahoma, verdana, arial, sans-serif; /* set default font */
}




#feed-content{
   display: none;
}

.feed-heading {
width:500px;
 font-family: Lucida Grande, Trebuchet MS, Sans-Serif;
 border-bottom: 0px dotted #f9cd48;
 font-size:19px;
 text-transform: uppercase;
 color: #fff;
 padding: 5px;
 margin-top: 5px;
 background-color: #335288;
 font-weight:normal;
 margin-bottom: 10px;
 letter-spacing: 2.5px;
}


h2{

width:500px;
 font-family: Lucida Grande, Trebuchet MS, Sans-Serif;
 border-bottom: 0px dotted #f9cd48;
 font-size:19px;
 text-transform: uppercase;
 color: #fff;
 padding: 5px;

 background-color: #335288;
 font-weight:normal;
 margin-bottom: 10px;
 letter-spacing: 2.5px;
}

#errorExplanation h2 {
  margin: 0;
  background-color: #990000;
  width: 100%;
}

.time {
 font-size: 60%;
}


h3{
 font-family: Lucida Grande, Trebuchet MS, Sans-Serif;
 font-size:18px;
 text-transform: none;
 font-weight:normal;
 margin-bottom: 10px;
}


body {


padding:0; /*remove padding */

margin:0; /* remove margins */

border:0; /* remove borders */

background-color: #FFF;

width: 950px;
margin: 0 auto;

}


a img{
  border: 0px;
}

p{
  margin-bottom: 0px;
}


/* @end */

/* @group Header and Footer */


#page-top{
  height: 115px;
background: url("/images/gp_top_b_01.gif") no-repeat;
}

#company-header {

 background: url("/images/gp_top_b_03.gif") no-repeat;
 width: 950px;
 border: 0px solid red;


}


#company-header h1 {
        display: none;
}


#company-header h2 {

}

.header-details{
   vertical-align: middle;
	margin:0px;
	padding-left: 100px;
	color: #8BA00D;
	font-size: 24px;
	border:0px solid blue;
height: 120px;
}


.header-details div#email_club{
border: 0px solid purple;
width: 270px;
position: relative;
top: -45px;
  }

.header-details form{
  margin: 0;
  padding: 0;
}

.header-details div#logo{
	margin-top: -20px;
  float: left;
  border: 0px solid green;
  }

.header-details div#tagline{
  float: left;
font-size: 17px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 25px;
  width: 620px;
  clear: right;
}


#header-bottom{
display: none;
border: 1px red solid;
}

#actual-page-content{
	padding-top: 20px;
 min-height: 300px; 
}


#company-footer {
  text-align: center;
  width: 100%;
  padding:0px;
  background: url(/images/gp_bottom_tall.gif) no-repeat;
  height: 350px;
  margin-top: -250px;
  z-index: -100;
}


.footer-details{
   font-size: 12px;
   border:0px solid white;
   margin-left: 0px;
   padding-top: 285px;
   vertical-align: middle;
   text-align: center;
   color: #FFF;
}

.footer-details a {
color: #FFF;
font-weight: bold;
text-decoration: none;
}

.footer-details a:hover {
text-decoration: underline;
/*background-color: #333;*/
}



div#bulk_orders{
  float: left;
  margin-left: 105px;
}

div#copyright{
  float: right;
  margin-right: 100px;
}

div#sbn{
  border: 00px solid red;
  margin-top: 40px;
}

/* @end */

/* @group Navigation */

#company-top-navigation {
	
	background: url("/images/gp_top_b_02.gif") no-repeat;
	width: 950px;
	height: 25px;
	padding: 0px 0px 10px 120px;
	border: 0px solid yellow;
}




#company-top-navigation ul {

	margin-left: auto;
	margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
	border:0px solid red;
	list-style-type: none;
	text-align: center;
}

#company-top-navigation ul li {
	display: inline;
	border-right: 1px solid #FFF;
}

#company-top-navigation li:last-child {
border: 0px solid green;
}


#company-top-navigation li a {
        margin: 0px;
        padding-right: 8px;
        padding-left: 8px;
        padding-bottom: 5px;
        padding-top: 5px;
        font-family: Lucida Grande, Trebuchet MS, Sans-Serif;
        list-style: none;
	border-bottom:0px dotted #cccccc;
	text-decoration: none;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	text-transform: none;

}

#company-top-navigation li a:hover {
        color:#fff;
	text-decoration: underline;
}

#company-top-navigation li a.active{
        color: #333;
        border-bottom: 0px dotted #fff;
        border-top: 0px dotted #fff;
}



#company-top-navigation-extra {
 border:1px solid red;
 clear: left;
}


#bottom-navigation {
  position: absolute;
  z-index: 5;
  background-color:#fff;
  text-align: center;
}

#bottom-navigation ul {
  display: inline;
}

#bottom-navigation li {
  padding-left: 0px;
}

#bottom-navigation-extra {
	
}


#company-bottom-navigation{display: none;;border: 1px solid orange;background-color: yellow;}
#company-bottom-navigation ul{
  display: none;
}



#page-menu, #page-menu ul {
display: none;
}


.page-menu-heading{
 display: none;
}



/* @end */

/* @group Content */

#home-content {
 margin-bottom: 0px;
 padding-top:0px;
}

#page {
  padding: 0px 125px;
  background: url(/images/gp_mid_b.gif) repeat-y;
  border: 0px solid white;
  margin: 0px;
  margin-top: 0px;
}

#content {
border: 0px solid red;
text-align: left;
color:#000;
}

#page-content {}
.page-content-wrapper{}



#content img{
 max-width: 750px;
 width:expression(this.width > 750 ? 750:true);
}







/* @end */

/* @group Other */


	dl { 
		padding:0;
		}

	dl dt {
		float:left;
                border: 0px solid red;
                width: 200px;
                height: 35px;
                text-align: center;
		}

	dl dd.thumbnail { 
		float:left;
                border: 0px solid blue;
		margin:15px 0px 40px -200px;
                width: 200px;
                height: 70px;
                text-align: center;
		}
	dl dd.description { 
		float:left;
                border: 0px solid blue;
		margin:130px 0px 0px -200px;
                width: 200px;
                height: 20px;
                text-align: center;
		}

	a:hover {
		text-decoration: none; /* I usually have this declaration for in my stylesheets, but the image hover wont work with out in IE for some reason */
		}
	dl dd img {
		background-color:#fff;	
		padding:4px;
                margin-top: 5px;
		border:1px solid #fff;	
		}
	dl dd a:hover img {
		background-color:#fff;	
		border:1px solid #000;
		}

/* @end */

/* @group Table Styles */

.datatable {
	width: 360px;
}

.datatable th, .datatable td {
	text-align: left;
}

th.right, td.right {
	text-align: right;
}

.datatable th {
//	font: 130% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

td.field {
/*	background-color: #eee;*/
	padding: 2px 5px;
}

/* @end */