/* general settings */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin:0em;
	padding:0em;
	min-width:760px;
	background-color:#fafafa;
	background-image:  url("../images/header_bg.jpg");
	background-repeat:repeat-x;
	color:#333333;
}
#ieMinWidth {
	width:expression(this.parentNode.offsetWidth<=760? 760:'auto');
	/* because the min-width tag dosen't work in IE */
}
a {
	color:#003399;
}
a:visited {
	color:#3366CC;
}
a:hover {
	color:#3366CC;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0em 0em 0em 0em;
}
#homecontent h1 {
	margin:0px 0px 5px 0px;
    padding:20px 0px 0px 0px;
    overflow:hidden;
    background-repeat:no-repeat;
    height:0px !important; /* for most browsers */
    height /**/:20px; /* for IE5.5's bad box model */
}
#h1-home1 {
    background-image:url(../images/h1_home1.gif); 
}
#h1-home2 {
    background-image:url(../images/h1_home2.gif); 
}
#h1-home3 {
    background-image:url(../images/h1_home3.gif); 
}
#h1-home4 {
    background-image:url(../images/h1_home4.gif); 
}
h2 {
	font-size:1.5em;
	font-weight:normal;
	color:#066BD1;
	border:1px solid #dddddd;
	padding:10px;
	margin:0px 0px 10px 0px;
	background-image:url(../images/h2_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
hr {
	border-top:1px solid #cccccc;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
}
.skipnav {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	color:#FFF470;
}
fieldset {
	border:1px solid #dddddd;
	padding:10px;
	margin:0px 0px 20px 0px;
	position:relative;
	float:left;
	width:90%;
	background-image:url(../images/fieldset_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
legend {
	font-size:1.3em;
	font-weight:bold;
	color:#0074BB;
	font-family:Arial, Helvetica, sans-serif;
	padding:6px;
}
blockquote {
	background-color:#FFFFCC;
	border:1px solid #cccccc;
	margin:0px;
	padding:10px;
	font-weight:bold;
}


/* header */
#header {
	position:relative;
	width:760px;
	height:75px;
	margin:0px auto 0px auto;
}
#header-left {
	position:relative;
	float:left;
}
#header-right {
	position:relative;
	float:right;
}
#header-right ul {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
}
#header-right li {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	display:inline;
}

/* navigation */
#nav {
	background-image: url("../images/nav_bg.gif");
	background-repeat:repeat-x;
	position:relative;
	float:left;
	width:100%;
	height:30px;
}
#nav ul {
	position:relative;
	width:760px;
	margin:0px auto 0px auto;
	padding:0px;
}
#nav li {
	position:relative;
	float:left;
	display:inline;
	padding:0px;
	margin:0px;
}

/* sub nav */
#subnav {
	position:relative;
	float:left;
	margin:0px;
	width:225px;
	background-image:url(../images/subnav_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#FBFBFB;
}
#subnav ul {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:223px;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
}
#subnav li {
	position:relative;
	float:left;
	margin:1px 0px 1px 0px;
	padding:0px;
	list-style-type:none;
	left:10px;
}
#subnav li a {
	display:block;
}
#subsubnav ul {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:213px;
	border:0px solid #EEEEEE;
}
#subsubnav li {
	position:relative;
	float:left;
	margin:0px;
	padding:0px 0px 6px 20px;
	width:193px;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#subsubnav li a {
	display:block;
	text-decoration:none;
}



/* search */
#nav form {
	padding:0px;
	margin:0px;
}
.searcha {
	padding:2px 2px 2px 20px;
	margin:5px 8px 0px 10px;
	width:110px;
	border:1px solid #999999;
	font-size:11px;
	color:#999999;
}
#searchglass {
	position:absolute;
	z-index:100;
	top:7px;
	left:14px;
}

