@charset "utf-8";
/********************************************************************* Start Global Definitions */
body{
margin:0;
padding:0;
color:#333;
line-height:1.6;
text-align:right;
cursor:default;
font:12px tahoma,Verdana, Arial, Helvetica, sans-serif;
background:#fff url(../images/bg.jpg) top center repeat-x;
}
p{
margin:0;
padding:0;
}
img{
border:0;
}
select{
font:11px tahoma,Verdana, Arial, Helvetica, sans-serif;
padding:2px;
color:green;
}
form{
margin:0;
pading:0;
}
a{
color:blue;
text-decoration:none;
outline-width:0px;
font-weight:normal;
}
a:hover{
color:green;
text-decoration:none;
outline-width:0px;
}
a:visited{
}
/********************************************************************* Page Layout */
.center_out2{
float:right;
width:100%;
clear:both;
}
.center_out{
margin:0 auto;
width:900px;
}
.center{
margin:0 auto;
width:780px;
}
/********************************************************************* Header Navigation */
.header{
margin:0 auto;
width:780px;
height:102px;
}
.logo{
width:445px;
height:102px;
float:left;
}
.top_nav{
width:60px;
height:26px;
float:right;
color:#fff;
text-align:left;
}
.top_nav a{
margin-right:10px;
float:left;
}
/********************************************************************* Start Banner */
.banner{
float:right;
width:900px;
height:227px;
}
.banner_r{
float:right;
width:60px;
height:227px;
}
.banner_c{
float:right;
width:780px;
height:227px;
}
.banner_c_r{
float:right;
width:220px;
height:227px;
background:url(../images/logo.jpg) center top no-repeat;
}
.banner_c_l{
float:right;
width:560px;
height:227px;
}
.banner_l{
float:right;
width:60px;
height:227px;
}
/********************************************************************* Start Navigation Bar */
.nav_out{
height:61px;
width:780px;
float:right;
background:url(../images/nav.png) center no-repeat;
margin-top:2px;
}
.nav{
height:61px;
width:750px;
float:left;
}
.nav a{
display:block;
float:right;
width:120px;
padding:16px 0 16px 0;
text-align:center;
direction:rtl;
font:12px tahoma;
text-decoration:none;
outline-width:0px;
color:#fff;
margin-left:10px;
margin-top:1px;
}
.nav a:hover{
display:block;
float:right;
width:120px;
padding:15px 0 31px 0;
text-align:center;
direction:rtl;
font:12px tahoma;
text-decoration:none;
outline-width:0px;
color:#fff;
margin-top:1px;
background:url(../images/nav_hover.png) bottom center no-repeat;
}
.nav a.selected, a.selected:hover{
display:block;
float:right;
width:120px;
padding:15px 0 31px 0;
text-align:center;
direction:rtl;
font:12px tahoma;
text-decoration:none;
outline-width:0px;
color:#000;
margin-top:1px;
background:url(../images/nav_active.png) bottom center no-repeat;
cursor:default;
font-weight:500;
}
.welcome_out{
width:760px;
float:right;
height:20px;
margin-top:10px;
margin-bottom:10px;
}
.welcome{
width:565px;
float:right;
direction:rtl;
font-weight:500;
text-align:right;
padding-right:5px;
}
.date{
width:175px;
float:right;
direction:rtl;
font-weight:500;
color:#666;
}
/********************************************************************* Start Right Side Boxes  */
.main{
margin-top:5px;
width:780px;
float:right;
}
.r_side{
width:220px;
float:right;
}
.r_box{
width:100%;
float:right;
margin-bottom:6px;
}
.r_box_header{
width:100%;
float:right;
height:43px;
background:url(../images/r_box_t.png) top center no-repeat;
}
.r_box_header_text{
width:180px;
float:left;
padding:13px 0 0 0;
direction:rtl;
font-weight:500;
color:#fff;
text-align:right;
}
.r_box_text_out{
width:100%;
float:right;
background:url(../images/r_box_m.png) center repeat-y;
}
.r_box_text{
width:198px;
margin:0 auto;
margin-top:4px;
direction:rtl;
line-height:1.5;
text-align:justify;
color:#333;
}
.r_box_footer{
width:100%;
height:15px;
float:right;
background:url(../images/r_box_b.png) bottom no-repeat;
}
.r_box_menu{
width:209px;
float:left;
padding-top:5px;
padding-bottom:2px;
}
.r_box_menu a{
display:block;
float:right;
width:198px;
padding:7px 0 8px 0;
text-align:right;
direction:rtl;
font:12px tahoma;
font-weight:500;
text-decoration:none;
outline-width:0px;
border-bottom:1px dotted orange;
color:blue;
}
.r_box_menu a:hover{
display:block;
float:right;
width:170px;
padding:7px 28px 8px 0;
text-align:right;
direction:rtl;
font:12px tahoma;
font-weight:500;
text-decoration:none;
outline-width:0px;
border-bottom:1px solid orange;
color:green;
background:url(../images/green.png) center right no-repeat;
}
.r_box_menu a.active{
display:block;
float:right;
width:170px;
padding:7px 28px 8px 0;
text-align:right;
direction:rtl;
font:12px tahoma;
font-weight:500;
text-decoration:none;
outline-width:0px;
border-bottom:1px dotted orange;
color:blue;
background:url(../images/green.png) center right no-repeat;
cursor:default;
}
/********************************************************************* Start Left Side Boxes  */
.l_side{
width:555px;
float:left;
}
.l_box{
width:100%;
float:right;
margin-bottom:6px;
}
.l_box_header{
width:100%;
float:right;
height:43px;
background:url(../images/l_box_t.png) center no-repeat;
}
.l_box_header_text{
width:512px;
float:left;
padding:13px 0 0 0;
direction:rtl;
font-weight:500;
color:#fff;
text-align:right;
}
.l_box_text_out{
width:100%;
float:right;
background:url(../images/l_box_m.png) center repeat-y;
}
.l_box_text{
width:528px;
margin:0 auto;
margin-top:4px;
direction:rtl;
line-height:1.5;
text-align:justify;
color:#333;
}
.l_box_footer{
width:100%;
height:15px;
float:right;
background:url(../images/l_box_b.png) bottom center;
}
/********************************************************************* Start Products Styles */
.pd_out{
width:528px;
float:right;
margin-top:15px;
line-height:1.5;
}
.pd{
width:172px;
float:left;
height:224px;
background:url(../images/frame.png) center top no-repeat;
}
.spacer{
width:6px;
float:left;
height:224px;
}
.pd_img{
width:130px;
height:160px;
margin:0px auto;
margin-top:10px;
overflow:hidden;
text-align:center;
}
.pd_img td{
vertical-align:middle;
}
.pd_text{
width:150px;
height:32px;
margin:0px auto;
overflow:hidden;
}
.pd_text_more{
width:30px;
height:20px;
margin-top:7px;
float:left;
text-align:left;
}
.pd_text_price{
width:120px;
height:20px;
margin-top:7px;
float:right;
text-align:right;
overflow:hidden;
color:#666;
}
/********************************************************************* Start Footer Styles */
.footer_out{
width:100%;
float:right;
height:60px;
background:url(../images/footer_bg.png) repeat-x bottom;
}
.footer{
width:780px;
height:43px;
padding-top:17px;
margin:0 auto;
background:url(../images/footer.png) center bottom no-repeat;
}
.l_footer{
width:370px;
height:24px;
float:left;
text-align:right;
color:#fff;
font:11px verdana;
margin-top:16px;
font-weight:500;
}
.r_footer{
width:212px;
height:24px;
float:right;
text-align:left;
color:#fff;
font:11px verdana;
margin-top:16px;
font-weight:500;
}
.footer a {
text-decoration:underline;
color:#fff;
}
.footer a:hover {
text-decoration:none;
color:#fff;
 }
 /********************************************************************* Ajax Content Styles */
