﻿body {
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  background:#f4ede2 url(/App_themes/onlyonweb/bg-onlyonweb.gif);
  background-repeat:repeat-x;
}
/*body,td,div,p{*/
body,td{
  color:#443825;
  font: 13px Tahoma, MS Sans Serif, Verdana, Arial;
  line-height:18px;
}

a {
  color:#443825; 
  text-decoration:underline;
} 
a:hover {
  color:#443825;
  text-decoration:none;
}
.clear { clear:both; }
.clear15 { height:15px; clear:both;}

img {
-ms-interpolation-mode : bicubic;
}

img{display:block;}
p img, ul img, td img /* etc*/ { display:inline; }

a img {border:none;}
.highlight {text-decoration:none; background:yellow;} 
/*=========== Layout ================*/
#container #header {
   width:1000px; 
   text-align:left;
 }
#container #content {
  width:1000px; 
  text-align:left; 
}
#container2 {
 margin:0px auto;
 width:1000px;
 background-color:#F4EDE2;
 padding:0px 0px 0px 0px; 
 }
 
#contentLeft270 {
 margin:0px auto;
 width:270px;
 height:495px;
 float:left;
 padding:0px 0px 0px 0px; 
 }
 
#Editor730 {
 margin:0px auto;
 width:730px;
 height:440px;
 float:left;
 padding:0px 0px 0px 0px; 
 }
  
#menuRight90 {
 margin:0px auto;
 width:90px;
 height:440px;
 float:right;
 padding:0px 0px 0px 0px; 
 }
 
#login730 {
 margin:0px auto;
 width:730px;
 height:55px;
 text-align:right;
 float:right;
 padding:0px 0px 0px 0px; 
 }

#contentFooter {
 margin:0px auto;
 width:1000px; 
 background-color:#9FBD4E; 
 padding:0px 0px 0px 0px; 
 }
 
#footer {
  margin:0px; 
  margin-top:10px; 
  padding:0px; 
  background-color:#9FBD4E; 
  text-align:left;
}


/* =================   Links Style     =================*/

.atitleIndex{
  color: #C1C11B; 
  font-size:13px;
  text-decoration: none;
  font-weight: bold;
}
.atitleIndex:visited{
  color: #C1C11B;
  font-size:13px;
  text-decoration: none;
  font-weight: bold;  
}
.atitleIndex:hover{
  color: #C1C11B;
  font-size:13px;
  text-decoration: underline;
  font-weight: bold;
}


.atitleIndexNews{
  color: #5D2E00; 
  font-size:14px;
  text-decoration: none;
  font-weight: bold;
}
.atitleIndexNews:visited{
  color: #5D2E00; 
  font-size:14px;
  text-decoration: none;
  font-weight: bold;  
}
.atitleIndexNews:hover{
  color: #5D2E00;
  font-size:14px;
  text-decoration: underline;
  font-weight: bold;
}

.aLogin{
  color: #BABABA; 
  font-size:11px;
  text-decoration: underline;
  font-weight: normal;
}
.aLogin:visited{
  color: #BABABA;
  font-size:11px;
  text-decoration: underline;
  font-weight: normal;  
}
.aLogin:hover{
  color: #FFFFFF;
  font-size:11px;
  text-decoration: none;
  font-weight: normal;
}

.amore{
  color: #443825; 
  font-size:12px;
  text-decoration: none;
  font-weight: bold;
}
.amore:visited{
  color: #443825; 
  font-size:12px;
  text-decoration: none;
  font-weight: bold;  
}
.amore:hover{
  color: #443825;
  font-size:12px;
  text-decoration: underline;
  font-weight: bold;
}

.amoreWrite{
  color: #FFFFFF; 
  font-size:12px;
  text-decoration: none;
  font-weight: bold;
}
.amoreWrite:visited{
  color: #FFFFFF; 
  font-size:12px;
  text-decoration: none;
  font-weight: bold;  
}
.amoreWrite:hover{
  color: #FFFFFF;
  font-size:12px;
  text-decoration: underline;
  font-weight: bold;
}

