body { 
text-align:center;
background:url(images/bg1.jpg) #ffffff repeat-x;
color: #333;
font: small  Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;

}
#pagewrapper,#page { 
width:760px;
margin:auto;
text-align:left;
display:block;
 }

#page{
background:#fff;
}



#header 
{
 display:block;
 height:124px; 
 padding:0px;
 clear:both;
 margin:0;
 
 background:#fff url(images/header.jpg) no-repeat bottom left;
 
 
}
#header h1 {
 margin:10px 0 0 0;
 padding:0;
 padding-left:0px;
 font:110% arial,helvetica,sans-serif; 
 font-variant:small-caps;
 color:#000;
 background-color:#fff;
 float:right;
 position:relative;
 width:200px;
 
 }
	 
	 
	 
#header h2 {
margin:0; 
padding:0; 
font:130% arial,helvetica,sans-serif; 
font-variant:small-caps;
 margin-left:40px;
  }

#header img{
width:50px;
float:right;
margin:0px 10px 0 0px ;


}

#topnav 
{
 color:#FFFFFF;
 margin:0px 5px 5px 5px;
 font:100% arial,helvetica,sans-serif;
 font-variant:small-caps;
 letter-spacing:0.03em;
 padding:5px;
 background:#003369;
}

#topnav ul {
list-style-type:none;
margin:0; padding:0px;
}

#topnav ul li {
display:inline;
margin-right:10px;
margin-left:10px;
}





#main
{
 margin:5px;
 border:0px solid #CCCCCC;
 clear:both;
 display:block;
 margin-bottom:40px;
} 

#main catalog-right{
float:right;
width:50%;
}

#main catalog-left{
float:left;
width:50%;
}


#left {
width:25%;
float:left;
margin:10px;
}
#left p {
line-height:120%;
font-size:90%;
}







#body { width:67%; float:right; margin-bottom:20px; margin:10px; margin-left:0px; }




#footer {
 clear:both;
  margin:0px;
	 vertical-align:middle;
	  text-align:center;
		 font-size:12px; 
		 display:block;
		 height:20px; }
.bcol { color:#fb9622; }


/****************************************************************/

#main h2 {
 color:#003369;
margin:20px 0 6px;
padding-bottom:10px;
font:bold 130% arial,helvetica,sans-serif;
font-variant:small-caps;
letter-spacing:1px;
border-bottom : 1px solid #e2dfdb;
 }
#main h3 {
 color:#003369;
margin:20px 0 6px;
padding-bottom:5px;
font:bold 100% arial,helvetica,sans-serif;

 }
#main { font:100% arial,helvetica,sans-serif; line-height:15px; }
p { padding:0;
 margin-left:0px; 
 margin-right:5px; 
 margin-top:0px; 
 margin-bottom:15px;
 line-height:150%
  }
/******************************************************************/
#page { border:1px solid #333333; color:#333333; background:#fff; }

#footer {
 background:#003369;
 color:#FFFFFF;
  padding:10px 0px 10px 0px;
	
	}
#header{
 border-top:3px solid #666666;
  border-bottom:0px solid #666666; }

a { color:#DF7000; }
a:hover { color:#666666 }
#topnav a{
color:#ffffff;
text-decoration:none;
font-weight:500;
}

#footer a{ color:#FF9933; text-decoration:none; font-weight:500;;  }
#topnav a:hover, #footer a:hover {  text-decoration:underline; }


.nav ul { margin-left:4px; list-style:inside; margin-top:10px; padding-left:6px; }
.nav li { margin-bottom:2px; }

/************Form css starts here*****************/
form{
width:100%;
}
 input.txt{
 border:solid 1px #000;
 
  }
	
input.btn{

}
form input:focus{
background-color:#FFFFD9;
}
form textarea:focus{
background-color:#FFFFD9;
}
form select:focus{
background-color:#FFFFD9;
}

textarea#postaladdress{
border:1px solid #000;
overflow:hidden;
width:200px;
}

form div{
clear:left;
margin:0;
padding:0;
padding-top:5px;
}
 form div label{
 float:left;
 width:40%;
 text-align:right;
 padding-right:20px;
  }
	
	fieldset{
	border: 1px solid #000;
	margin-top:1.4em;
	padding:0.6em;
	}
	legend{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#003369;
	background-color:#fff;
	margin-bottom:10px;
	}
	
	/*******************table styling *******************/
	
	table{
	width:100%;
	border-collapse:collapse;
	background:#fff;
	font-size:90%;
	border: 1px solid #333333;	
	}
	
	table th, table td{
	margin:0;
	padding:4px 4px 4px 4px;
	text-align:center;
	border: 1px solid #333333;
		}
		
		table th {
		background:#003369;
		color:white;
		}
		
		tr.odd {
	background: #b1c9e6;
	
}
tr.even {
	background: #fff;
	
}

td.left{
text-align:center;
padding:5px;
}
	/*******************form hint *******************/	
		
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #FFF7b1;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: #003369;
background-color:#fff;
margin: 3px 8px;
}

.searchform {
	margin: 0 0px 15px 0;
	text-align: left;
	border:none;
	
}

.searchform input.textbox{
border:none;
}

.searchform input.button {
border:none;
color:#000;
background:#ffffff url(images/search-pale-grey.gif) no-repeat 0 top;
font: 100%  Arial, Helvetica, sans-serif;
height:22px;
width:55px;
text-align:center;
}

.searchform input.button:hover{
background:#333333 url(images/search-grey.gif) no-repeat 0 top;
color:#fff;

}

.catalog-right{
float:right;
width:48%;
text-align:center;
margin-top:20px;

}

.catalog-left{
float:left;
width:48%;
text-align:center;
margin-top:20px;

}

.catalog{
color:#003369;
font: 80%  Arial, Helvetica, sans-serif;
margin:5px 30px 0 30px;
text-transform:uppercase; 
}
.noborder{
border:none;
}

blockquote {
	margin: 0px; 	padding:10px;  	
  	background: #b1c9e6; 
	border: 1px solid #303030; 
		
}