/* CSS Document */

body {
text-align:center;
font-family: times new roman, verdana, arial,  helvetica;
font-size:16px;
margin:0;
padding:0;
}

strong {

color:#ffffff;
}

#ud_home {
width:960px;
text-align:left;
margin:0 auto;
}

#ud_page {
width:800px;
text-align:center;
margin:0 auto;
}

.ud_header_home {
height:120px;
width:960px;
}
.logo {
float:left;
padding:10px 0 20px 100px;
}


#ud_home .ud_body, #ud_page .ud_body {
width:800px;
clear:both;
}

#mainnav {
float:left;
width:171px;
height:368px;
background:#f2f2f2 url(../images/left_nav_sprite.gif) 0 0 no-repeat;
position:relative;
margin: 30px 0 0 0;
padding:0;

}

#mainnav li {
list-style:none;
position:absolute;
left:0;
margin:0;
padding:0;
}

#mainnav li,#mainnav a {
width:171px;
display:block;
height:60px;
}

#view1b {
top:50px;
width:171px;
height:150px;
}
#view2b {
top:100px;
width:171px;
height:50px;
}
#view3b {
top:150px;
width:171px;
height:50px;
}
#view4b {
width:171px;
height:50px;
top:200px;
}
#view5b {
top:250px;
width:171px;
height:50px;
}

#view1b a:hover, #view1b a.pageon {
background:transparent url(../images/left_nav_sprite.gif) 0  -418px no-repeat;
}

#view2b a:hover, #view2b a.pageon {
background:transparent url(../images/left_nav_sprite.gif) 0px -468px no-repeat;
}

#view3b a:hover, #view3b a.pageon {
background:transparent url(../images/left_nav_sprite.gif) 0px -518px no-repeat;
}

#view4b a:hover, #view4b a.pageon {
background:transparent url(../images/left_nav_sprite.gif) 0px -568px no-repeat;
}

#view5b a:hover, #view5b a.pageon {
background:transparent url(../images/left_nav_sprite.gif) 0px -618px no-repeat;
}


#prodnav {
float:left;
width:162px;
height:513px;
background:url(../images/product_sprite.jpg) 0 0 no-repeat;
position:relative;
margin: 0;
padding:0;
display:none;

}

#prodnav li {
list-style:none;
position:absolute;
left:0;
margin:0;
padding:0;
display:block;

}

#prodnav a {
display:block;
}

#prod1b {
top:0px;
width:162px;
height:110px;
}

#prod2b {
top:110px;
width:162px;
height:90px;
}

#prod3b {
top:200px;
width:162px;
height:115px;
}
#prod4b {
width:162px;
height:108px;
top:317px;

}
#prod5b {
width:162px;
height:89px;
top:425px;
}
#prod1b a{
height:110px;
}
#prod2b a{
height:90px;
}
#prod3b a{
height:115px;
}
#prod4b a{
height:108px;
}
#prod5b a{
height:89px;
}

#prod1b a:hover, #prod1b a.pageon {
background:transparent url(../images/product_sprite.jpg) 0  -513px no-repeat;
}

#prod2b a:hover, #prod2b a.pageon {
background:transparent url(../images/product_sprite.jpg) 0px -623px no-repeat;
}

#prod3b a:hover, #prod3b a.pageon {
background:transparent url(../images/product_sprite.jpg) 0px -713px no-repeat;
}

#prod4b a:hover, #prod4b a.pageon {
background:transparent url(../images/product_sprite.jpg) 0px -830px no-repeat;
}

#prod5b a:hover, #prod5b a.pageon {
background:transparent url(../images/product_sprite.jpg) 0px -938px no-repeat;
}



.ud_main {

border:1px solid #cccccc;
float:left;
min-width:787px;
min-height:425px;
}

* html .ud_main {
width:787px;
height:425px;
}

#rightnav {
float:left;
width:170px;
height:368px;
margin: 30px 0 0 0;
padding:0;
border-right:1px solid #cccccc;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}


