/* CSS Document */

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #b0b0ae;
	padding-top:2px;
}
.stylepaul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #554f24;
}
.style4green {
	color:7aa31f;
	font-weight: bold;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #000000;
}
.style6 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.style6 a:link{color: #000000; text-decoration:none}
.style6 a:hover{text-decoration:underline}
.style6 a:visited{text-decoration:none}
.style6 a:active{color: #FFFFFF; text-decoration:none}
.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.style7 a:link{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration:none}
.style7 a:hover{color: #FFFFFF; text-decoration:underline}
.style7 a:visited{color: #FFFFFF; text-decoration:none}
.style7 a:active{color: #FFFFFF; text-decoration:none}

.style8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #545023;
}
.style9 {
	color: #545023;
}

.style9 a:link{font-family: Arial, Helvetica, sans-serif; color: #545023; font-size: 9px; text-decoration:none}
.style9 a:hover{font-family: Arial, Helvetica, sans-serif; color: #545023; font-size: 9px; text-decoration:underline}
.style9 a:visited{font-family: Arial, Helvetica, sans-serif; color: #545023; font-size: 9px; text-decoration:none}
.style9 a:active{font-family: Arial, Helvetica, sans-serif; color: #545023; font-size: 9px; text-decoration:none}

.style10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body{
    margin:0px;
    padding:0px;
    font-family: Arial;
    font-size: 11px;
    color: #FFE4B1;
    text-decoration: none;
	background:url(../pic/bg4.gif) repeat-x;
	background-color:#726c2e;
}

.advanse_search_title {
	font-family: Arial;
	color: #515c0e;
	font-weight:bold;
}

.advanse_search_content {
	font-family: Arial;
	color: #000000;
	font-size: 12px;
}

.advanse_search_content a{
	font-family: Arial;
	color: #000000;
	font-size: 12px;
	text-decoration:none;
}

div#top_cont{ 
	border-bottom:1px solid #252208;
    background-color:#312d0c;
    height:20px;
	}
.toplinks{
    margin:auto;
    padding-top:2px;
    width:936px;
    text-align:right;
	font:Verdana;
	color:#b0b0ae;
}
.toplinks a{color:#b0b0ae; text-decoration:none;}
.toplinks a:hover{color:#FFFFFF; text-decoration:underline;}

#otopmain{margin:0;padding:0 0 0 0;background:url(../pic/border.jpg) repeat-x;}
#otopmain{font-size:13px;color:#343434;font-family:Arial;}
#otopmain a{text-decoration:none;display:inline;}
#otopmain a:hover{text-decoration:underline;}
#otopmain img{display:block;}
#otopmain p,h1{margin:0;padding:0;}
h1,h2,h3{margin:0;padding:0;}

#otopmain{width:936px;margin:0 auto;text-align:center;}

#main_content{
		width:915px;
		margin:0 auto;
		text-align:left;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#2f2e28;
		}
#heedertop{
		height:92px;
		background-color:#afc12d;
		background-image:url("../pic/headertop.jpg");
		background-repeat:no-repeat;
		}
div#headertop2 div{
    margin:0; 
    padding:0;
    height:92px;
}		
div#headertop2 div.left{
	float:left;
	width:158px;
	background-image:url(../pic/otop-logo.jpg);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	}

div#headertop2 div.right{
	float:right;
	width:66px;
	background-image:url(../pic/dti_logo.jpg);
	background-repeat:no-repeat;
	margin:0px;
	}
	
div#headertop2 div.middle {
    width:691px;
	background-image:url(../pic/headertop2-mid.jpg);
    float:left;
	text-align:right;   
}

#headerbutton {
	margin:0px;
	padding:0px;
	height:60px;
	background:#d5ed59;
	background-image:url(../pic/headerbutton_img.jpg);
	background-repeat:no-repeat;
	}
	
#headerbutton .lyf2{
	width:540px;
	float:left;
	padding-left:20px;
	padding-top:12px;
	}
	
#headerbutton .lyf2 a{
	text-decoration:underline;
	color:#2f2e28;
	font-family:Verdana;
	font-size:10px;
	padding-left:35px;
	}
#headerbutton .lyf2 a:hover{
	text-decoration:none;
	color:#2f2e28;
	}

#headerbutton .ryt2{
	float:right;
	padding-top:20px;
	padding-right:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#headerbutton .ryt2 a{
	color:#2f2e28;
	text-decoration:none;
	}	
