body {
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	margin: 0px;
	padding-left: 50%;
    background: url(images/bglayers_1.jpg) center repeat-y;
	position: absolute;
}

/* This is the page container built and centered using -ve margins */
#container {
	width: 701px;
	margin-left: -350px;	
	height:auto;
}


#head1{
 background-image: url(images/logo_1.gif);
 width:118px;
 height:123px;
 float:left;
}
#head2{ 
 font-weight:bold;
 background:#004080;
 width:583px;
 height:123px;
 float:right;
 }

#language{
    font-size:10px;
	color: #fff; 
	padding-right:45px;
	padding-left:9px;
	padding-bottom:0px;
	line-height:20px;
	float:right
}


#options{
   font:12px #ccc;
   border:1px #C6C6C6 inset;
   width:180px;
   height:auto;
   padding:20px 10px 10px 26px ;
   background-image: url(images/bgoption_1.jpg);
 
   }
.anc{
	width:640px;
	height:300px;
    background-image: url(images/stainlessbg_1.jpg);
	padding:10px 10px 0px 10px;
    float:left;
  }    
  
.optionslist{
   font:18px #ccc bold;
   width:180px;
   padding-bottom:10px;
   }
   
.op{
   font:18px #ccc bold;
   width:630px;
   height:60px;
   padding:20px;
   border-bottom:2px #999999 dashed;
   }
#contain{
    font-size:14px;
    float:right;
	padding:20px;
	width:400px;

}


#topbar {
    width:702px;
	color:#FFFFFF;
    background: #004080;
	height:20px;
    text-align: right;
}


#topbar a{color:#FFFFFF;

}

#topbar a:hover{color:#FFFFFF; text-decoration: underline;

}

#topbar a:visited{color:#FFFFFF;

}

/* This holds the two heading blocks, the title and the login form */
#headerwrapper {
    width: 700px;
}

/* class that styles the holder div of the forms */
.userform {
    width: auto;
    color: #5C5151;
    border-top: none;
    text-align: justify;
    margin-bottom: 1px;
}

/* This will style the login and search */
.userform input {
    border: 1px solid #DDD;
    font-family: verdana;
    font-size: 10px;
    color: #BBB;
    font-weight: bold;
}

h1 {
    font: 48px verdana;
	color:#333333;
	margin: 5px;
}

.h6 {
    font: 10px verdana;
    font-weight: bold;
	color: #909596;
	margin: 0px;
	padding: 0px;
	margin-left:0px;
}

/* This holds the tabs */


/* Container for the article box, and the pic box */
#fram{
	width:150px;
	height:auto;
	border-left:5px solid  #506880;
	float:right;

}

#showroom {
	font-size:16px;
    width:155px;
	background-color: #004080;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	padding-top:5px;
    float:right;
	margin-top:7px;
}

.curve{
	position: absolute;
	}

.articleboxouter {
    width: auto;
	height:atuo;
    clear: both;
	padding: 10px 10px 0px 10px;
	border-top:1px solid #efefef;
} 

.articleboxouter1 {
    width: auto;
	height:320px;
    clear: both;
	padding: 10px 10px 0px 10px;
	border-top:1px solid #efefef;
} 
/* Content holder for the articles */
.articleboxinner {
    width: 692px;
	height:320px;
    color: #5C5151;
    border-left: 5px solid  #004080;
	border-right:5px solid  #004080;
    text-align: justify;
    height: auto;
	background: url(images/bgair.jpg);

}

.articleboxinner a:hover{
     position:relative;
	 top:1px;
	 left:1px;
	 text-decoration:none;
	 color:#004080;
	 }

/* The title style for the main article */
.articleheader
{   padding-top:0px;
    font-size: 18px;
    font-weight: bold;
}

/* This will style the read more thing at the bottom */
.readmore {
    text-align: center;
    display: block;
    width: auto;
	padding-top:40px;
	
}

/* This controls the main pic in the main article box */
.mainpiccontrol
{
    border: 5px #DBB7DB solid;
    float: left;
    margin-right: 10px;

}

/* Container for the pic thumbnails */
.picboxouter {
    width: auto;
    clear: both;
}


/* This controls the thumbnails in the picbox div */


.pickboxcontrol{
    border: 3px #CCCCCC ridge;
	text-align:center;
	background-color: #FEFEFE ;
    vertical-align: middle;
	width:131px;
	height:80px;
	float:left;
}

.prod{
height:100px;
width:150px;
float:left;
text-align:left;
padding:20px 20px 0px 40px;
}

.prodex{
height:100px;
width:250px;
float:right;
}


/* Sometimes, I don't want borders around my hyperlink images */
.noborder {
    border: none;
}

/* For taming those leeeeeeetle arrows */


/* Style-up those ugly default hyperlinks */
a {
	text-decoration: none;
	padding: 0;
	margin: 0;
}

/* And their ugly hover states too */
a: hover {
	text-decoration: none;
}

/* Why should the humble footer be left out? */
#footer {
	background-color: #004080;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	padding-top:5px;
    clear:both;
}

/* This will contain the three columns */
#newsContainer2
{
    width:702px;
    background-color: #FFFFFF;
}