.loading {
height:60px;
width:780px;
float:right;
text-align:center;
direction:rtl;
padding-top:4px;
margin-top:8px;
color:green;
background:url(../images/load_border.png) center top no-repeat;
}
.loading2 {
height:60px;
width:780px;
margin:0 auto;
text-align:center;
direction:rtl;
padding-top:4px;
color:green;
background:url(../images/load_border.png) center top no-repeat;
}
#body {
}
.alert{
font:11px tahoma,Verdana, Arial, Helvetica, sans-serif;
color:red;
display:none;
}
.alerted{
font:11px tahoma,Verdana, Arial, Helvetica, sans-serif;
color:red;
}
.unfilled{
width:300px;
height:18px;
vertical-align:middle;
font:11px tahoma,Verdana, Arial, Helvetica, sans-serif;
direction:rtl;
background:#fff7cc;
}
.inputbox{
width:300px;
height:18px;
vertical-align:middle;
font:11px tahoma,Verdana, Arial, Helvetica, sans-serif;
direction:rtl;
}
.inputbox1{
width:190px;
font-weight:500;
border:1px solid #8db2e3;
height:18px;
vertical-align:middle;
font:13px tahoma,Verdana, Arial, Helvetica, sans-serif;
direction:rtl;
color:blue;
}
.inputbox0{
width:190px;
font-weight:500;
border:0;
height:18px;
vertical-align:middle;
font:13px tahoma,Verdana, Arial, Helvetica, sans-serif;
direction:rtl;
cursor:default;
}
.news{
border-bottom:1px dotted gray;
width:100%;
float:right;
padding:5px 0 6px 0;
}
.back{
width:528px;
float:right;
height:28px;
margin-top:8px;
padding-top:2px;
border-top:1px solid green;
}
.back_r{
width:395px;
float:right;
color:#666;
height:28px;
}
.back_l{
width:133px;
float:left;
text-align:left;
direction:rtl;
height:28px;
}
.news_nav{
width:100%;
float:right;
text-align:center;
direction:ltr;
font-weight:600;
margin-top:5px;
color:#666;
}
.agent{
width:100%;
float:right;
margin-top:8px;
}
.agent_item{
width:100%;
float:right;
margin-bottom:5px;
}
.agent_city{
width:100%;
float:right;
height:26px;
background:url(../images/head_bg.png) center repeat-x;
border-right:1px solid #99bbe8;
border-left:1px solid #99bbe8;
cursor:pointer;
}
.agent_city_text{
float:right;
height:20px;
padding:2px 10px 0 0;
width:300px;
}
.agent_status{
float:left;
height:20px;
padding:2px 0 0 10px;
width:100px;
text-align:left;
}
.agent_body{
width:100%;
float:right;
background:#eee;
border:1px dotted #666;
border-top:0;
display:none;
}
.agent_body_text{
width:97%;
margin:0 auto;
line-height:1.5;
}
.agent_title{
font:11px tahoma,Verdana, Arial, Helvetica, sans-serif;
direction:rtl;
color:#b66400;
text-align:left;
width:60px;
}
.error{
width:100%;
float:right;
color:red;
text-align:center;
margin-top:12px;
direction:rtl;
}
.ok{
width:100%;
float:right;
color:green;
text-align:center;
margin-top:12px;
direction:rtl;
}
.error img, .ok img{
vertical-align:middle;
}