.adefault{
  color: #443825; 
  font-size:13px;
  text-decoration: none;
  font-weight: normal;
}
.adefault:visited{
  color: #443825; 
  font-size:13px;
  text-decoration: none;
  font-weight: normal;  
}
.adefault:hover{
  color: #443825;
  font-size:13px;
  text-decoration: underline;
  font-weight: normal;
}


.aThisIssue{
  color: #333; 
  font-size:12px;
  text-decoration: none;
  font-weight: normal;
}
.aThisIssue:visited{
  color: #333; 
  font-size:12px;
  text-decoration: none;
  font-weight: normal;  
}
.aThisIssue:hover{
  color: #333;
  font-size:12px;
  text-decoration: underline;
  font-weight: normal;
}

.aBoard{
  color: #F0F0F0; 
  font-size:13px;
  text-decoration: underline;
  font-weight: normal;
}
.aBoard:visited{
  color: #F0F0F0; 
  font-size:13px;
  text-decoration: underline;
  font-weight: normal;  
}
.aBoard:hover{
  color: #FFFFFF;
  font-size:13px;
  text-decoration: underline;
  font-weight: bold;
}

.aOnlyOnWeb {
  text-decoration:none;
} 
.aOnlyOnWeb:hover {
  text-decoration:underline;
}

 /* =================   Text Style     =================*/

.txtHead {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #690;
}

.titleIndex{
	font-size: 16px;
	font-weight: bold;
	font-family:Tahoma, Verdana ;
	color: #C1C11B;
	text-decoration: none;
}

.titleFooter{
	font-size: 16px;
	font-weight: bold;
	font-family:Tahoma, Verdana ;
	color: #DDDD4C;
	text-decoration: none;
}

.white13{
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}


.black11{
	font-size: 11px;
	font-weight: normal;
	color: #443825;
	text-decoration: none;
}

.gray11{
	font-size: 11px;
	font-weight: bold;
	color: #BABABA;
	text-decoration: none;
}

.gray11Normal{
	font-size: 11px;
	font-weight: normal;
	color: #BABABA;
	text-decoration: none;
}


/* =================   button-home     =================*/

a.btn1{
    background: url(../images/menu/btn_home.jpg) no-repeat top left;
    display:block;
    float:left;
    width:80px; height:45px;
}
a.btn1:hover{
    background-position: bottom left;
}

a.btn2{
    background: url(../images/menu/btn_welcome.jpg) no-repeat top left;
    display:block;
    float:left;
    width:75px; height:45px;
}
a.btn2:hover{
    background-position: bottom left;
}

a.btn3{
    background: url(../images/menu/btn_about.jpg) no-repeat top left;
    display:block;
    float:left;
    width:101px; height:45px;
}
a.btn3:hover{
    background-position: bottom left;
}

a.btn4{
    background: url(../images/menu/btn_contact.jpg) no-repeat top left;
    display:block;
    float:left;
    width:89px; height:45px;
}
a.btn4:hover{
    background-position: bottom left;
}

a.btn5{
    background: url(../images/menu/btn_advertise.jpg) no-repeat top left;
    display:block;
    float:left;
    width:115px; height:45px;
}
a.btn5:hover{
    background-position: bottom left;
}

a.btn6{
    background: url(../images/menu/btn_team.jpg) no-repeat top left;
    display:block;
    float:left;
    width:124px; height:45px;
}
a.btn6:hover{
    background-position: bottom left;
}

a.btn7{
    background: url(../images/menu/btn_sitemap.jpg) no-repeat top left;
    display:block;
    float:left;
    width:116px; height:45px;
}
a.btn7:hover{
    background-position: bottom left;
}


/* =================   Form Style     =================*/