/* First column of the three columns */
.c1
{
	width: 229px;
	height:220px;
	background-color: #F7F4F7;
    border-left: 4px solid #004080;
    border-top: none;
    line-height: 22px;
    color: #5C5151;
	float: left;
}

/* Second column of the three columns */
.c2
{
    width: 232px;
	height:220px;
	background-color: #FFFFFF;
	border-top: none;
    border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
    line-height: 22px;
    color: #5C5151; 
    float: left;
}

/* Third column of the three columns */
.c3
{
	width: 230px;
	height:220px;
	background-color: #F7F4F7;
    border-right: 5px solid #004080;
    border-top: none;
    line-height: 22px;
    color: #5C5151;
	float: right;
}

.c4
{
	width:236px;
	background-color: #F7F4F7;
    border-top: none;
    line-height: 22px;
    color: #5C5151;
	float:right;
}

#box{
 	width:691px;
	height:350px;
	overflow:auto;
	border:1px solid #c90
	}



#box2{
 	width:685px;
	height:471px;
	overflow:auto;
	}
	
	#box3{
 	width:516px;
	height:193px;
	overflow:hidden;
	}



/* This controls the titles for each column */
.noteheader
{
    width: auto;
	text-align:left;
	padding-left:25px;
    border-bottom: 1px solid #DDD;
    border-top: none;
    color: #F3F3F3;
    height: 24px;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
	background: #004080;
}
.noteheaderW
{
    width:auto;
	padding-top:1px;
	padding-left:10px;
    color: #F3F3F3;
    height: 20px;
	clear:both;
    font-family: Arial;
	font-weight: lighter;
    font-size: 14px;
	background: #004080;
}

/* And this gives the column text some breathing space */
.spacy
{ padding:0px;
}

.link a{
width: auto;
display:block;
text-align:left; 
}

.link2 {
position:relative;
text-align:left;
font-weight:bold;
width: auto;
display:block;
}

.link3 {
position:relative;
text-align:left;
font-weight:bold;
width: auto;
display:block;
}


.inf {
	position:relative;
	text-decoration:none;
	text-align:left;
	height:10px;
}

.inf:hover {
background: #E9F2F1;
color: #FFFFFF;
height:auto;
width:auto;
text-decoration:none;
}
.inf span {
display: none;
}
.inf:hover span {
    background: #fff;
	display: block;	
	text-align:left;
	border:1px solid #666699;
	color: #666666;
}




.info {
	position:relative;
	text-decoration:none;
	text-align:left;
	height:15px;
}

.info:hover {
background: #E5DCF7;
color: #FFFFFF;
height:auto;
font-size:14px;
width:auto;
text-decoration:none;
}
.info span {
display: none;
}
.info:hover span {
    background: #fff;
	display: block;	
	position: absolute;
	top:-170px;
	left:-280px;
	width:250px;
	text-align:left;
	padding:5px;
	border:1px solid #666699;
	color: #666666;
}

.infoa {
position: relative;
text-decoration:none;
text-align:left;
height:15px;
}

.infoa:hover {
background: #666699;
color: #FFFFFF;
font-size:14px;
height:auto;
width:auto;
text-decoration:none;
}
.infoa span {
display: none;
}
.infoa:hover span {
	background: #fff;
	display: block;	
	position: absolute;
	top:-80px;
	left:-280px;
	width:250px;
	text-align:left;
	padding:5px;
	border:1px solid #666699;
	color: #666666;
}


label
{
width: 25em;
float: left;
text-align: right;
display: block
}

input
{
color: #000033;
background: #FFFFFF;
border: 1px solid #000033;
position:relative;
}

select
{
color: #000066;
border: 1px solid #000033;
position:relative;
}

fieldset
{
border:1px solid #020078;
width: 40em;
padding-right:150px;
text-align:right;
}

legend
{
color: #fff;
background:  #003399;
border: 1px solid #000033;
padding: 3px 6px
}

#Layer2 {
	position:absolute;
	left:820px;
	top:120px;
	width:48px;
	height:32px;
	z-index:1;
	color:#ccc;
	font-size:14px;
	
}

#Layer2 a{color:#ccc}
#Layer2 a:visited{color:#ccc}

/* CSS Tabs */

#tabs8 {
    float:left;
    width:692px;
    background: #F1F2DF;
    line-height:normal;
	border: 5px solid #004080;
	border-top: none;
	border-bottom:  none;
	
}

#tabs8 ul {
    margin:0px;
    padding:10px 10px 0 5px;
    list-style:none;
}

#tabs8 li {
    display:inline;
    margin:0;
    padding:0;
	font-size:14px;
}

#tabs8 a {
    float:left;
    background: url(images/tableft8_1.gif) no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}

#tabs8 a span {
    float:left;
    display:block;
    background:url(images/tabright8_1.gif) no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#eee;
    font-weight: bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs8 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs8 a:hover span {
    color: #F4FFFA ;
}

#tabs8 a:hover {
    background-position:0% -42px;
}

#tabs8 a:hover span {
    background-position:100% -42px;
    color:#B00000;
}

#tabs8 #a {
    background-position:0% -42px;
}
#tabs8 #current a span {
    background-position:100% -42px;
    color: #0033FF;
}
/* End of CSS Tabs */