.ok2{
width:100%;
float:right;
color:green;
text-align:center;
margin-bottom:12px;
}
.error img, .ok2 img{
vertical-align:middle;
}
 /********************************************************************* Yahoo Weather Styles */

.w_icon{
position:absolute;top:-35px;left:-35px;width:250px;height:130px;background-repeat:no-repeat;
}
.w_bg{
position:relative;width:220px;height:80px;float:right;margin-top:12px;
}
#d{
background:url(../images/weather_bg_d2.png) center top no-repeat;
}
#n{
background:url(../images/weather_bg_d2.png) center top no-repeat;
}
.w_text_out{
float:left;
width:210px;
height:65px;
}
.w_text{
float:right;
width:85px;
color:#fff;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
margin-top:5px;
}
.w_text_temp{
width:100%;
float:right;
font-size:19px;
line-height:1;
}
.grid{
border-top:0px solid #8db2e3;
border-left:1px solid #8db2e3;
background:url(../images/pd_nav.png) top repeat-x;
}
.grid td{
border-bottom:1px solid #8db2e3;
border-right:1px solid #8db2e3;
text-align:center;
vertical-align:middle;
padding:5px 0 6px 0;
}
.grid td.title{
color:#000;
}
.mainbody{
width:100%;
float:right;
}
#upload{
	margin:0 auto;
	margin-top:2px;
	margin-bottom:30px;
	padding:4px;
	font-size:12px;
	font-family:tahoma;
	text-align:center;
	background:#fff;
	color:#3366cc;
	border:1px solid #333;
	width:120px;
	height:17px;
	cursor:pointer !important;
	color:#fff;
	background:url(../images/up_button.png) center no-repeat;
	clear:both;
}
#upload_out{
	float:right;
	height:55px;
	width:100%;
}
.darkbg{
	background:#ddd !important;
}
#status{
	font-family:tahoma;color:red; padding:5px;
}
ul#files{ list-style:none; padding:0; margin:0; }
ul#files li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files li img{ max-width:180px; max-height:150px; }
.success2{ background:#99f099; border:1px solid #339933; }
.error2{ background:#f0c6c3; border:1px solid #cc6622; }

.pd_menu{
width:95%;
margin:0 auto;
margin-top:10px;
margin-bottom:5px;
}
.pd_menu td{
text-align:center;
vertical-align:bottom;
width:120px;
height:90px;
border-left:1px dotted silver;
}