.inputLogin{
  font-size:10px;
  color:#FFFFFF;
  background-image:url(../images/web/bg-login-forms.gif); 
  background-repeat:no-repeat;
  border:solid 1px #333333;
  padding:2px 0px 2px 2px;
  width:120px;
}


.inputSearch{
  font-size:12px;
  color:#FFFFFF;
  background-image:url(../images/web/bg-forms-search.gif); 
  background-repeat:no-repeat;
  border:solid 1px #607D1A;
  padding:2px 0px 2px 2px;
  width:176px;
}



/* =================   div     =================*/

.div1000{
    width: 1000px;
	height:495px;
    text-align: left;
	padding:0px 0px 0px 0px;
}

.divContent1000{
    width: 980px;
    text-align: left;
	padding:20px 10px 20px 10px;
}

.divContentCenter{
    width: 100%;
    text-align: left;
	background-color:#F4EDE2;
	padding:0px 0px 0px 0px;
}

.divFooter{
    width: 100%;
    text-align: left;
	background-color:#9FBD4E;
	padding:0px 0px 0px 0px;
}

.divBannerTop{
    width: 730px;
	height:95px;
    text-align: right;
	float:left;
	padding:0px 0px 0px 0px;
}

.divMenuTop{
    width: 625px;
	height:45px;
    text-align: right;
	float:right;
	padding:0px 0px 0px 0px;
}

.divLogin{
    width: 628px;
	height:55px;
	background-image:url(../images/web/bg-box-login.gif); 
	background-repeat:repeat-x;
    text-align: right;
	float:right;
	padding:0px 0px;
	margin:0px auto;
}

.divLoginForms{
    width: 500px;
	height:25px;
    text-align: right;
	float:right;
	padding:0px 0px 10px 0px;
}

#divBgCoverIndex{
    width: 250px;
	height:355px;
    text-align: left;
	float:left;
	background:url(../images/web/bg-cover-index.png); 
	background-repeat:no-repeat;
	padding:0px 10px 10px 10px;
}

.div270{
    width: 270px;
    text-align: left;
	padding:0px 0px 0px 0px;
}
.divMagNo{
    width: 270px;
	height:65px;
    text-align: left;
	float:left;
	margin-bottom:10px;
	padding:0px 0px 0px 0px;
}


.divBgSearch{
    width: 270px;
	height:55px;
    text-align: left;
	background:url(../images/web/bg-search.png);
	float:left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
}

.divSearchForms{
    width: 230px;
    text-align: left;
	padding:15px 20px 0px 20px;
}

.div640{
    width: 640px;
    text-align: left;
	padding:10px 10px 0px 10px;
}

.div640OnlyOnWeb{
    width: 620px;
    text-align: left;
	padding:10px 10px  0px 10px ;
}

.divImage400{
    width: 400px;
    text-align: left;
	padding:0px 0px 0px 0px;
}

.divBannerleft{
    width: 240px;
    text-align: center;
	padding:0px 0px 0px 0px;
	margin-right:10px;
}

.divBannerleft250{
    width: 240px;
    text-align: center;
	padding:0px 0px 0px 0px;
	margin-bottom:15px;
}

.divBannerRight{
    width: 200px;
    text-align: left;
	padding:0px 0px 0px 0px;
	/*margin-left:20px;*/
}

.divBannerRight200{
    width: 200px;
    text-align: center;
	padding:0px 0px 0px 0px;
	margin-bottom:15px;
}

.divContent510{
    width: 510px;
    text-align: left;
	padding:0px 0px 0px 0px;
}



.divUnderLine{
    width: 100%;
	height:12px;
    text-align: left;
	background:url(../images/web/underLine.gif); 
	background-repeat:repeat-x;
	padding:0px 0px;
}

.divImage150{
    border:solid 1px #FFFFFF;
}

