/*cope with inheritance bugs*/
body, table, th, td{
color:#333333;
font-size:100%;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*body specific*/
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;

}
/*background-color:#ffffff;background-image:url(background1.gif);margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;*/



/* sb added 05062005 */


#ieMinWidth {
	width:expression(this.parentNode.offsetWidth<=760? 760:'auto');
	/* because the min-width tag dosen't work in IE */
}
hr {
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #ffffff;
}
.skipnav {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	color:#FFF470;
}
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 {
	position:relative;
	width:760px;
	margin:0px auto 0px auto;
}
#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;
	text-align:center;
	line-height:190%;
}
#footcontain {
	position:relative;
	width:760px;
	height:75px;
	margin:0px auto 0px auto;
	padding:20px 0px 0px 0px;
}
#footcontain hr {
	width:760px;
	margin:0px;
	padding:0px;
	color:#cccccc;
}
#footcontain p {
	margin:10px 0px 10px 0px;
	padding:0px;
}
#footlinks {
	color:#666666;
}
#footlinks a {
	color:#999999;
}
.bigfont {
	font-size:140%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#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); 
}



#ukonly {
	margin:0px;
	padding:0px;
	position:absolute;
	top:40px;
	right:25px;
	color:#FFFFFF;
	font-size:170%;
	font-family:Arial, Helvetica, sans-serif;
}

/* sb ended */












a:link{
color:#003399;
/* font-size:x-small; */
text-decoration:underline;
}

a:visited{
color:#3366CC;
/* font-size:x-small; */
text-decoration:underline;
}

a:hover{
color:#3366CC;
/* font-size:x-small; */
text-decoration:underline;
}

a:active{
color:#003399;
/* font-size:x-small; */
text-decoration:underline;
}

li{
color:#333333;
list-style-type:square;
}

ol{
color:#333333;
}

ul{
color:#333333;
list-style-type:square;
}

H1, H2, H3, H4, H5, H6 {
font-family:Arial, Helvetica, sans-serif;
	margin:0em 0em 0em 0em;
}

.actCHECKOUTEM {background-color:#c2cdd8;}
.actCHECKOUTBG {background-color:#eeeeee;}

.actlarger{
font-size: larger;
color:#333333;
}

.actsmaller{
font-size: smaller;
color:#333333;
}


.actxxsmall{font-size:xx-small;color:#333333;}
.actxsmall{font-size:100%;color:#333333;}
.actsmall{font-size:small; color:#333333;}
.actregular{font-size:medium;color:#333333;}
.actlarge{font-size:large;color:#333333;}
.actxlarge{font-size:x-large;color:#333333;}
.actxxlarge{font-size:xx-large;color:#333333;}

.actwarningcolor{color:#ff3300;}
.actrequiredcolor{color:#ff3300;}
.actsearchhighlightcolor{color:#ff0000;}
.actrequired{color:#ff3300;}
.actwarning{color:#ff3300;}
.actwelcome{color:#333333;}


.actlogotext {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: x-small; color: #D9090E; font-style: normal; font-weight: bold; text-align: center}
.actlogout{font-size:x-small;color:#003399;}