#headerbutton .ryt2 a:hover{
	color:#2f2e28;
	text-decoration:underline;
	}

div#content_left{
    float:left;
    width:680px;
	color:#FFFFFF;
}

div#content_right{
    float: right;
    width:230px;
    margin-left:5px;
    padding:0px;
	color:#FFFFFF;
	background-color:#d5e874;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#content_right ul, a {
color:#545023;
font-size:9px;

}

.ryttab{
	height:24px;
	width:231px;
	background-image:url(../pic/tab-ryt.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding:8px 0px 0px 0px;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	}
	
#footer{
	height:81px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:500;
	background:#4d481f;
	background-image:url(../pic/footer_img.jpg);
	background-repeat:no-repeat;
	}
	
#footer a{
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	}
	
.block {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

div.bordered {
    display:block;
    width:90px;
    height:90px;
    border:1px solid #cbcbcb; 
    padding:2px;
}

div.bordered2 {
    border:1px solid #cbcbcb; 
    padding:2px;
    width:90px;
    height:90px;
}

div.featured {
    display:block;
    float:left;
    width:90px;
    height:110px;
    padding:2px;
}

.leftmenu {
	padding-left:30px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

.leftmenu a {
	text-decoration:none;
	color:#000000;
	font-size: 8pt;
}

.body-text {
	color:#524f22;
	font-size: 9pt;
	padding:3px;
}

.mainNavigation {
	height:33px;
}

.mainNavigation td {
	height:33px;
	float:left;
}

.mainNavigation td a {
	height:33px;
	display:block;
}

.mainNavigation a:hover {
	background-position:bottom left;
}

.mainNavigation td.about a {
	height:33px;
	width:101px;
	background-image:url(../pic/about.gif);
}

.mainNavigation td.forbuyers a {
	height:33px;
	width:101px;
	background-image:url(../pic/for-buyers.gif);
}

.mainNavigation td.formembers a {
	height:33px;
	width:101px;
	background-image:url(../pic/for-member.gif);
}

.mainNavigation td.myotop a {
	height:33px;
	width:101px;
	background-image:url(../pic/myotop.gif);
}

.productNavigation {
	height:33px;
}

.productNavigation td {
	height:33px;
	padding: 0;
}

.productNavigation td a {
	height:33px;
	display:block;
}

.productNavigation td.products a {
	height:33px;
	width:107px;
	background-image:url(../pic/product-navigation-products.gif);
}

.productNavigation td.members a {
	height:33px;
	width:107px;
	background-image:url(../pic/product-navigation-members.gif);
}
.productNavigation td.leads a {
	height:33px;
	width:107px;
	background-image:url(../pic/leads.gif);
}

div.signinimg{
	background-color:white;
	width:347px;
	height:220px;
	margin-left:15px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	background-image:url(../pic/signin.jpg);
}

div.signin_step{
	float:right;
	padding-right:45px;
	width:400px;
}
div.signin_step{

}
div.signin_step div.breadcrumbs{
	text-align:center;
	margin-bottom:50px;
}
div.signin_step div.breadcrumbs span{
	margin-left:10px;
	margin-rught:20px;
	color:#d4ec5a;
	font-family:Arial;
	font-size:18px;
}
div.signin_step div.breadcrumbs span.active{
	color:#2c3d07;
}
div.signin_step div.title{
	color:#2c3d07;
	font-family:Arial;
	font-size:18px;
	padding-left:10px;
}
div.signin_step div.line{
	height:1px;
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:1px solid #c3d45b;
}
div.signin_step div.form{
	margin-top:5px;
	text-align:center;
	color:#2c3d07;
	font-family:Arial;
	font-size:16px;
}

table.join{
	width:100%;
}

table.join th{
	color:#2C3D07;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	text-align:right;
	padding-right:5px;
	width:100px;
	vertical-align:top;
	padding-top:5px;
}
table.join input.field{
	border:1px solid #c3d699;
	width:200px;
}
table.join input.small{
	width:130px;
}
table.name{
	border-collapse:collapse;
	}
table.name td,
table.name th{
	padding:0px;
	}
table.name th{
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	text-align:center;
}

span.note,div.note{
	color:#81b610;
	font-size:12px;
	font-style:italic;
	}
.contactus {
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
a img {display:inline !important;}