html{margin:0px;padding:0}

body {
	margin: 20px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background: url(/images/bg2.jpg) repeat-x #FFFFFF;
	color: #000000;
}

p {margin:0 0 1em 0;padding:0}
h1{margin:0 0 .7em 0;padding:0}
form {margin:0;padding:0}

h2{
	font-size: 11pt;
	margin: 0px;
}	
h3{
	font-size: 11pt;
	margin: 0px;
	color: #0b5fe5;
	
}


dl { margin: 0; padding: 0; }
dt { clear: left; float: left; width: 80px; margin: 0; padding: 0; }
dd { float: left; width: 140px; margin: 0; padding: 0; }

legend{
	font-size: 12pt;
	font-weight: bold;
	color: #0b5fe5;	
	margin-left: 10px;
	padding: 0 5px;
}

fieldset{
	padding: 5px;
	margin-top: 20px;
}

.even, .odd{
	padding: 2px 10px;
}
.even{
	background: #FFFFFF;
}
.odd{
	background: #EDEDED;
}


.col1{
	width: 140px;
	float: left;
}
.col2{
	width: 200px;
	float: left;
}


#optionControl h3{
	padding: 4px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
#optionControl h3 + div{
	margin: 20px;
}	

#container {
	width: 884px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(/images/bg_top.jpg) no-repeat;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#mainContent {
 	background: url(/images/searchbox_ext.gif) no-repeat;
	margin: 15px 170px 0 170px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 548px;
	height: 280px;
	padding: 10px 15px;
}
#mainContent_ext {
 	background: url(/images/searchbox_ext.gif) no-repeat;
	margin: 15px 170px 0 170px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 548px;
	height: 280px;
	padding: 10px 15px;
}

#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align: center;
}

#outer{
	color: #000000;
	margin-right:300px;
	position:relative;
}

#outer_ext{
	color: #000000;
	position:relative;
	min-height:50px;
}

#compLogo{
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FFFFFF;
	margin-top: 20px;
	width: 230px;
	text-align:center;
}
#compLogo1{
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FFFFFF;
	margin-top: 10px;
	width: 230px;
	text-align:center;
}
#compPhoto{
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FFFFFF;
	text-align:center;
	float: left;
	margin-right: 10px;
}
#compPhoto img{
	border: none;
}

#noCompPhoto{
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FFFFFF;
	text-align:center;
	float: left;
	margin-right: 10px;
	width: 130px;
	height: 60px;
	font-size: 10pt;
	color: #CCCCCC;
	padding: 40px 5px;
}

.infoblock_01{
	padding: 10px;
	border: 1px solid #c5d7e9;
	margin: 0 15px 10px 0;
	font-size: 10pt;
	background: #FFFFFF;
}

.infoblock_02{
	padding: 10px;
	border-top: 1px solid #c5d7e9;
	margin: 0 15px 10px 0;
	font-size: 9pt;
}

.infobox_header{
	margin-top: 10px;
	font-size: 100%;
	width: 540px;
	background: #DDDDDD;
	border: 1px solid #CCCCCC;
	padding: 3px 10px 3px 10px;
	color: #FFFFFF;
}

.infobox{
	margin-top: 0px; 
	font-size: 100%;
	width: 540px;
	background: #EDEDED;
	border: 1px solid #CCCCCC;
	border-top: 0px;
	padding: 10px;
	color: #AAAAAA;
}

.infobox_header_emph{
	margin-top: 10px;
	font-size: 100%;
	width: 540px;
	background: #068922;
	border: 1px solid #068922;
	padding: 3px 10px 3px 10px;
	color: #FFFFFF;
}

.infobox_emph{
	margin-top: 0px; 
	font-size: 100%;
	width: 540px;
	background: #F4F9F0;
	border: 1px solid #CCCCCC;
	border-top: 0px;
	padding: 10px;
}


a{
	color: #000000;
	font-size:9pt;
}

a.red{
	color: #C61818;
	text-decoration:underline;
	font-size:9pt;
}
a.red:hover{
	text-decoration:underline;
}

a.infolink{
	color: #C61818;
	text-decoration:none;
	font-size:9pt;
}
a.infolink:hover{
	text-decoration:underline;
}

a.sitemap_allrub {
	color: #FFFFFF;
	text-decoration: none;
}

a.sitemap_allrub:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

a.sitemap_list {
	color: #000000;
	text-decoration: none;
}

a.sitemap_list:hover {
	color: #0B5FE5;
	text-decoration: underline;
}

/*CODE FOR AUTO SUGGEST*/
/* Big box with list of options */
#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	width:175px;	/* Width of box */
	height:250px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #317082;	/* Dark green border */
	background-color:#FFF;	/* White background color */
	text-align:left;
	font-size:0.9em;
	z-index:100;
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	cursor:pointer;
	font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
	
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#317082;
	color:#FFF;
}
#ajax_listOfOptions_iframe{
	background-color:#F00;
	position:absolute;
	z-index:5;
}
/*END CODE FOR AUTO SUGGEST*/