/* middle */
#middle {
	position:relative;
	float:left;
	background-color:#FFFFFF;
	width:100%;
	border-bottom:2px solid #cccccc;
	margin-bottom:1px;
	padding:0px 0px 20px 0px;
}
.center {
	width:760px;
	margin:0px auto 0px auto;
	z-index:100;
}
#steps ul {
	position:relative;
	float:left;
	margin:10px 0px 10px 0px;
	padding:0px;
	z-index: 100;
}
#steps li {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	display:inline;
	z-index: 100;
}
#quickorder {
	position:relative;
	float:left;
	width:100%;
}
#bigimg {
	position:relative;
	float:left;
	height:205px;
}
#choose {
	position:relative;
	float:right;
	background-image: url("../images/quickorder_bg.jpg");
	background-repeat:no-repeat;
	width:300px;
	height:170px;
	margin:35px 0px 0px 0px;
}
#choose form {
	margin:0px;
	padding:0px;
}
#choose select {
	font-size:85%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:165px;
	padding:1px;
	border:1px solid #7F9DB9;
}
.choose1 {
	position:absolute;
	left:15px;
	top:15px;
}
.choose2 {
	position:absolute;
	left:15px;
	top:45px;
}
.choose3 {
	position:absolute;
	left:15px;
	top:75px;
}
.choose4 {
	position:absolute;
	left:15px;
	top:105px;
}
.choose5 {
	position:absolute;
	left:15px;
	top:135px;
}
#homeblock {
	position:absolute;
	right:20px;
	top:15px;
}
#openwidth {
	position:absolute;
	right:15px;
	top:105px;
	font-size:80%;
	color:#FFFFFF;
}
#openwidth input {
	text-align:right;
	position:relative;
	float:left;
	color:#ffffff;
	border:0px solid #cccccc;
	background-color:#5EA5EC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:30px;
	padding:0px;
	font-size:100%;
}

/* home content */
#homecontent {
	position:relative;
	float:left;
	width:100%;
	border-top:1px solid #cccccc;
	padding:10px 0px 0px 0px;
}
#col1 {
	position:relative;
	float:left;
	width:250px;
}
#col2 {
	position:relative;
	float:left;
	width:290px;
	padding:0px 20px 0px 0px;
}
#col3 {
	position:relative;
	float:left;
	width:200px;
}
#col2 ul {
	list-style-type:none;
	position:relative;
	float:left;
	padding:0px;
	margin:10px 0px 20px 0px;
}
#col2 li {
	list-style-type:none;
	width:240px;
	position:relative;
	float:left;
	padding:3px 0px 3px 35px;
	margin:0px;
	background-image: url("../images/arrow.gif");
	background-position:10px 3px;
	background-repeat:no-repeat;
}
#col3 th {
	border-bottom:1px solid #CC0000;
	border-top:1px solid #CC0000;
	text-align:center;
}
#col3 td {
	border-bottom:1px solid #009900;
	text-align:center;
}
#col3 table {
	margin:10px 0px 10px 0px;
}
#shower-screen {
	position:absolute;
	top:40px;
	left:101px;
	width:110px;
	text-align:left;
}

/* footer */
#footer {
	position:relative;
	float:left;
	width:100%;
	height:100px;
	border-top:1px solid #cccccc;
	margin-bottom:20px;
}
#footcontain {
	position:relative;
	width:760px;
	height:75px;
	margin:0px auto 0px auto;
	padding:20px 0px 0px 0px;
}
#footerleft {
	position:relative;
	float:left;
	width:350px;
}
#footerright {
	position:relative;
	float:right;
	width:200px;
}