.divSlideContent{
    width: 480px;
    text-align: left;
	padding:0px 5px 0px 5px;
}
.div300{
    width: 300px;
    text-align: right;
	padding:0px 0px 0px 0px;
}
.div250{
    width: 250px;
    text-align: left;
	/*margin-top:20px;*/
	padding:0px 0px 0px 0px;
}
.div330{
    width: 330px;
    text-align: left;
	/*margin-top:20px;*/
	padding:0px 0px 0px 0px;
}
.divUnderLinePlants{
    width: 100%;
	height:12px;
    text-align: left;
	background:url(../images/web/lineUnderLovePlant.gif); 
	background-repeat:repeat-x;
	padding:0px 0px;
}

.divUnderLineDot{
    width: 100%;
	height:11px;
    text-align: left;
	background:url(../images/web/dot-underline.gif); 
	background-repeat:repeat-x;
	padding:0px 0px;
}

.divShadow100{
    width: 100%;
	height:11px;
    text-align: left;
	background:url(../images/web/shawdow-pic100.png) no-repeat left; 
	padding:0px 0px;
}
/*.divBgTv{
    width: 195px;
	height:143px;
	background-image:url(../images/web/bg-tv.jpg); 
	background-repeat:no-repeat;
    TEXT-ALIGN: left;
	padding:15px 15px 92px 15px;
}*/
.divBgTv{
    width: 207px;
	height:150px;
	background-image:url(../images/web/bg-tv-index.jpg); 
	background-repeat:no-repeat;
    text-align: left;
	padding:14px 14px 58px 14px;
}
/* =================   iframe     =================*/

.editorFrame{
    clear: right;
    scrollbar-face-color: #E1B276;
    font-size: 12px;
    border-left-color: #827C42;
    float: right;
    border-bottom-color: #827C42;
    scrollbar-highlight-color: #827C42;
    width: 100%;
    scrollbar-shadow-color: #827C42;
    color: #516F00;
    border-top-style: none;
    border-top-color: #827C42;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #827C42;
    font-family: "tahoma";
    border-right-style: none;
    scrollbar-darkshadow-color: #5F581F;
    scrollbar-base-color: #948E52;
    border-left-style: none;
    text-align: left;
    text-decoration: none;
    border-bottom-style: none;
    scrollbar-3d-light-color: #A4CA41;
}


.scroll{
    scrollbar-base-color: #F1EFE2;
    scrollbar-arrow-color: #FFFFFF; 
    scrollbar-3d-light-color: #F1EFE2; 
    scrollbar-darkshadow-color: #F1EFE2; 
    scrollbar-face-color: #333333; 
    scrollbar-highlight-color: #F1EFE2; 
    scrollbar-shadow-color: #333333; 
    scrollbar-track-color: #3F3E3E;
    clear: right;
}
/* =================   number page     =================*/

a {
	font-size: 12px;
}
.pagination{
   padding: 2px;
}
.pagination ul{
   margin: 0;
   padding: 0;
   text-align: left; /*Set to "right" to right align pagination interface*/
   font-size: 12px;
}
.pagination li{
   list-style-type: none;
   display: inline;
   padding-bottom: 1px;
}
.pagination a, .pagination a:visited{
   padding: 0 5px;
   border: 1px solid #DADADA;
   text-decoration: none; 
   color: #000000;   /* ===   color     ===*/
}
.pagination a:hover, .pagination a:active{
   border: 1px solid #212121;
   color: #FFFFFF;
   background-color: #F7941D;
}
.pagination a.currentpage{
   background-color: #F7941D;  /* ===   color     ===*/
   color: #FFF !important;
   border-color: #000000;
   font-weight: bold;
   cursor: default;
}
.pagination a.disablelink, .pagination a.disablelink:hover{
   background-color: #F7941D;
   cursor: default;
   color: #212121;
   border-color: #000000;
   font-weight: normal !important;
}
.pagination a.prevnext{
   font-weight: normal;
   color: #000000;
}

  /* ===== Text ===== */