.content {

width:800px;
border:0px solid #cccccc;
min-height:950px;

}

* html .content {
height:950px;
}

.content p {
margin:2px 2px 0 2px;
font-size:90%;
font-style:italic;

}
.content p strong {
font-size:170%;
line-height:100%;
color:#ffffff;
}
.content img.ring {
margin:-20px 50px 0 0;
float:right;
}

.content .details {
	margin:20px 0 0 0;
	padding:0 0 0 10px;
	float:left;
}

.content .text {
	margin:20px 20px 0 0;
	position:relative;
}

.login {
margin:20px 20px 0 0;
font-size:90%;
font-style:italic;
}

.content .text .image_right {
 	top:0px;
	left:650px;
	position:absolute;	
	width:162px;
	font-size:10pt;
	height:129px;
}

* html .content .text .image_right { 
	left:420px;
}


a:link, a:visited, a:active {
color:#999999;text-decoration:underline;
}

a:hover {
color:#999999;text-decoration:none;
}

 .footer {
color:#808083;
font-size:65%;
clear:both;
text-align:center;
margin:0;
width:960px;
font-family:  verdana, arial,  helvetica;
}

.footer a:link,.footer a:visited, .footer a:hover {
color:#6880b3;
text-decoration:none;
}

.footer  a.as:link,.footer a.as:visited, .footer a.as:hover {
color:#808083;
text-decoration:none;
}

.footer p {
margin:0px 0px 20px 0;
padding-top:50px;
}
.spacer {
height:1px; font-size:1%; clear:both;
}

.small {
font-size:85%;
}

.subtitle {
color:#ffffff;
font-weight:bold;
}

ul, td, li{
font-size:11px;
color:#999999;
}

hr {
height:1px;
width:90%;
background:#073C5D;
}

h1 {
color:#999999;
font-weight:bold;
font-size:14px;
clear:both;
}

h2 {
color:#999999;
font-weight:bold;
font-size:10px;
clear:both;
}

.grid {
font-family: Arial, Helvetica, sans-serif;font-size 11px
color:#999999;
}

.admin_body #mainnav {
float:left;
width:171px;
height:368px;
background:#f2f2f2 url(../images/admin_sprite.gif) 0 0 no-repeat;
position:relative;
margin: 30px 0 0 0;
padding:0;
}

.admin_body #mainnav li {
list-style:none;
position:absolute;
left:0;
margin:0;
padding:0;
}

.admin_body #mainnav li,.admin_body #mainnav a {
width:171px;
display:block;
height:60px;
}

.admin_body #view1b {
top:50px;
width:171px;
height:150px;
}
.admin_body #view2b {
top:100px;
width:171px;
height:50px;
}

.admin_body #view1b a:hover, .admin_body #view1b a.pageon {
background:transparent url(../images/admin_sprite.gif) 0  -418px no-repeat;
}

.admin_body #view2b a:hover, .admin_body #view2b a.pageon {
background:transparent url(../images/admin_sprite.gif) 0px -468px no-repeat;
}

.logout {
width:100px;
float:left;
margin:10px 0 0 600px;
font-size:12px;
}

* html .logout {
margin:10px 0 0 300px;
}

form#frm1 {margin:20px 0 0px 100px; padding:0;}
form#frm1 input {background-color:#e1e1f0;color:#333;margin:0; padding:0;float:left;}

form#frm1 label {float:left; width:200px; margin:0 0 8px 0;clear:left;font-size:90%;}
form#frm1 .right {float:left; margin:0 0 8px 0;font-size:80%;text-align:left;padding:0;}
form#frm1 .row {clear: both;float:left; height:30px;width:550px;font-size:90%;color:#ffffff;font-style:italic;}

	#flashcontent {
		width:550px;
		height:450px;
		margin:0 0 20px 110px;
	}
	
#admin_home .admin_body, #admin_page .admin_body {
min-width:1200px;
background-color:#f2f2f2;
clear:both;
}