/* tooltip */
div#steps a span {
	display: none;
}
div#steps a:hover span.tooltip {
	display: block;
	position: absolute;
	bottom: 25px;
	left: 20px;
	width: 180px;
	padding: 5px;
	margin: 10px;
	z-index: 100;
	color: #333333;
	background-color:#FFFFCC;
	border:1px solid #999999;
	text-decoration:none;
}
*html div#steps a:hover {
	display:block;
}
#steps a:hover span.tooltip1 {
	display: block;
	position: absolute;
	bottom: 160px;
	left: 443px;
	width: 165px;
	height: 18px;
	z-index: 100;
	border:1px solid red;
}
#steps a:hover span.tooltip2 {
	display: block;
	position: absolute;
	bottom: 130px;
	left: 443px;
	width: 165px;
	height: 18px;
	z-index: 100;
	border:1px solid red;
}
#steps a:hover span.tooltip3 {
	display: block;
	position: absolute;
	bottom: 100px;
	left: 443px;
	width: 165px;
	height: 18px;
	z-index: 100;
	border:1px solid red;
}
#steps a:hover span.tooltip4 {
	display: block;
	position: absolute;
	bottom: 70px;
	left: 183px;
	width: 165px;
	height: 18px;
	z-index: 100;
	border:1px solid red;
}

/* subpages */
#location {
	position:relative;
	float:left;
	width:750px;
	background-color:#f4f4f4;
	margin:0px 0px 20px 0px;
	padding:3px 5px 3px 5px;
	border-bottom:1px solid #cccccc;
}
#location a {
	text-decoration:none;
	color:#003399;
}
#location a:visited {
	text-decoration:none;
	color:#003399;
}
#location a:hover {
	text-decoration:none;
	color:#3366CC;
}
#subcontent {
	position:relative;
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;
}
.required {
	color:#CC0000;
}
#subbigleft {
	position:relative;
	float:left;
	width:490px;
	font-size:1.05em;
	line-height:140%;
}
#subsmallright {
	position:relative;
	float:right;
	width:250px;
	text-align:right;
	right:-14px;
}
#subsmallleft  {
	position:relative;
	float:left;
	width:255px;
}
#subbigright {
	position:relative;
	float:right;
	width:495px;
	text-align:left;
	font-size:1.05em;
	line-height:140%;
}
.subsmallleft-container {
	position:relative;
	float:left;
	margin:20px 0px 0px 0px;
}

.horozontal_ul {
	margin:0px;
	padding:0px
}
.horozontal_ul li {
	display: inline;
	margin:0px;
	padding:0px
}

/* store */
#online-store {
	position:relative;
	float:left;
	width:100%;
	font-size:1.05em;
	line-height:140%;
}

/* sub headers */
#sub-header h1 {
	margin:35px 0px 0px 0px;
    padding:60px 0px 0px 0px;
    overflow:hidden;
    background-repeat:no-repeat;
    height:0px !important; /* for most browsers */
    height /**/:60px; /* for IE5.5's bad box model */
}
#h1-contact {
    background-image:url(../images/h1_contact.jpg); 
}
#h1-designs {
    background-image:url(../images/h1_designs.jpg); 
}
#h1-recommend {
    background-image:url(../images/h1_recommend.jpg); 
}
#h1-disclaimer {
    background-image:url(../images/h1_disclaimer.jpg); 
}
#h1-sitemap {
    background-image:url(../images/h1_sitemap.jpg); 
}
#h1-products {
    background-image:url(../images/h1_products.jpg); 
}
#h1-faq {
    background-image:url(../images/h1_faq.jpg); 
}
#h1-glassblocks {
    background-image:url(../images/h1_glassblocks.jpg); 
}
#h1-rods {
    background-image:url(../images/h1_rods.jpg); 
}
#h1-easifix {
    background-image:url(../images/h1_easifix.jpg); 
}
#h1-posts {
    background-image:url(../images/h1_posts.jpg); 
}
#h1-datasheets {
    background-image:url(../images/h1_datasheets.jpg); 
}
#h1-searchresults {
    background-image:url(../images/h1_searchresults.jpg); 
}
#h1-buyonline {
    background-image:url(../images/h1_buyonline.jpg); 
}
#h1-resources {
    background-image:url(../images/h1_resources.jpg); 
}