input.button {
  color: #fff; background: #0034D0;
  font-size: .8em;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: solid 1px #ffcf31;
}

.ch {
	CURSOR: hand
}
A:link {
	COLOR: #000080; TEXT-DECORATION: underline
}
A:active {
	COLOR: #6600cc
}
A:visited {
	COLOR: #000080; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #ff0000; TEXT-DECORATION: underline
}
A.white:link {
	COLOR: #FFFFFF; TEXT-DECORATION: underline; font-weight:bold
}
A.white:visited {
	COLOR: #FFFFFF; TEXT-DECORATION: underline; font-weight:bold
}
A.white:hover {
	COLOR: #ff0000; TEXT-DECORATION: underline; font-weight:bolder
}

BODY {
	background-color: #EEEEEE}


H1 {
	FONT-SIZE: 18pt; COLOR: #000084; FONT-FAMILY: arial,helvetica,sans-serif; text-transform: capitalize
}

H2 {
	FONT-SIZE: 9pt; font-weight:bold; text-transform: capitalize; BACKGROUND: #C00000; COLOR: #FFFFFF; padding: 5px; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}

#guidehome H2 { 
	FONT-SIZE: 12pt; font-weight:bold; BACKGROUND: #FFFFFF; COLOR: #CC3300; LINE-HEIGHT: 16pt; FONT-FAMILY: arial,helvetica,sans-serif	}

a.H2:link { color:#FFFFFF; text-decoration: underline; font-weight: bold; }
a.H2:active { color:#FFFFFF; text-decoration: underline; font-weight: bold; }
a.H2:visited { color:#FFFFFF; text-decoration: underline; font-weight: bold; }
a.H2:hover { color:#FFFFC0; text-decoration: underline; }

H3 {
	FONT-SIZE: 12pt; font-weight:bold; BACKGROUND: #C00000; COLOR: #FFFFFF; LINE-HEIGHT: 15pt; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}

H4 {
	FONT-SIZE: 14pt; font-weight:bold; COLOR: #000080; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}

HR {
	COLOR: #c0c0c0; size: 1
}

tr.d0 td {
	background-color: #000080;
}

.headerbg { BACKGROUND: #6383B1; }
}



.opener {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: arial,verdana,helvetica,sans-serif
}

.headerstyle { font-size: 9pt; 
	     font-family: verdana,arial,helvetica,sans-serif; 
	     background: #000080;
	     color: #FFFFFF; line-height: 16pt
	     }


.articlessub {
	FONT-SIZE: 12pt; font-style: italic; font-weight:bold; BACKGROUND: #ffffff; COLOR: #000080; LINE-HEIGHT: 16pt; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}

.sub2 {
	FONT-SIZE: 12pt; BACKGROUND: #000080; COLOR: #ffffff; LINE-HEIGHT: 16pt; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}
.sub3 {
	FONT-SIZE: 9pt; font-weight:bold; BACKGROUND: #EEEEEE; COLOR: #000080; padding: 5px; LINE-HEIGHT: 16pt; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}
.sub4 {
	FONT-SIZE: 8pt; COLOR: #6383B1; LINE-HEIGHT: 12pt; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}



.sub5 {
	FONT-SIZE: 9pt; font-weight:bold; BACKGROUND: #6383B1; COLOR: #ffffff; LINE-HEIGHT: 12pt; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}

.sub6 {
	FONT-SIZE: 9pt; font-weight:bold; BACKGROUND: #6383B1; COLOR: #FFFFFF; LINE-HEIGHT: 15pt; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}

.sub7 {
	FONT-SIZE: 9pt; font-weight:bold; COLOR: #6383B1; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}

.sub8 {
	FONT-SIZE: 9pt; font-weight:bold; BACKGROUND: #C00000; COLOR: #FFFFFF; padding: 5px; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}

.sub9 {
	FONT-SIZE: 9pt; font-weight:bold; BACKGROUND: #000080; COLOR: #FFFFFF; padding: 5px; FONT-FAMILY: verdana,arial,helvetica,sans-serif; 
}

.sub9a {
	FONT-SIZE: 9pt; font-weight:bold; BACKGROUND: #000080; COLOR: #FFFFFF; padding: 5px; FONT-FAMILY: verdana,arial,helvetica,sans-serif; width:465px;
}

.slideshowhed {
	FONT-SIZE: 12pt; font-weight:bold; COLOR: #000080; FONT-FAMILY: verdana,arial,helvetica,sans-serif;
}

.aprodlink {
	FONT-SIZE: 10pt; font-weight:bold; FONT-FAMILY: verdana,helvetica,sans-serif; text-transform: capitalize
}

.subcats {
	FONT-SIZE: 10pt; FONT-FAMILY: verdana,helvetica,sans-serif
}
.mainbodytext {
	FONT-SIZE: 10pt; FONT-FAMILY: verdana,helvetica,sans-serif
}

.nexttext {
	text-transform: capitalize; FONT-SIZE: 8pt; color: #000080; FONT-FAMILY: verdana,helvetica,sans-serif
}

.timetext {
	FONT-SIZE: 8pt; LINE-HEIGHT: 18pt; padding-left: 3px; FONT-FAMILY: verdana,helvetica,sans-serif
}
.subhed{ background: #000080; 
	font-size: 10pt; 
	font-family: verdana,helvetica,serif; 
	font-weight: bold; 
	color: #FFFFFF;
	padding: 2px; }

.homekicker{ background: #FFFFFF; 
	font-size: 11pt; 
	font-family: verdana,helvetica,serif; 
	font-weight: bold; 
	color: #000080;
	padding: 5px; }

.guidelisting { padding: 3px;
font-size: 10pt; 
	     font-family: verdana,arial,helvetica,sans-serif; 
	     background: #C63100;
	     color: #C63100;}


.maincontainer { border-style: dashed;
		border-width: 1px;
		border-color: #000080;
		padding: 10px;
		font-size: 10pt; 
	     font-family: verdana,arial,helvetica,sans-serif; 
	     background: #FFFFFF;
	     }

.guidelisting2 { 
		padding-top: 3px;
		padding-bottom: 3px;
		font-size: 9pt; 
	     font-family: arial,helvetica,sans-serif;
	     	     font-weight:bold;
	     
	     color: #000080; }
.guidelisting2 A:hover { color: #fffff0;
	     font-size: 11pt; 
	      }

.openerfeature { 
		
		padding-left: 10px;
		padding-right: 10px;
		font-size: 10pt; 
	font-family: verdana,helvetica,serif;
	     	 }

.small-gray { 
		
		font-size: 7pt; 
	     font-family: arial,helvetica,sans-serif;
	     	     font-weight:bold;
	     
	     color: #c0c0c0; }

a.text1:link { color:#FFFFFF; text-decoration: underline; font-weight: bold; }
a.text1:active { color:#FFFFFF; text-decoration: underline; font-weight: bold; }
a.text1:visited { color:#FFFFFF; text-decoration: underline; font-weight: bold; }
a.text1:hover { color:#FFFFC0; text-decoration: underline; }

.guidemain{ font-size: 9pt; 
	     font-family: arial,helvetica,sans-serif; 
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 5px;
	padding-bottom: 10px;
 }
.guidelisting3 { border-style: dashed;
		border-width: 1px;
		border-color: #000080;
		padding: 1px;
			font-size: 10pt; 
	     font-family: verdana,arial,helvetica,sans-serif; 
	     background: #FFFFFF;
	     }
.guidebreak { padding: 3px; }

.guidebutton{
	background-color: #4B5C99;
	border: 1px #ff6600 outset;
	padding-left: 3px;
	padding-right: 3px;	
	padding-top: 3px;
	padding-bottom: 3px;
	color: white;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	font-family: verdana, helvetica, sans-serif;
}


/* breadcrumbs at top */

.breadcrumbs {
	FONT-SIZE: 10pt; FONT-FAMILY: verdana,helvetica,sans-serif
}



/* The following is for the top navbar */
	

#header { 
	height:100px;	}



#pagewidth{ 
	width:100%;
	padding-left: 5%;
	background:#000080;	}

#nav {
		border-left:0px solid #42432d; 
		border-right:0px solid #42432d;
		border-top:1px solid #42432d; 
		border-bottom:1px solid #42432d; 
		margin:0; 
		padding:0; 
		/* background:#808259; */
		background-color:#000080;
		float:center;
		width:100%; 

	}
	#nav li {
		display:inline;
		padding:0;
		margin:0;
	}
	

	#nav a:link,
	#nav a:visited {
		color:#FFFFFF;
		background:#C00000;
		padding:5px 20px 5px 20px;
		float:left;
		width:auto;
		/* border-right:1px solid #42432d; */
		border-right:1px solid #FFFFFF;
		text-decoration:none;
		font-size: 10px;
	    font-weight: bold;
	    font-family: verdana, helvetica, sans-serif;
		text-shadow: 2px 2px 2px #555;
	}
	#nav a:hover {
		color:#fff;
		/* background:#727454; */
		background:#FF0000;
	}
	#nav li:first-child a {
		border-left:1px solid #42432d;
	}
	
	#home #nav-home a,
	#about #nav-about a,
	#archive #nav-archive a,
	#lab #nav-lab a,
	#reviews #nav-reviews a,
	#contact #nav-contact a {
		background:#FF0000;
		color:#fff;
		text-shadow:none;
		TEXT-Transform: uppercase; 

	}
	#home #nav-home a:hover,
	#about #nav-about a:hover,
	#archive #nav-archive a:hover,
	#lab #nav-lab a:hover,
	#reviews #nav-reviews a:hover,
	#contact #nav-contact a:hover {
		background:#e35a00;
		 
	}
	#nav a:active {
		/* background:#e35a00; */
		background:#FF0000;
		color:#fff;
		TEXT-Transform: uppercase; 
	}

#outer {
 text-align:left;
 border:1px solid #FFFFFF;
 width:950px;
 margin:auto;
 }


.ebrickstab{
width: 960px;


}

.ebrickstab ul{
margin: 0;
padding: 0;
 /*offset of tabs relative to browser left edge*/
font-size: 10pt; 
font-family: verdana,helvetica,sans-serif;
font-weight:bold;
list-style-type: none;
}

.ebrickstab li{
display: inline;
margin: 0;
}

.ebrickstab li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 8px 15px; /*padding inside each tab*/
border-right: 1px solid black; /*right divider between tabs*/
color: white;
background: #c00000; /*background of tabs (default state)*/
}

.ebrickstab li a:visited{
color: white;
}

.ebrickstab li a:hover, .ebrickstab li.selected a{
background: #800000; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.ebricks-header-text {  font-size: 10pt; font-family: verdana, helvetica, sans-serif; font-style: italic; position:relative; top: 15px; COLOR:  #000080; 
}

.ebricks-header-text-2 {  font-size: 10pt; font-family: verdana, helvetica, sans-serif; font-style: italic; COLOR:  #000080; 
}

/* stuff below is for dropdown menu at header */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}





ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}

ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 3px 20px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background-color: #C00000;
	 font: 14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	background-color: #800000;
	 color: #FFFFFF; font-weight: bold;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #FFFFFF; text-decoration: none; }
	ul.dropdown a:hover		{ color: #FFFFFF; font-weight: bold; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 200px;
	 margin-top: 1px;
	}

		ul.dropdown ul li {
		font: 12px/normal Tahoma, Arial, Helvetica, sans-serif;
		font-weight: normal;
		}

		


/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(http://www.ebricks.com/include/dropdown-images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(http://www.ebricks.com/include/dropdown-images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(http://www.ebricks.com/include/dropdown-images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(http://www.ebricks.com/include/dropdown-images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(http://www.ebricks.com/include/dropdown-images/nav-arrow-left.png);
 background-position: 0 50%;
}