.txttitle_Garden {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #690;
}
.txt_White_12 {font-size: 13px;	font-weight: normal; color: #FFFFFF; line-height:19px;}
.txt_White_15 {font-size: 17px;	font-weight: bold; color: #FFFFFF; line-height:19px;}



  /* ===== Update ===== */
  .txttitle18 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #690;
}

.txttitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #690;
}

.txtSearchResult {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #6A8A1D;
}

.divPoll{
    width: 220px;
	background-color:#FFFFFF; 
	text-align:left;
	padding:0px 15px 0px 15px;
}

.divSitmap250{
    width: 250px;
    text-align:left;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}

.divBgAdSearch{
    width: 464px;
	height:192px;
    text-align: center;
	background:url(../images/web/bg-AdSearch.png); 
	background-repeat:no-repeat;
	padding:15px 15px 35px 15px;
}


.popupWindow
{
    position:absolute;
    left: 420px;
    top:130px;
    width:450px;
    display:none;
}
.handleBar
{
  cursor: move;
  background-color: #f5ece3;  
}


.img{border: 3px solid #F0DCC4;}
.imgWhite{border: 3px solid #FFFFFF;}
.img_technical{border: 3px solid #F1DBC4;}
.box_welcome {background-image: url(../images/web/editor_02.png); width: 360px;}
.txtwelcome {font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #FFF;}
.box_hilight {	background-image: url(../images/web/editor_06.png); 	width: 300px;}
.bg_welcome {	background-image: url(../images/web/bg_welcome.png); height: 450px; width: 450px;}

.txttitle {font-family: Tahoma, Geneva, sans-serif;	font-size: 14px; font-weight: bold; color: #690;}
.txtmain {font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: normal; 	color: #333;}

/* =================   menu top     =================*/

a.house{background: url(../images/menu/house.png) no-repeat top left; display:block; float:left; width:72px; height:47px;}
a.house:hover{background-position: bottom left;}

a.garden{background: url(../images/menu/garden.png) no-repeat top left; display:block; float:left; width:69px; height:47px;}
a.garden:hover{background-position: bottom left;}

a.maintenance{background: url(../images/menu/maintenance.png) no-repeat top left; display:block; float:left; width:103px; height:47px;}
a.maintenance:hover{background-position: bottom left;}

a.product{background: url(../images/menu/product.png) no-repeat top left; display:block; float:left; width:76px; height:47px;}
a.product:hover{background-position: bottom left;}

a.trip{background: url(../images/menu/trip.png) no-repeat top left; display:block; float:left; width:45px; height:47px;}
a.trip:hover{background-position: bottom left;}

a.ideas{background: url(../images/menu/ideas.png) no-repeat top left; display:block; float:left; width:50px; height:47px;}
a.ideas:hover{background-position: bottom left;}

a.community{background: url(../images/menu/community.png) no-repeat top left; display:block; float:left; width:107px; height:47px;}
a.community:hover{background-position: bottom left;}


/* ================= Block =================*/
.bgsecondhand {background-image: url(../images/web/secondhand02.jpg); width: 203px;}
.bgtechnical {background-image: url(../images/web/technical_10.jpg);	width: 203px; background-repeat: repeat-y;}
.bgreadover {background-image: url(../images/web/readover_02.jpg); width: 200px;}
.txttitle_block {font-family: Tahoma, Geneva, sans-serif;	font-size: 14px; font-weight: bold; color: #F3EAE1;}
.txtmain_block {font-family: Tahoma, Geneva, sans-serif; font-size: 12px;	font-weight: normal; color: #CCC;}


.aTechnical {font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #CCC; text-decoration:none;}
.aTechnical:hover {font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #CCC; text-decoration:underline;}

.divButtonTv{ width: 235px; height:50px; text-align:left;	padding:0px 0px 0px 0px;}
.divShawdowTv{width: 235px;	height:25px;	background-image:url(../images/web/shawdow-under-tv.jpg); 	background-repeat:no-repeat; text-align:left;padding:0px 0px 0px 0px;}

.aGray14b {font-family: Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #443825; text-decoration:none;}
.aGray14b:hover {font-family: Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #443825; text-decoration:underline;}

div.box_background {
	background-color:transparent;
	background-color: #333;
	position: absolute;
	height: 80px;	
	width: 400px;
	filter:alpha(opacity=60); /* IE's opacity*/
	opacity: 0.75;
}
div.box_contents {
    background-color:transparent;
    position: relative;
	height: 80px;	
	width: 400px;
}

.imgpview { width: 400px; height: 350px; z-index: 1; }

.boxdetail{ background-image:url(../images/web/bg_black40.png);}

.divbg_menu{
    width: 600px;
	height:10px;
    text-align: left;
	background:url(../images/web/bg-menu.png); 
	background-repeat: no-repeat;
	padding:0px 0px;
}

.bgcomment1 {background-image: url(../images/web/comment-bg1.jpg); width: 345px;}
.bgimg1 {background-image: url(../images/web/comment-bgimg1.jpg); width: 149px;}
.profile1 {background-image: url(../images/web/comment-talk1.jpg); width: 149px;	 height: 97px;}

.bgcomment2 {background-image: url(../images/web/comment-bg2.jpg); width: 345px;}
.bgimg2 {background-image: url(../images/web/comment-bgimg2.jpg); width: 149px;}
.profile2 {background-image: url(../images/web/comment-talk2.jpg); height: 97px; width: 149px;}

.txtcomment {font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #333; line-height: 15px;}

.divBgLinkAm{
    width: 210px;
	height:20px; 
	background-image:url(../images/web/bg-link-am.jpg); 
	background-repeat:no-repeat; 
	text-align:center;
	padding:10px 15px 5px 15px;
}


.divContentCenter3{ width: 980px; text-align: left; padding:20px 10px 0px 10px;}

.divFacebook{width: 300px; text-align: left; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px;}

.divCover{width: 236px; height:267px; text-align: left; 	background:url(../images/web/temp-cover.jpg); background-repeat:no-repeat;padding:51px 7px 7px 7px;}

.divRoomContent{width: 175px; height:280px; text-align:left; background:url(../images/web/bg-room-content.png); background-repeat:no-repeat; padding:20px 20px 35px 25px;}


.bg_talk {	background: url(../images/web/bg_talk.png) no-repeat; width: 289px; height: 321px;}
.bg_ads {	background: url(../images/web/bg_ads.png) no-repeat; width: 419px; height: 321px;}

#divcontain_magazine {width: 678px; height: 374px; margin-left:15px;}
#divleftcontent_magazine {background-image:url(../images/web/bg_magazine.png); width: 377px; height: 374px; float: left; margin:0px 0px 0px 0px;}
#divrightcontent_magazine {background-image:url(../images/web/bg_editortalk.png);	width: 301px; height: 374px; float: right; margin:0px 0px 0px 0px;}

.txtmagHead{color:#8aac1c; font-family:Tahoma, Geneva, sans-serif; font-size:14px;	font-weight:bold;}
.txtmag{	color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal;}

a.polaloid 
{   position:relative; display:block; padding:3px; background-color:#fff;
    text-decoration:none; word-wrap: break-word; text-align:center; min-height:150px; }
a.polaloid:hover{ background-color:#9FBD4D;}
a.polaloid img { margin-top:5px; }



/* ================= Button Link =================*/
.btn-brown { background-color:#F1EDD1; font-weight:bold; padding:2px 4px 2px 4px; border:solid 1px #bda975; 
              -moz-border-radius: 4px;-webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
              color:#bda975; text-decoration:none; cursor:pointer;  }
.btn-brown:hover{ -webkit-box-shadow: 0px 1px 2px 1px #bda975; -moz-box-shadow: 0px 1px 2px 1px #bda975; }
