@charset "utf-8";
/* CSS Document */


/*
* UstaYeri
* www.armaweb.com.tr
* 09.12.2013
* Ali Tufan
*/



.clear { clear:both;}
*{ outline:none; }
.clearfix {
		zoom: 1;
	}

.pr{ float: right;}
.pl{ float: left;}
.no-border {border: 1px solid #dadada;}
.hr {border: 1px solid #DADADA !important; width:100%; height:1px; float:left;}


/* radius Elements */	
.radius5{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; 	-o-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px;}
.radius60{border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; 	-o-border-radius:60px; -ms-border-radius:60px; -khtml-border-radius:60px;}


/* shadow Elements */	
.shadow {text-shadow: 2px 2px 0px #7a7a7a; filter: dropshadow(color=#7a7a7a, offx=1, offy=1);}
.shadowWhite {text-shadow: 1px 1px 0px #0084ab; filter: dropshadow(color=#0084ab, offx=1, offy=1);}
.bs{-webkit-box-shadow: 0px 0px 5px #ededed; box-shadow: 0px 0px 5px #ededed;}


/******** homePage ********/ 


.wrapper{ width: 1000px; margin: 0px auto;}


/* header */
header.header{ width: 100%; float: left; height: 574px; position: relative;} 
header.subheader{ width: 100%; float: left; height: 190px !important; position: relative;} 

header.header .topHeader{ width: 100%; float: left; height: 125px; background: url(../images/menu-bg.png) 0px 77px repeat-x; position: relative; z-index: 10;}
header.header .topHeader .logo{ width: 249px; height: 165px; float: left; margin: 10px 0 0 0;}
header.header .topHeader .topRight{ width: 400px; float: right; margin: 10px 0 0 0;}
header.header .topHeader .topRight .text{ width: 100%; float: left; color: #333333; font-size: 13px;}
header.header .topHeader .topRight .text a{ font-size: 13px; color: #da6f11; font-weight: 600;}
header.header .topHeader .topRight .text a:hover{color: #3b5998;}

.socialArea{ float:left; margin: 20px 0 0 0;}
.social-network { display:inline-block; background: url(../images/social.png) no-repeat top left; background-position-y: 0; 
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;                                             
-o-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
transition:all 0.2s ease;/
cursor:pointer; border:0px !important; margin-right:10px;
}
#layerslider{  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);}

/* Normal */
.social-network.facebook{ background-position: 0px 0px; width: 19px; height: 19px; float:right;}
.social-network.twitter{ background-position: -24px 0px; width: 19px; height: 19px; float: right;}
.social-network.pinterest{ background-position: -54px 0px; width: 19px; height: 19px; float: right;}
.social-network.google{ background-position: -82px 0px; width: 19px; height: 19px; float: right;}
.social-network.youtube{ background-position: -126px 0px; width: 19px; height: 19px; float: right;}
.social-network.linked{ background-position: -167px 0px; width: 19px; height: 19px; float: right;}
.social-network.rss{ background-position: -194px 0px; width: 19px; height: 19px; float: right;}

/* Mouseovers */
.social-network.facebook:hover,.active .social-network.facebook{ background-position: 0px -21px;}
.social-network.twitter:hover,.active .social-network.twitter{ background-position: -24px -21px}
.social-network.pinterest:hover,.active .social-network.pinterest{ background-position: -54px -21px;}
.social-network.google:hover,.active .social-network.google{ background-position: -82px -21px}
.social-network.youtube:hover,.active .social-network.youtube{ background-position: -126px -21px}
.social-network.linked:hover,.active .social-network.linked{ background-position: -167px -21px}
.social-network.rss:hover,.active .social-network.rss{ background-position: -194px -21px}

header.header .topHeader .topRight .tpsrc{ float:left; margin: 13px 0 0 0;}
.tpsrc .input {
    float:left; height:27px; line-height:27px; width:150px; padding:0 5px 0 5px; 
    background: #fff; border: 1px solid #dadada;
}
.tpsrc .btn {
    height:29px; float:right; font-size:13px; color:#FFF; background:url(../images/src.png) no-repeat center center #02a3d3;
    width:30px;  border: none; cursor: pointer;
}



/* menuNav */
nav.nav{ float: right; margin: 8px 0 0 0; max-width: 745px;}
nav.nav ul li{ float: left; position: relative;/* background: url(../images/nav-span.png) right center no-repeat;*/}
nav.nav ul li .home{ float: left; background: none !important; background:url(../images/home.png) !important; padding: 0px !important; width: 20px; height: 20px; margin: 18px 10px 0 0;}
nav.nav ul li .home:hover{ background-position: bottom !important;}
nav.nav ul li:first-child{ background: none;}
nav.nav ul li:last-child{ background: none;}
nav.nav ul li a{ float: left; font-size: 13px; color: #ffffff; padding: 22px 10px 20px 10px; font-weight: 400;}
nav.nav ul li a:hover{color: #FFF; background: url(../images/hover.png) bottom center no-repeat;}
nav.nav ul .activem,
nav.nav ul .active {color: #FFF; background: url(../images/hover.png) bottom center no-repeat;}

.open{ background:url(../images/open-hover.png) repeat; width:200px; display:none; position:absolute; z-index:999999; top:47px; left:0px; margin:3px 0 0 0; float:left; padding:0 0 0 0;}
.open a{color:#cccccc !important; width:100%; font-size:12px !important; float:left; padding:10px 10px 10px 15px !important; margin:0 0 0 0px !important; text-decoration:none; text-align:left; background:url(../images/open-li.png) left bottom repeat-x !important; border:none !important;}
.open a:hover{ background:url(../images/open-li.png) left bottom repeat-x !important; color:#FFF !important;}
.open a:last-child{ background: none !important;}


.mssearchBox{ width:265px; height:293px; float:right; background:url(../images/src-bg.png); z-index:1; position:absolute; top:95px;}
.mssearchBox .title{ font-size: 15px; color: #3c5d5c; font-weight: 600; float: left; margin: 25px 0 0 35px;}
.mssearchBox .frmArea{ float: left; margin: 20px 0 0 32px;}
.mssearchBox .frmArea .frmList{ float: left; width: 210px; margin: 7px 0 7px 0;}
.mssearchBox .frmBtn{ 
	width: 209px; height: 37px; background: url(../images/sr-btn.png); text-align: center; color: #FFF; font-size: 18px; float: left; margin: 30px 0 0 33px; border: none; cursor: pointer;
	text-shadow: 1px 1px 0px #545454; filter: dropshadow(color=#545454, offx=1, offy=1);
}




/* content */
.content{ width:100%; float:left;}

/* catArea */
.content .catArea{ width:100%; height:230px; float:left; margin:1px 0 0 0; background:url(../images/cats-bg.png);}
.content .catArea .catBox{ width:190px; float:left; margin:16px 10px 8px 0;}
.content .catArea .catBox .icon{ width:40px; height:40px; float:left;}
.content .catArea .catBox .title{ width:120px; height:36px; line-height:18px; float:left; margin:10px 0 0 20px; font-size:14px; color:#e3f9ff; font-weight:600;}
.content .catArea .catBox .text{ width:100%; height:34px; line-height:18px; float:left; margin:7px 0 0 0; font-size:13px; color:#b0ecfe; overflow:hidden;}

.content .catArea .catBox:hover .title{color:#FFF;}
.content .catArea .catBox:hover .text{color:#FFF;}


/* homeLeft */
.content .homeLeft{ width:670px; float:left; margin:10px 0 0 0;}
/* homeRight */
.content .homeRight{ width:312px; float:right; margin:10px 0 0 0;}

/* masterArea */
.content .homeLeft .masterArea{ width:100%; float:left; margin:15px 0 0 0;}
.content .homeLeft .masterArea h1{ width:98%; height:35px; line-height:35px; float:left; font-size:18px; color:#3b5998; background:#eaeaea; padding:0 0 0 13px; font-weight:600;}
.content .homeLeft .masterArea ul{ width:100%; float:left; margin:10px 0 0 0;}
.content .homeLeft .masterArea ul li{ width:200px; float:left; margin: 13px 12px 10px 11px;}
.content .homeLeft .masterArea ul li .imagesBorder{ width:200px; height:130px; float:left; border:1px solid#e0e0e0;}
.content .homeLeft .masterArea ul li .imagesBorder .img{ width:190px; height:120px; float:left; margin:5px 0 0 5px;}
.content .homeLeft .masterArea ul li .title{ width:100%; float:left; font-size:13px; color:#3b5998; font-weight:600; line-height:18px; margin:15px 0 0 0;}
.content .homeLeft .masterArea ul li .city{ width:100%; float:left; font-size:13px; color:#e67817; margin:10px 0 0 0;}
.content .homeLeft .masterArea ul li .text{ width:100%; float:left; font-size:13px; color:#333333; line-height:18px; height:54px; overflow:hidden; margin:5px 0 0 0;}


/* offerArea */
.content .homeLeft .offerArea{ width:100%; float:left; margin:15px 0 0 0;}
.content .homeLeft .offerArea h1{ width:98%; height:35px; line-height:35px; float:left; font-size:18px; color:#3b5998; background:#eaeaea; padding:0 0 0 13px; font-weight:600;}
.content .homeLeft .offerArea ul{ width:100%; float:left; margin:0 0 0 0;}
.content .homeLeft .offerArea ul li{ width:48%; float:left; border-bottom:1px solid #e0e0e0; padding:0 0 15px 0; margin:15px 26px 0 0;}
.content .homeLeft .offerArea ul li:last-child{ border:none;}
.content .homeLeft .offerArea ul li:nth-child(2n) {margin:15px 0 0 0;}

.content .homeLeft .offerArea ul li .imagesBorder{ width:130px; height:110px; float:left; border:1px solid#e0e0e0;}
.content .homeLeft .offerArea ul li .imagesBorder .img{ width:120px; height:100px; float:left; margin:5px 0 0 5px;}
.content .homeLeft .offerArea ul li .title{ width:150px; float:left; font-size:15px; color:#3b5998; font-weight:600; margin:0 0 0 20px; line-height:18px; height:18px; overflow:hidden;}
.content .homeLeft .offerArea ul li .city{ width:150px; float:left; font-size:13px; color:#e67817; margin:10px 0 0 20px;}
.content .homeLeft .offerArea ul li .date{ width:125px; float:left; font-size:13px; color:#333333; background:url(../images/date-icon.png) left center no-repeat; padding:0 0 0 30px; margin:10px 0 0 20px; height:20px; line-height:20px;}
.content .homeLeft .offerArea ul li .btns{ height:25px; line-height:25px; float:left; font-size:13px; color:#FFF; background:#2a2a2a; padding:0 20px 0 20px; margin:10px 0 0 20px;}
.content .homeLeft .offerArea ul li .btns:hover{ background:#cf680c;}

/* offerArea */
.content .homeRight .banner300x250{ width:310px; min-height:260px; float:left; border:1px solid#e0e0e0; margin:15px 0 0 0;}
.content .homeRight .banner300x250 .img{ width:300px; min-height:250px; float:left; margin:5px;}

.content .homeRight .banner255x250{ width:265px; min-height:260px; float:left; border:1px solid#e0e0e0; margin:15px 0 0 0;}
.content .homeRight .banner255x250 .img{ width:255px; min-height:250px; float:left; margin:5px;}

/* reviewsArea */
.content .homeRight .reviewsArea{ width:310px;  border:1px solid#e0e0e0; float:left; margin:15px 0 0 0; overflow:hidden;}
.reviewsArea h1{ width:96%; height:35px; line-height:35px; float:left; font-size:16px; color:#3b5998; background:#eaeaea; padding:0 0 0 13px; font-weight:600;}
.reviewsArea ul{ width:100%; float:left;}
.reviewsArea ul li{ width:100%; float:left; background:url(../images/rev-icon.png) 15px 0px no-repeat; margin:10px 0 0 0; border-bottom:1px solid #e0e0e0; padding:0 0 15px 0;}
.reviewsArea ul li .title{ width:255px; float:left; margin:5px 0 0 45px; font-size:13px; color:#3b5998; font-weight:600; line-height:13px;}
.reviewsArea ul li .by{ width:255px; float:left; margin:8px 0 0 45px; font-size:13px; color:#333333;}
.reviewsArea ul li .text{ width:255px; float:left; margin:8px 0 0 45px; font-size:13px; color:#333333; height:36px; line-height:18px; overflow:hidden;}


/* footer */
footer.footer{ width:100%; height:367px; float:left; background:url(../images/footer-bg.png); margin:15px 0 0 0;}
footer.footer .topBox{ width:320px; height:210px; float:left; margin:25px 20px 0 0;} 
footer.footer .topBox:last-child{ margin:25px 0 0 0;}
footer.footer  h1{float:left; font-size:14px; color:#ffffff; font-weight:600;}
footer.footer .text{float:left; font-size:13px; color:#b0ecfe; height:162px; line-height:18px; width:100%; margin:10px 0 0 0; overflow:hidden;}

/* news */
footer.footer .topBox ul{ float:left; width:100%;}
footer.footer .topBox ul li{ width:100%; float:left; background:url(../images/star.png) 0px 5px no-repeat; margin:10px 0 0 0;}
footer.footer .topBox ul li .text{ float:left; width:90%; line-height:18px; height:36px; overflow:hidden; font-size:13px; color:#b0ecfe; margin:0 0 0 20px;}
footer.footer .topBox ul li .date{ float:left; width:90%; overflow:hidden; font-size:10px; color:#8dc2d5; margin:0 0 0 20px;}

/* hcon */
footer.footer .topBox .htel{ width:100%; float:left; background:url(../images/htel.png) left center no-repeat; padding:0 0 0 30px; font-size:13px; color:#b0ecfe; height:20px; line-height:20px; margin:10px 0 0 0;}
footer.footer .topBox .hfaks{ width:100%; float:left; background:url(../images/hfaks.png) left center no-repeat; padding:0 0 0 30px; font-size:13px; color:#b0ecfe; height:20px; line-height:20px; margin:13px 0 0 0;}
footer.footer .topBox .hmail{ width:100%; float:left; background:url(../images/hmail.png) left center no-repeat; padding:0 0 0 30px; font-size:13px; color:#b0ecfe; height:20px; line-height:20px; margin:13px 0 0 0;}
footer.footer .topBox .hadres{ width:100%; float:left; background:url(../images/hadres.png) left center no-repeat; padding:0 0 0 30px; font-size:13px; color:#b0ecfe; height:22px; line-height:22px; margin:13px 0 0 0;}


/* bottomBox */
footer.footer .bottomBox{ width:165px; float:left; margin:25px 10px 0 0;position:relative;} 
footer.footer .bottomBox h2{float:left; font-size:13px; color:#ffffff; font-weight:600; margin:0 0 10px 0;}
footer.footer .bottomBox ul{ float:left; width:100%;}
footer.footer .bottomBox ul li{ width:100%; float:left; margin:10px 0 0 0; font-size:12px; color:#b0ecfe;}
footer.footer .bottomBox ul li a{font-size:13px; color:#b0ecfe; float:left; width:100%;}

.socialAreaB{ float: left; margin: 10px 0 10px 0;}
.social-networkB { display:inline-block; background: url(../images/social-b.png) no-repeat top left; background-position-y: 0; 
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;                                             
-o-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
transition:all 0.2s ease;
cursor:pointer; border:0px !important; margin-right:15px;
}


/* Normal */
.social-networkB.facebook{ background-position: 0px 0px; width: 7px !important; height: 16px !important; float:right !important;}
.social-networkB.twitter{ background-position: -23px 0px; width: 18px !important; height: 15px !important; float: right !important;}
.social-networkB.pinterest{ background-position: -56px 0px; width: 12px !important; height: 15px !important; float: right !important;}
.social-networkB.google{ background-position: -83px 0px; width: 18px !important; height: 15px !important; float: right !important;}
.social-networkB.youtube{ background-position: -116px 0px; width: 38px !important; height: 15px !important; float: right !important;}
.social-networkB.linked{ background-position: -168px 0px; width: 16px !important; height: 15px !important; float: right !important;}
.social-networkB.rss{ background-position: -199px 0px; width: 14px !important; height: 15px !important; float: right !important;}

/* Mouseovers */
.social-networkB.facebook:hover,.active .social-networkB.facebook{ background-position: 0px -24px;}
.social-networkB.twitter:hover,.active .social-networkB.twitter{ background-position: -23px -24px}
.social-networkB.pinterest:hover,.active .social-networkB.pinterest{ background-position: -56px -24px;}
.social-networkB.google:hover,.active .social-networkB.google{ background-position: -83px -24px}
.social-networkB.youtube:hover,.active .social-networkB.youtube{ background-position: -116px -24px}
.social-networkB.linked:hover,.active .social-networkB.linked{ background-position: -168px -24px}
.social-networkB.rss:hover,.active .social-networkB.rss{ background-position: -199px -24px}





/******** subPage ********/ 
.content .subPage{ width: 100%; float: left;}

.content .subPage .navigation{ width: 100%; float: left; padding-bottom: 15px;}
.content .subPage .navigation a{float: left; font-size:13px; color:#333333; padding:0 10px 0 10px; font-weight:600;}
.content .subPage .navigation a:hover,
.content .subPage .navigation .active{color:#3b5998;margin-left: 5px; float: left;}
.content .subPage .navigation span{ width: 7px; height:7px; background:url(../images/navs.png); float: left; margin:3px 0 0 0;}


/* leftArea */
.content .subPage .leftArea{ width:312px; float:left; margin:10px 0 0 0;}
.content .subPage .leftArea .bycatArea{ width:310px; min-height:100px; max-height:550px; border:1px solid #e0e0e0; float:left;}
.bycatArea h1{ width:96%; height:35px; line-height:35px; float:left; font-size:15px; color:#3b5998; background:#eaeaea; padding:0 0 0 13px; font-weight:600;}

.bycatArea ul{ float:left; overflow: scroll; margin:10px 0 0 0; width:98%; max-height:495px;}
.bycatArea ul li{ float:left; background:url(../images/cat-list.png) 10px 9px no-repeat; padding:8px 0 8px 30px; width:85%;}
.bycatArea ul li a{ float:left; font-size:13px; color:#333333;}

.content .subPage .leftArea .banner300x250{ width:310px; height:260px; float:left; border:1px solid#e0e0e0; margin:15px 0 0 0;}
.content .subPage .leftArea .banner300x250 .img{ width:300px; height:250px; float:left; margin:5px;}

/* msArea */
.content .subPage .leftArea .msArea{ width: 310px; min-height: 180px; border:1px solid #e0e0e0; float:left; margin: 15px 0 0px 0; padding-bottom:15px;}
.msArea h1{ width:96%; height:35px; line-height:35px; float:left; font-size:15px; color:#3b5998; background:#eaeaea; padding:0 0 0 13px; font-weight:600;}
.msArea .frmArea{ float: left; margin: 10px 0 0 22px; width: 270px;}
.msArea .frmArea .frmList{ float: left; width: 260px; margin: 7px 0 7px 0;}
.msArea .frmBtn{ 
	width: 209px; height: 37px; background: url(../images/sr-btn.png); text-align: center; color: #FFF; font-size: 18px; float: left; margin: 10px 0 0 48px; border: none; cursor: pointer;
	text-shadow: 1px 1px 0px #545454; filter: dropshadow(color=#545454, offx=1, offy=1);
}


/* rightArea */
.content .subPage .rightArea{ width:670px; float:right; margin:10px 0 0 0;}
.rightArea h1{ width:98.1%; height:35px; line-height:35px; float:left; font-size:15px; color:#3b5998; background:#eaeaea; padding:0 0 0 13px; font-weight:600;}
.rightArea h1 .back{ background:#02A3D3; font-size:12px; color:#FFF; text-align: center; float:right; height:25px; line-height:25px; padding:0 10px 0 10px; margin:6px 6px 0 0;}



/******** detailofferList ********/ 

/* offerArea */
.subPage .rightArea .offerArea{ width:100%; float:left; margin:0 0 0 0;}
.subPage .rightArea .offerArea ul{ width:100%; float:left; margin:0 0 0 0;}
.subPage .rightArea .offerArea ul li{ width:48%; float:left; border-bottom:1px solid #e0e0e0; padding:0 0 15px 0; margin:15px 26px 0 0;}
.subPage .rightArea .offerArea ul li:last-child{ border:none; }
.subPage .rightArea .offerArea ul li:nth-child(2n) {margin:15px 0 0 0;}
.subPage .rightArea .offerArea ul li .imagesBorder{ width:140px; height:110px; float:left; border:1px solid #e0e0e0;}
.subPage .rightArea .offerArea ul li .imagesBorder .img{ width:130px; height:100px; float:left; margin:5px 0 0 5px;}
.subPage .rightArea .offerArea ul li .title{ width:150px; float:left; font-size:14px; color:#3b5998; font-weight:600; margin:0 0 0 20px; line-height:18px; height:18px; overflow:hidden;}
.subPage .rightArea .offerArea ul li .city{ width:150px; float:left; font-size:13px; color:#e67817; margin:10px 0 0 20px;}
.subPage .rightArea .offerArea ul li .date{ width:125px; float:left; font-size:13px; color:#333333; background:url(../images/date-icon.png) left center no-repeat; padding:0 0 0 30px; margin:10px 0 0 20px; height:20px; line-height:20px;}
.subPage .rightArea .offerArea ul li .btns{ height:25px; line-height:25px; float:left; font-size:13px; color:#FFF; background:#2a2a2a; padding:0 20px 0 20px; margin:10px 0 0 20px;}
.subPage .rightArea .offerArea ul li .btns:hover{ background:#cf680c;}


/* pagers */
.subPage .rightArea .pagers{ width: 100%; float: left; margin: 15px 10px 0 0; border-top: 1px solid #e0e0e0;}
.subPage .rightArea .pagers a{ padding: 0 8px 0 8px; float: left; height: 25px; line-height: 25px; background: #2a2a2a; color: #FFF; font-size: 12px; font-weight: 300; margin: 10px 2px 0 2px;}
.subPage .rightArea .pagers a:hover,
.subPage .rightArea .pagers .active{background: #d56c0f;}

/******** detailofferList ********/ 



/******** offerDetail ********/ 

/* offerAreaD */
.subPage .rightArea .offerAreaD{ width:100%; float:left; margin:0 0 0 0;}
.subPage .rightArea .offerAreaD .offerstext{ width: 100%; float: left; font-size: 13px; color: #333333; line-height: 23px; text-align: justify; margin: 15px 0 0 0;}


/* offertabs */
.subPage .rightArea .offerAreaD .offertabs{ width: 100%; float: left; margin: 15px 0 0 0; border: 1px solid #e0e0e0;}

/*	Tabs	*/
.tabs-wrapper{width:100%; margin:0; float:left;}
.tabs-wrapper .tabs-second-nav {width: 100%; height: 35px; float: left; position: relative; z-index: 15; background:#eaeaea; margin: 0px 0 0 0;}
.tabs-wrapper .tabs-second-nav li { width: auto; display: block; list-style: none; float: left; border: none ; height: 37px; line-height: 37px; padding: 0 12px 0 12px; margin: 0 0 0 0;}
.tabs-wrapper .tabs-second-nav li.active { background:#FFF;}
.tabs-wrapper .tabs-second-nav li a {color: #3b5998; font-size: 13px; font-weight: 600;}
.tabs-wrapper .tabs-second-nav li:hover{ background:#FFF;}
/*	Tab Second Content	*/
.tabs-wrapper .tabs-second-cWrapper {width: 100%; height: auto; float: left; margin: 0px 0 10px 0;}
.tabs-wrapper .tabs-second-cWrapper .tabsContent {height: auto; margin: 0 0 0 0; padding:10px 0 0 0;}


/*	tabsText	*/
.tabsText{width: 95%; float: left; font-size: 13px; color: #333333; line-height: 23px; text-align: justify; margin: 15px 0 0 15px;}
.tabsText .imgBorder{ width: 140px; height: 110px; float: left; border: 1px solid #e0e0e0; margin: 0 10px 0 0;}
.tabsText .imgBorder .img{ width: 130px; height: 100px; float: left; margin: 5px;}


/*	tabFotoG	*/
.tabFotoG{ width: 98%; float: left; margin: 10px 0 0 10px;}
.tabFotoG .galeriBox{ width: 140px; float: left; margin: 0 10px 0 10px; position:relative; z-index:9;}
.tabFotoG .galeriBox .imgBorder{ width: 140px; height: 110px; float: left; border: 1px solid #e0e0e0;}
.tabFotoG .galeriBox .imgBorder .img{ width: 130px; height: 100px; float: left; margin: 5px;}
.tabFotoG .galeriBox .imgText{ width: 140px; font-size: 13px; color: #333333; float: left; text-align: center; margin: 7px 0 0 0; min-height: 40px;}

/*	tabComment	*/
.tabComment{ width: 98%; float: left; margin: 10px 0 0 8px;}
.tabComment .comTop{ width: 100%; float: left; margin: 10px 0 0 0;}

.tabComment .comTop .senCom{ float: left; width: 320px; margin: 0 0 0 5px;}
.tabComment .comTop .senCom .title{ font-size: 14px; color: #e67817; font-weight: 600; float: left; width: 96%; background:url(../images/rev-icon.png) 0 0px no-repeat; padding: 0 0 0 25px; height: 25px; line-height: 25px;}
.tabComment .comTop .senCom .scFrm{ width: 100%; float: left; margin: 10px 0 0 0;}
.tabComment .comTop .senCom .scFrm .scflist{ width: 100%; float: left; margin: 7px 0 7px 0;}
.tabComment .comTop .senCom .scFrm .scflist .textarea{width:310px; height: 100px; float:left; color:#333333; font-size:12px; padding: 5px; border:1px solid #dadada; font-weight:400; margin:0 0 0 0; resize: none;}
.tabComment .comTop .senCom .scFrm .scflist .btns{ height:25px; line-height:25px; float:left; font-size:13px; color:#FFF; background:#02a3d3; padding:0 20px 0 20px; margin:0 0 0 0px; border: none; cursor: pointer;}
.tabComment .comTop .senCom .scFrm .scflist .btns:hover{ background:#2a2a2a;}
.tabComment .comTop .senComText{ float: left; width: 300px; margin: 20px 0 0 15px; font-size: 13px; color: #333333; line-height: 23px; text-align: justify;}

.tabComment .comBottom{ width: 97%; float: left; margin: 15px 0 0 8px;}
.tabComment .comBottomFull{ width: 99% !important; float: left; margin: 15px 0 0 8px;}
.tabComment .comBottom .combList{ width: 100%; float: left; border-top: 1px solid #dadada; padding: 10px 0 0 0; margin: 7px 0 7px 0;}
.tabComment .comBottom .combList .titles{font-size: 14px; color: #3b5998; font-weight: 600; float: left; width: 96%; background:url(../images/rev-icon.png) 0 0px no-repeat; padding: 0 0 0 25px; height: 25px; line-height: 25px;}
.tabComment .comBottom .combList .titles .date{font-size: 13px; color: #e67817; font-weight: 400; float: right; margin: 10px 0 0 0;}
.tabComment .comBottom .combList .bys{font-size: 12px; color: #e67817; font-weight: 400; float: left; width: 96%; margin: 2px 0 0 25px;}
.tabComment .comBottom .combList .text{font-size: 13px; color: #333333; line-height: 23px; text-align: justify; float: left; width: 96%; margin: 5px 0 0 25px}




/* detailBox */
.content .subPage .leftArea .detailBox{ width: 310px;  border:1px solid #e0e0e0; float:left; margin: 0 0 0 0;}
.detailBox h1{ width:96%; height:35px; line-height:35px; float:left; font-size:14px; color:#3b5998; background:#eaeaea; padding:0 0 0 13px; font-weight:600;}
.detailBox ul{ float:left; width:300px; margin:15px 0 0 10px;}
.detailBox ul li{ float:left; width:100%; margin:9px 0 9px 0;}
.detailBox ul li .textOne{ width:90px; float:left; font-size:13px; color:#333333;}
.detailBox ul li .texttwo{ width:5px; float:left; font-size:13px; color:#333333;}
.detailBox ul li .textthree{ width:170px; float:left; font-size:13px; color:#333333; margin:0 0 0 10px;}
.detailBox ul li .fullTime{ width:100%; float:left; font-size:13px; color:#e67817; font-weight:600; text-align:center;}

/* timeBox */
.content .subPage .leftArea .timeBox{ width: 310px; height:130px; border:1px solid #e0e0e0; float:left; margin: 15px 0 0 0;}
.timeBox h1{ width:96%; height:35px; line-height:35px; float:left; font-size:16px; color:#3b5998; background:#eaeaea; padding:0 0 0 13px; font-weight:600;}

.timeBox .time{ width:42px; height:42px; float:left; background:url(../images/time.png); margin:30px 25px 0 20px;}
.timeBox .timtArea{ width:30px; float:left; margin:20px 13px 0 0;}
.timeBox .timtArea .daytxt{ width:100%; text-align:center; float:left; font-size:13px; color:#e67817;}
.timeBox .timtArea .daytxtBox{ width:30px; height:30px; line-height:30px; border:1px solid #e0e0e0; float:left; font-size:13px; color:#2a2a2a; margin:5px 0 0 0; text-align:center;}


/* ofmaps */
.content .subPage .leftArea .ofmaps{ width: 310px; height:405px; border:1px solid #e0e0e0; float:left; margin: 15px 0 0 0;}
.ofmaps .maps{ width:300px; height:380px; float:left; margin:5px;}

/******** offerDetail ********/ 





/******** detailMasterList ********/ 

.subPage .rightArea .banner700x200{ width:670px; height:200px; float:left; border:1px solid#e0e0e0; margin:0 0 15px 0;}
.subPage .rightArea .banner700x200 .img{ width:660px; height:190px; float:left; margin:5px;}


/* masterArea */
.subPage .rightArea .masterArea{ width:100%; float:left; margin:0 0 0 0;}
.subPage .rightArea .masterArea ul{ width:100%; float:left; margin:0 0 0 0;}
.subPage .rightArea .masterArea ul li{ width:100%; float:left; margin:15px 0 0 0; height: 150px; border:1px solid #e0e0e0; background: #FFF;}
.subPage .rightArea .masterArea ul li .imagesBorder{ width:200px; height:130px; float:left; border:1px solid#e0e0e0; margin: 9px 0 0 9px;}
.subPage .rightArea .masterArea ul li .imagesBorder .img{ width:190px; height:120px; float:left; margin:5px 0 0 5px;}
.subPage .rightArea .masterArea ul li .lbbox{ width: 240px; float: left; margin: 10px 0 0 10px;}
.subPage .rightArea .masterArea ul li .title{ width:240px; float:left; font-size:13px; color:#3b5998; font-weight:600; line-height:18px; margin:0 0 0 0;}
.subPage .rightArea .masterArea ul li .city{ width:240px; float:left; font-size:13px; color:#e67817; margin:10px 0 0 0;}
.subPage .rightArea .masterArea ul li .text{ width:240px; float:left; font-size:13px; color:#333333; line-height:18px; height:54px; overflow:hidden; margin:5px 0 0 0;}
.subPage .rightArea .masterArea ul li .btns{ height:25px; line-height:25px; float:left; font-size:13px; color:#FFF; background:#2a2a2a; padding:0 20px 0 20px; margin:5px 10px 0 0px;}
.subPage .rightArea .masterArea ul li .btns:hover{ background:#cf680c;}

.subPage .rightArea .masterArea ul li .lrbbox{ width: 205px; height: 130px; float:right; margin: 0 0 0 0; padding: 10px 0 10px 0; background: #f4f3f3;}
.subPage .rightArea .masterArea ul li .lrbbox .titleR{ font-size: 13px; color: #3b5998; float: left; font-weight: 600; margin: 0 0 10px 5px; width:100%}
.subPage .rightArea .masterArea ul li .lrbbox .textR{ font-size: 13px; color: #333333; float: left; margin: 5px 0 0 5px; width: 195px;}

.subPage .rightArea .masterArea ul .relative{ position:relative !important;}
/*	users */
.gold{ width:77px; height:68px; position:absolute; z-index:2; top:-5px; right:-5px; background:url(../images/gold.png);}

/******** detailMasterList ********/ 




/******** masterDetail ********/ 


/* fullPage */
.subPage .fullPage{width:100%; float:left; margin:15px 0 0 0; border:1px solid #e0e0e0;   min-height: 350px;}
.subPage .fullPage h1{ width:98.7%; height:35px; line-height:35px; float:left; font-size:13px; color:#3b5998; background:#eaeaea; padding:0 0 0 13px; font-weight:600;}
.subPage .fullPage .back{ background:#02A3D3; font-size:12px; color:#FFF; text-align: center; float:right; height:25px; line-height:25px; padding:0 10px 0 10px; margin:6px 6px 0 0;}



/* masterDetail */
.subPage .fullPage .masterDetail{width:100%; float:left; margin:15px 0 0 0;}
.subPage .fullPage .masterDetail .mdLeft{ width: 530px; height:450px; float: left; margin:0 0 0 10px;}

/* mdRight */
.subPage .fullPage .masterDetail .mdRight{ width: 430px; min-height:450px; float: left; margin:0 0 0 15px;}
.subPage .fullPage .masterDetail .mdRight .mrTop{ width:100%; float:left;}
.mdRight .mrTop .imagesBorder{ width:200px; height:130px; float:left; border:1px solid#e0e0e0; margin: 0 0 0 0;}
.mdRight .mrTop .imagesBorder .img{ width:190px; height:120px; float:left; margin:5px 0 0 5px;}
.mdRight .mrTop .infoText{ width:210px; height:130px; float:left; margin:0 0 0 15px;}
.mdRight .mrTop .infoText .itlist{ float:left; width:100%; margin:0 0 10px 0px;}
.mdRight .mrTop .infoText .txtone{ font-size:13px; color:#333333; width:65px; float:left; font-weight: 600;}
.mdRight .mrTop .infoText .txtwo{font-size:13px; color:#333333; width:5px; float:left;}
.mdRight .mrTop .infoText .txthree{font-size:13px; color:#333333; width:130px; float:left; margin:0 0 0 5px;}

.mdRight .mrTop ul{ width: 100%; float: left; list-style: none; margin: 10px 0 5px 0;}
.mdRight .mrTop ul li{ float: left; width: 100%; margin: 3px 0 3px 0;}
.mdRight .mrTop ul li .textOne{ width: 100px; float: left; font-size: 13px; color: #42131d; font-weight: 600; line-height: 18px;}
.mdRight .mrTop ul li .textTwo{ width: 5px; float: left; font-size: 13px; color: #42131d; font-weight: 400; margin: 0 0 0 5px; line-height: 18px;}
.mdRight .mrTop ul li .textThree{ float: left; font-size: 13px; color: #6d6d6d; font-weight: 400; margin: 0 0 0 5px; line-height: 18px; width: 314px;}


/* mrcats */
.subPage .fullPage .masterDetail .mdRight .mrcats{ width:100%; float:left; margin:15px 0 0 0;}
.mdRight .mrcats .titles{ width:100%; float:left; color:#3b5998; font-size:13px; padding:0 0 10px 0; border-bottom:1px solid #dadada; font-weight:600; margin:0 0 10px 0;}
.mdRight .mrcats ul{ float:left; width:100%;  border-bottom:1px solid #dadada; padding-bottom:10px;}
.mdRight .mrcats ul li{ width:210px; float:left; margin:3px 5px 3px 0; font-size:13px; color:#333333; }


.masterDetail .mdRight .mrbtns{ width:100%; float:left; margin: 20px 0 10px 0;}
.mdRight .mrbtns .btns{ height:25px; line-height:25px; float:left; font-size:13px; color:#FFF; background:#2a2a2a; padding:0 10px 0 10px; margin:0 10px 0 0;}
.mdRight .mrbtns .btns:hover{ background:#cf680c;}


.masterDetail .mdRight .mrsocial{ width:100%; float:left; margin:0 0 0 0;}
.masterDetail .mdRight .mrsocial .lefts{ float:left !important;}



/* mdfull */
.subPage .fullPage .masterDetail .mdfull{ width: 970px; float: left; margin:25px 0 30px 15px;}
.mdfull .titles{ width:100%; float:left; color:#3b5998; font-size:14px; padding:0 0 10px 0; border-bottom:1px solid #dadada; font-weight:600; margin:0 0 10px 0;}
.mdfull .mdText{font-size:13px; color:#333333; float:left; margin:10px 0 0 0px; overflow: scroll; max-height:250px; width:950px; line-height:23px; padding:0 15px 0 0;}

.subPage .mastertabs{ width: 100%; float: left; margin: 15px 0 0 0; border: 1px solid #e0e0e0;}

/******** masterDetail ********/ 



/******** userLogin ********/ 

/* uLoginArea */
.subPage .fullPage .uLoginArea{ width: 100%; float: left; margin: 10px 0 55px 0;}

.uLoginArea .leftLogin{ width: 400px; float: left; margin: 10px 0 0 30px;}
.uLoginArea .leftLogin .title{width:100%; float:left; color:#3b5998; font-size:13px; padding:0 0 10px 0; border-bottom:1px solid #dadada; font-weight:600; margin:0 0 10px 0;}

.uLoginArea .leftLogin .lfrmList{ width: 100%; float: left; margin: 10px 0 0 0;}
.uLoginArea .leftLogin .lfrmList .titles{ width: 100%; float: left; font-size: 13px; color: #333333; margin: 0 0 10px 0;}
.uLoginArea .leftLogin .lfrmList .btns{ height:25px; line-height:25px; float:left; font-size:13px; color:#FFF; background:#2a2a2a; padding:0 20px 0 20px; margin:5px 10px 0 0px; border: none; cursor: pointer;}
.uLoginArea .leftLogin .lfrmList .btns:hover{ background:#cf680c;}
.uLoginArea .leftLogin .lfrmList .text{float:left; font-size:13px; color:#5d9fcc; line-height: 25px; height: 25px; margin: 5px 0 0 25px;}
.uLoginArea .leftLogin .lfrmList .helpsT{float:left; font-size:13px; color:#333333; line-height: 25px; height: 25px; margin: 5px 0 0 0;}
.uLoginArea .leftLogin .lfrmList .helpsT a{font-size:13px; color:#e67817;}


.uLoginArea .rightLogin{ width: 500px; float: left; margin: 10px 0 0 40px;}
.uLoginArea .rightLogin .title{width:100%; float:left; color:#3b5998; font-size:13px; padding:0 0 10px 0; border-bottom:1px solid #dadada; font-weight:600; margin:0 0 10px 0;}
.uLoginArea .rightLogin .textR{float:left; font-size:13px; color:#333333; margin: 5px 0 0 0; line-height: 18px;}
.uLoginArea .rightLogin .btns{ height:25px; line-height:25px; float:right; font-size:13px; color:#FFF; background:#cf680c; padding:0 20px 0 20px; margin:5px 10px 0 0px; border: none; cursor: pointer;}
.uLoginArea .rightLogin .btns:hover{ background:#2a2a2a;}


/******** userLogin ********/ 


/******** memberLogin ********/ 

.subPage .fullPage .memberLogin{ width: 100%; float: left; margin: 10px 0 55px 0;}
.subPage .fullPage .memberLogin .leftMember{ width: 255px; float: left; margin: 20px 0 0 25px;}
.subPage .fullPage .memberLogin .leftMember .memBox{ width: 255px; float: left; margin: 0 0 15px 0;}
.subPage .fullPage .memberLogin .leftMember .memBox:hover .texts{ background: #e67817; font-size: 13px; color: #d3fafa;}
.subPage .fullPage .memberLogin .leftMember .memBox .titles{ float: left; width: 100%; color: #3b5998; font-size: 14px; font-weight: 600;}
.subPage .fullPage .memberLogin .leftMember .memBox .texts{ width: 235px; float: left; height: 60px; background: #02a3d3; font-size: 13px; color: #d3fafa; padding: 10px; line-height: 18px; margin: 10px 0 0 0;}
.subPage .fullPage .memberLogin .leftMember .memBox .active{ background: #e67817; font-size: 13px; color: #d3fafa;}


.subPage .fullPage .memberLogin .rightMember{ width: 645px; float: left; margin: 20px 0 0 45px;}
.subPage .fullPage .memberLogin .rightMember h2{font-size:14px; color:#333333; float: left; width: 100%; font-weight: 600; height: 30px;}

.subPage .fullPage .memberLogin .rightMember .frms{ float: left; width: 100%; margin: 10px 0 0 0;}
.rightMember .frms .title{width:100%; float:left; color:#e67817; font-size:13px; padding:10px 0 10px 0; border-bottom:1px solid #dadada; font-weight:600; margin:0 0 10px 0;}
.rightMember .frms .mlrList{ width: 100%; float: left; margin: 10px 0 10px 0;}
.rightMember .frms .mrtxtone{width: 225px; float: left; font-size: 13px; color: #333333; height: 27px; line-height: 27px;}
.rightMember .frms .mrtxtwo{width: 5px; float: left; font-size: 13px; color: #333333; margin: 0 0 0 10px; height: 27px; line-height: 27px;}
.rightMember .frms .mrtxthree{width: 395px; float: left; font-size: 13px; color: #333333; margin: 0 0 0 10px;}
.rightMember .frms .hizBox{ width: 380px; float: left; border: 1px solid #dadada; overflow: scroll; max-height:220px; padding: 0 15px 0 0;}

.rightMember .frms .textarea{width:632px; height: 160px; float:left; color:#333333; font-size:12px; padding: 5px; border:1px solid #dadada; font-weight:400; margin:0 0 10px 0; resize: none;}
.rightMember .frms .radioText{float: left; font-size: 13px; color: #333333; margin: 8px 10px 0 10px;}

.rightMember .frms .hizBox .chList{ float: left; width: 100%; margin: 7px 0 7px 10px;}
.rightMember .frms .hizBox .chList .chkc{ width: 15px; height: 15px; float: left;}
.rightMember .frms .hizBox .chList .chkcText{ width: 340px; float: left; font-size: 13px; color: #333333; margin: 3px 0 0 15px;}

.rightMember .frms .mlrSends{ width: 100%; float: left; margin:10px 0 10px 0; border-top:1px solid #dadada; padding: 15px 0 0 0;}
.rightMember .frms .mlrSends .chText{float: left; font-size: 13px; color: #333333; margin: 4px 10px 0 10px;}
.rightMember .frms .mlrSends .btns{ height:25px; line-height:25px; float:right; font-size:13px; color:#FFF; background:#02a3d3; padding:0 20px 0 20px; margin:5px 10px 0 0px; border: none; cursor: pointer;}
.rightMember .frms .mlrSends .btns:hover{ background:#2a2a2a;}


/******** memberLogin ********/ 


/******** contactArea ********/ 

.subPage .fullPage .contactArea{ width: 100%; float: left; margin: 10px 0 55px 0;}

.subPage .fullPage .contactArea .leftContact{ width: 480px; float: left; margin: 10px 0 0 30px;}
.contactArea .leftContact .title{width:100%; float:left; color:#3b5998; font-size:14px; padding:0 0 10px 0; border-bottom:1px solid #dadada; font-weight:600; margin:0 0 10px 0;}
.contactArea .leftContact .contList{ width: 100%; float: left; margin: 7px 0 7px 0;}
.contactArea .leftContact .contList .icon{ float: left; margin: 0 10px 0 0; height: 22px;}
.contactArea .leftContact .contList .text{ float: left; margin: 0 10px 0 0; font-size: 12px; color: #333333; height: 22px; line-height: 22px;}
.contactArea .leftContact .contList .mapsArea{ width: 480px; height: 280px; border: 1px solid #e0e0e0;}
.contactArea .leftContact .contList .mapsArea .ins{ width: 470px; height: 270px; margin: 5px;}

.subPage .fullPage .contactArea .rightContact{ width: 420px; float: left; margin: 10px 0 0 30px;}
.contactArea .rightContact .title{width:100%; float:left; color:#3b5998; font-size:14px; padding:0 0 10px 0; border-bottom:1px solid #dadada; font-weight:600; margin:0 0 10px 0;}
.contactArea .rightContact .text{width:100%; font-size: 12px; color: #333333; float: left; line-height: 18px; margin: 0 0 15px 0;}
.contactArea .rightContact .rcList{width:100%; float: left; margin: 4px 0 4px 0;}
.contactArea .rightContact .rcList .frmTitle{ width: 100%; float: left; font-size: 13px; color: #333333; font-weight: 600;}
.contactArea .rightContact .rcList .frmBox{ width: 100%; float: left; margin: 10px 0 0 0; position: relative;}
.contactArea .rightContact .rcList .textarea{width:410px; height: 120px; float:left; color:#333333; font-size:12px; padding: 5px; border:1px solid #dadada; font-weight:400; margin:0 0 10px 0; resize: none;}
.contactArea .rightContact .rcList .btns{ height:25px; line-height:25px; float:right; font-size:13px; color:#FFF; background:#02a3d3; padding:0 20px 0 20px; margin:5px 0 0 0px; border: none; cursor: pointer;}
.contactArea .rightContact .rcList .btns:hover{ background:#2a2a2a;}

/******** contactArea ********/ 


/******** helpArea ********/ 

.subPage .rightArea .helpArea{ width:100%; float:left; margin:0 0 0 0;}
.subPage .rightArea .helpArea .text{ width:100%; float:left; font-size: 13px; color: #333333; margin:10px 0 0 0; line-height:18px;}

.helpBox{ width:310px; border:1px solid #e0e0e0; float:left;}
.helpBox h1{ width:95.8%; height:35px; line-height:35px; float:left; font-size:14px; color:#3b5998; background:#eaeaea; padding:0 0 0 13px; font-weight:600;}

/******** helpArea ********/ 



/******** offer-here ********/ 

#offer-here2,
#offer-here { display: none; width: 400px;padding: 15px;position: fixed;top: 50%;left: 50%;margin-left: -250px;margin-top: -250px;z-index: 999;background: #fff;border: 5px solid #000;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.offer-here2,
.offer-here { position: relative; }
.offer-here2 .offer-close,
.offer-here .offer-close { position: absolute; right: 0px; top: 0px; background: #000;display: block;padding: 3px 10px 3px 10px;color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size: 15px;}
.offer-here2 .offer-close:hover,
.offer-here .offer-close:hover { background: #343434;}
.offer-here2 label,
.offer-here label { margin: 0 0 10px 0 !important; }		
.offer-overlay { display: none; background: url(../images/over.png) repeat;position: fixed;width: 100%;height: 100%;z-index: 998;left: 0;top: 0;}



.inoffer{ width: 450px; float: left; margin: 15px 0 0 0;}
.inoffer .ioList{ width: 100%; float: left; margin: 7px 0 0 0;}
.inoffer .ioList .text{ width: 100%; float: left; font-size: 13px; color: #333333; font-weight: 600;}
.inoffer .ioList .titles{ width: 100%; float: left; font-size:16px; color:#3b5998; font-weight: 600;}
.inoffer .ioList .inputs{ width: 400px; float: left; margin: 7px 0 0 0;}
.inoffer .ioList .textarea{width:390px; height: 120px; float:left; color:#333333; font-size:12px; padding: 5px; border:1px solid #dadada; font-weight:400; margin:0 0 10px 0; resize: none;}
.inoffer .ioList .btns{ height:25px; line-height:25px; float:right; font-size:13px; color:#FFF; background:#02a3d3; padding:0 20px 0 20px; margin:0 0 0 0px; border: none; cursor: pointer;}
.inoffer .ioList .btns:hover{ background:#2a2a2a;}

/******** offer-here ********/ 


/******	NPAGE 25.09.2013 ******/

/*	gallery */ 
.galleryY{ width: 100%; float: left; margin:10px 0 0 0;}
.galleryY .Gb{ width: 140px; float: left; margin: 9px 16px 0 10px;}
.galleryY .Gb .imagesBorder{ width: 140px; height: 110px; float: left; border:1px solid #e0e0e0;}
.galleryY .Gb .imagesBorder .img{ width: 130px; height: 100px; float: left; margin: 5px 0 0 5px;}
.galleryY .Gb .text{font-size:12px; color:#333333; width: 100%; line-height: 18px; height: 18px; overflow: hidden; text-align: center; float: left; margin: 5px 0 0 0;}

/*	videoY */ 
.videoY{ width: 100%; float: left; margin:10px 0 0 0;}
.videoY .Vb{ width: 140px; float: left; margin: 9px 16px 0 10px;}
.videoY .Vb .imagesBorder{ width: 140px; height: 110px; float: left; border:1px solid #dadada;}
.videoY .Vb .imagesBorder .img{ width: 130px; height: 100px; float: left; margin: 5px 0 0 5px;}
.videoY .Vb .text{font-size:12px; color:#333333; width: 100%; line-height: 18px; height: 18px; overflow: hidden; text-align: center; float: left; margin: 5px 0 0 0;}


/**** dowland ****/
.downloadY{  width: 98%; float: left; margin:10px 0 0 0;}
.downloadY .downArea{ width: 100%; float: left; margin: 10px 0 0 0;}
.downloadY .icon{ width: 31px; height: 31px; float: left; margin: 0 10px 0 10px; display: block;}
.downloadY .text{float: left; margin: 8px 0 0 5px; font-size:12px; color:#333333; display: block;}

/**** listY ****/
.listY{  width: 95%; float: left; margin:10px 0 0 25px;}
.listY .listArea{ width: 95%; float: left; margin: 7px 0 7px 0; font-size:12px; color:#333333; background:url(../images/pr.png) left center no-repeat; padding:0 0 0 30px;}

/******	NPAGE 25.09.2013 ******/



/**** dowland ****/
.download{  width: 98%; float: left; padding: 10px;}
.download .downArea{ width: 100%; float: left; margin: 10px 0 0 0;}
.downArea .icon{  float: left; margin: 3px 10px 0 10px; display: block;}
.downArea .text{float: left; margin: 8px 0 0 5px; font-size: 11px; color: #6d6d6d; display: block;}


/**** pdSerti ****/
.pdSerti{ width: 98%; float: left; padding: 10px;}
.pdSerti .serBox{ width: 125px; height: 230px; float: left; position: relative; margin: 10px 18px 10px 18px;}
.pdSerti .serBox .sbiborder{ width: 125px; height: 175px; float: left; border: 1px solid #e9e9e9; position: absolute; z-index: 1;}
.pdSerti .serBox .sbiborder .images{ width: 115px; height: 165px; float: left; margin: 5px 0 0 5px;}
.pdSerti .serBox .sbiText{ width: 125px; float: left; margin: 10px 0 0 0; font-size: 13px; color: #333333; text-align: center; height:60px; line-height:20px; position: absolute; top: 175px;}

.pdSerti .serBox .serBoxHover{ width: 115px; height: 165px; position: absolute; z-index: 2; background:url(../images/ser-hover.png); top: 5px; left: 5px; display: none;}
.pdSerti .serBox .serBoxHover .zoom{ width: 21px; height: 21px; background:url(../images/ser-zoom.png); position: absolute; z-index: 3; top: 45%; left: 40%;}


/******	L�STAREA 23.09.2013 ******/

.ylistOne{float:left; width:100% !important; margin:15px 0 0 0;}
.ylistOne .ylistBox{ width:100%; float:left; margin:7px 0 7px 0; padding:0 0 15px 0; border-bottom:1px solid #dadada;}
.ylistOne .ylistBox .imagesBorder{ width: 160px; height: 130px; float: left; border:1px solid #dadada; margin: 0px 15px 0 0;}
.ylistOne .ylistBox .imagesBorder .img{ width: 150px; height: 120px; float: left; margin: 5px 0 0 5px;}
.ylistOne .ylistBox h2{display: block; font-size:14px; font-weight: 600; color:#25282a;}
.ylistOne .ylistBox .textList{display: block; font-size:12px; color:#6d6d6d; line-height:18px; margin:10px 0 0 0; height:90px; overflow:hidden; text-align:justify;}
.ylistOne .ylistBox .more{ float:right; font-size:11px; font-weight: 600; color:#25282a; margin:7px 0 0 0;}



.ylistOneDH{float:left; width:100% !important; margin:15px 0 0 0;}
.ylistOneDH .ylistBoxDH{ width:45%; float:left; margin:7px 0 7px 30px; padding:0 0 15px 0;}
.ylistOneDH .ylistBoxDH .imagesBorder{ width: 140px; height: 140px; float: left; border:1px solid #dadada; margin: 0px 15px 0 0;}
.ylistOneDH .ylistBoxDH .imagesBorder .img{ width: 130px; height: 130px; float: left; margin: 5px 0 0 5px;}
.ylistOneDH .ylistBoxDH h2{display: block; font-size:13px !important; font-weight: 600; color:#25282a;}
.ylistOneDH .ylistBoxDH .textList{display: block; font-size:13px; color:#6d6d6d; line-height:18px; margin:10px 0 0 0; height:90px; overflow:hidden; text-align:justify;}
.ylistOneDH .ylistBoxDH .more{ float:right; font-size:11px; font-weight: 600; color:#25282a; margin:7px 0 0 0;}


.ylistOneD{float:left; width:100%; margin:15px 0 0 0;}
.ylistOneD .ylistBoxD{ width:100%; float:left; margin:7px 0 7px 0; padding:0 0 15px 0;}
.ylistOneD .ylistBoxD .imagesBorder{ float: left; border:1px solid #dadada; margin: 0px 15px 0 0;}
.ylistOneD .ylistBoxD .imagesBorder .img{ float: left; margin: 5px;}
.ylistOneD .ylistBoxD .textdetail{display: block; font-size:12px; color:#6d6d6d; line-height:18px; margin:0 0 0 0; text-align:justify;}

.ylistTwo{float:left; width:100%; margin:15px 0 0 0;}
.ylistTwo .ylistBox{ width:155px; float:left; margin:7px 0 7px 9px;}
.ylistTwo .ylistBox .imagesBorder{ width: 155px; height: 125px; float: left; border:1px solid #dadada;}
.ylistTwo .ylistBox .imagesBorder .img{ width: 145px; height: 115px; float: left; margin: 5px 0 0 5px;}
.ylistTwo .ylistBox .text{font-size:12px; color:#6d6d6d; line-height:18px; margin:10px 0 0 0; height:36px; overflow:hidden; width:100%; text-align:center; float:left;}

.ylistThree{float:left; width:100%; margin:15px 0 0 0;}
.ylistThree .ylistBox{ width:145px; float:left; margin:7px 0 7px 18px;}
.ylistThree .ylistBox .imagesBorder{ width: 145px; height: 170px; float: left; border:1px solid #dadada;}
.ylistThree .ylistBox .imagesBorder .img{ width: 135px; height: 160px; float: left; margin: 5px 0 0 5px;}
.ylistThree .ylistBox .text{font-size:12px; color:#6d6d6d; line-height:18px; margin:10px 0 0 0; height:36px; overflow:hidden; width:100%; text-align:center; float:left;}

/*	listTwoArea */
.content .listTwoArea{ width:100%; float:left;}
.listTwoArea .listBox{ width: 210px; height:280px; border:1px solid #dadada; background: #FFF; float: left; margin: 10px 0 10px 9px; position:relative;}
.listTwoArea .listBox .imagesBorder{ width: 185px; height: 156px; float: left; border:1px solid #dadada; margin: 9px 0 0 11px;}
.listTwoArea .listBox .imagesBorder .img{ width: 175px; height: 145px; float: left; margin: 5px 0 0 5px;}
.listTwoArea .listBox h1{ display: block;  float: left; margin: 10px 0 0 10px; font-size:13px; font-weight: 600; color:#3B5998;}
.listTwoArea .listBox .adress{ float:left; width:150px; font-size:13px; color:#333; background:url(../images/icon/r-a.png) left 5px no-repeat; padding:0 0 0 15px; margin:3px 0 0 10px; line-height:22px; overflow:hidden; height:40px;}
.listTwoArea .listBox .adress a{color:#E67817;}
.listTwoArea .listBox .tel{ float:left; width:150px; font-size:13px; color:#333; background:url(../images/icon/r-t.png) left 5px no-repeat; padding:0 0 0 20px; margin:3px 0 0 10px; line-height:18px;}



.listTwoArea .listBox .btn{ float:left; text-align:center; background:#3e3e3e; width:160px; height:25px; margin:8px 0 0 11px;}
.listTwoArea .listBox .btn .icon{ width:17px; height:11px; margin:7px 0 0 5px; display:inline;}
.listTwoArea .listBox .btn .text{ margin:4px 0 0 10px; font-size:12px; color:#bfbfbf; display:inline;}





/**** mypanel 25.10.2013 ****/
.myPanelArea{  width: 100%; float: left; margin:10px 0 0 0;}
.myPanelArea .btns{ height:25px; line-height:25px; float:right; font-size:13px; color:#FFF; background:#02a3d3; padding:0 20px 0 20px; margin:5px 0 0 0px; border: none; cursor: pointer;}
.myPanelArea .btns:hover{ background:#2a2a2a;}

.myPanelArea .panelOne{ width:100%; float:left; margin:10px 0 0 0;}
.myPanelArea .panelOne .myLogos { float:left; border:1px solid #e0e0e0; margin: 0 10px 0 0;}
.myPanelArea .panelOne .myLogos .img{  float:left; margin:5px 5px 5px 5px;}
.myPanelArea .panelOne .mytextArea{ width:450px; float:left; margin:0 0 0 5px;}
.myPanelArea .panelOne .mytextArea .cell{ width:100%; float:left; margin:0 0 15px 0;}
.myPanelArea .panelOne .mytextArea .cell .txtone{ width:100px; float:left; font-size:12px; color:#DA6F11;}
.myPanelArea .panelOne .mytextArea .cell .txttwo{ width:10px; float:left; font-size:12px; color:#333333;}
.myPanelArea .panelOne .mytextArea .cell .txtthree{ width:330px; float:left; font-size:13px; color:#333333;}


.myPanelArea .myfrm{ width:100%; float:left; margin-top: 25px;}
.myfrm p {margin:0 0 10px 0;width:100%;float:left; font-size:12px; color:#333333;}
.myfrm span.head2 {width:100%;height:auto;float:left;padding:0 0 4px 0;margin:0 0 15px 0;border-bottom:#e0e0e0 solid 1px;font-weight:600;font-size:14px; color: #3B5998;}


.myPanelArea .mybtns{ width:100%; float:left; margin:30px 0 0 0;}
.mybtns p {margin:0 0 10px 0;width:100%;float:left; font-size:12px; color:#333333;}
.mybtns span.head2 {width:100%;height:auto;float:left;padding:0 0 4px 0;margin:0 0 15px 0;border-bottom:#e0e0e0 solid 1px;font-weight:600;font-size:14px; color: #3B5998;}
.mybtns .btn-wrapper {width:100%;height:auto;float:left;margin:20px 0 0 0;}
.mybtns .btn-wrapper a.btn{width:125px;height:75px;float:left;background:#02a3d3;color:#6b6b6b;margin:0 0 20px 8px;}
.mybtns .btn-wrapper a.btn:hover{box-shadow:#d4d4d4 0px 0px 10px; -moz-box-shadow:#d4d4d4 0px 0px 10px; -ms-box-shadow:#d4d4d4 0px 0px 10px; -o-box-shadow:#d4d4d4 0px 0px 10px; -webkit-box-shadow:#d4d4d4 0px 0px 10px;}
.mybtns .btn-wrapper a.btn span.text{text-align:center;margin:10px 0 10px 0;width:125px;float:left; color: #FFF; font-size: 13px;}
.mybtns .btn-wrapper a.btn span.ico{margin:0px auto;width:125px;height:auto;text-align:center;float:left;}
.mybtns .table-wrap a:hover{text-decoration:underline;}



.myPanelArea .tableArea{ width:100%; float:left; margin:10px 0 0 0;}
.tableArea p {margin:0 0 10px 0;width:100%;float:left; font-size:12px; color:#333333;}
.tableArea span.head2 {width:100%;height:auto;float:left;padding:0 0 4px 0;margin:0 0 15px 0;border-bottom:#e0e0e0 solid 1px;font-weight:600;font-size:14px; color: #3B5998;}

.myPanelArea .tableArea .mysrc{ width:100%; float:left; margin:10px 0 0 0;}
.myPanelArea .tableArea .mysrc .titles{width:100%;height:auto;float:left;padding:0 0 4px 0;margin:0 0 15px 0;border-bottom:#e0e0e0 solid 1px;font-weight:600;font-size:14px; color: #3B5998;}
.myPanelArea .tableArea .mysrc .cll{ width:100%; float:left; margin:0 0 10px 0;}
.myPanelArea .tableArea .mysrc .cll .txtone{ width:80px; float:left; font-size:12px; color:#DA6F11; height:27px; line-height:27px;}
.myPanelArea .tableArea .mysrc .cll .txttwo{ width:10px; float:left; font-size:12px; color:#333333;  height:27px; line-height:27px;}
.myPanelArea .tableArea .mysrc .cll .txtthree{ width:208px; float:left; font-size:12px; color:#333333;}


.myPanelArea .tableArea .mysrc .cll .txtoneO{ width:255px; float:left; font-size:12px; color:#DA6F11; height:27px; line-height:27px;}
.myPanelArea .tableArea .mysrc .cll .txttwoO{ width:10px; float:left; font-size:12px; color:#333333;  height:27px; line-height:27px;}
.myPanelArea .tableArea .mysrc .cll .txtthreeO{ width:400px; float:left; font-size:12px; color:#333333;}
.myPanelArea .tableArea .mysrc .cll .txtthreeO textarea{border:1px solid #dadada;}

.myPanelArea .tableArea .newdoc{float:right; margin:20px 0 0 0;}
.myPanelArea .tableArea .flt{float:left; margin:20px 0 10px 0;}


.myPanelArea .tableArea .mytable{ width:100%; float:left; margin:10px 0 0 0;}
.myPanelArea .tableArea table{ width:100%; float:left; margin:10px 0 0 0; border:1px solid #e0e0e0;}
.myPanelArea .tableArea table .titles{ background:#F1F2F2; border-bottom:1px solid #e0e0e0; height:30px; line-height:30px;}
.myPanelArea .tableArea table tr td{border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#7F7F7F; font-size:13px; height:30px; padding:5px; }
.myPanelArea .tableArea table tr td .mr{ margin:0 0 0 15px;}
.myPanelArea .tableArea table tr td .imgarea{ width: 120px; height: 90px; float: left; border: 1px solid #e0e0e0; margin: 10px 10px 10px 10px;}
.myPanelArea .tableArea table tr td .imgarea .img{ width: 110px; height: 80px; float: left; margin: 5px;}
.myPanelArea .tableArea table tr td .edit{ float:left;  margin:0px 0 0 10px;  background:#02A3D3;}
.myPanelArea .tableArea table tr td .delete{ float:left;  margin:15px 0 0 15px; padding:5px; background:#02A3D3;}
.myPanelArea .tableArea table tr:hover{background:#f8f8f8;}

.tooltip {
	display:none;
	position:absolute;
	background-color:#DA6F11;
	border-radius:5px;
	padding:5px 10px;
	color:#fff;
	font-size:12px;
}

.kalinyazi .textarea{border:1px solid #dadada; color: #4a4a4a;
font-size: 12px;}
/**** mypanel 25.10.2013 ****/


/******	ACCORDİON 23.09.2013 ******/

.pr-content {width: 100%;float:left;margin: 15px 0 50px 0;position: relative;}
/* Accordion */
.accordion { overflow: hidden;}
.accordion .accordion-title { border: 1px solid #cececd; color:#3B5998; font-size:14px;padding: 8px;background: #fbfbfb;cursor: pointer;font-weight: 600;margin: 0 0 10px 0 ;}
.accordion .accordion-info { overflow: hidden;margin: 0 0 20px 10px; font-size:13px; color:#6d6d6d;}

/******	ACCORDİON 23.09.2013 ******/


.slistArea {float:left; width:100%;}
.slistArea .alistText{ float:left; font-size:13px; color:#333333; width:100%; margin:10px 0 10px 0;}
.slistArea a{ float:left; background:url(../images/cat-list.png) 10px 9px no-repeat; padding:8px 0 8px 30px; width:96%; font-size:13px; color:#333333; margin:5px 0 0 0;}
.slistArea a:hover{ color:#da6f11;}


.mdRight { float:left; margin:10px 0 10px 0;}


.tdtablo {border: 1px solid #E5E5E5; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; height: 30px;}
.tdtabloalt { border: 1px solid #E5E5E5; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 1px; height: 30px;}
.buton{ height:22px; float:right; margin:5px 10px 0 0; background:#294d95; line-height:22px; color:#FFF; text-align:center; cursor:pointer; border-radius:4px; padding: 0px 5px 0px 5px;}
.gonder{ height:22px; margin:5px 10px 0 0; background:#294d95; line-height:22px; color:#FFF; text-align:center; cursor:pointer; border-radius:4px; padding: 0px 5px 0px 5px;}
.textbox {border: 1px solid #E5E5E5;}

.sepetdetayi {margin: 20px 7px 0px 0px; float:right; width: 100%;}
.fiyatlar {float:right; width: 100%;}
.sepetdetayi .fiyatlar .fiyat {float: right; width: 80px;text-align: right;}
.sepetdetayi .fiyatlar .fiyatikinokta {float: right; padding-left: 10px; }
.sepetdetayi .fiyatlar .fiyatbaslik {float: right; width: 300px; text-align: right; height: 20px;}


/*contact başlangıç*/
.ContHolderS{line-height:18px; float:left; width:99%; margin:10px 0 0 0px;}
.ContHolderS .strSpnH{width:100%; height:auto; float:left; margin:6px 0px 6px 1px;}
.ContHolderS .strSpnH .birHold{width:98px; height:20px; float:left; margin:0px 0px 0 0px;}
.ContHolderS .strSpnH .ikiHold{width:10px; height:20px; float:left; margin:0px 0px 0 0px;}
.ContHolderS .strSpnH .birHoldform{width:122px; float:left; margin:2px 0px 0 0px;}
.ContHolderS .strSpnH .ikiHoldform{width:10px; float:left; margin:3px 0px 0 0px;}
.ContHolderS .strSpnH .ucHold{height:auto; float:left; margin:0 0px 0 0px;}
.ContHolderS .strSpnH .ucHold input[type="text"]{ float:left; width:300px; margin:0px; padding-left:10px; margin:0px 0 0 0;}
.ContHolderS .strSpnH .ucHold .comboform{ float:left; width:310px; margin:0px; padding-left:10px;  margin:0px 0 0 0;}
.ContHolderS .strSpnH .ucHold textarea{width: 632px; height: 160px; float: left; color: #333333; font-size: 12px; padding: 5px; border: 1px solid #dadada; font-weight: 400; margin: 0 0 0px 0; resize: none; }
.ContHolderS .strSpnH .ucHold a{color:#ff003a; text-decoration:none;}
/*contact son --------------------*/

/* page404 */
.content .subPage .page404{float:left; width:100%; margin:20px 0 0 0;}
.content .subPage .page404 .icon{float:left; width:100%; height: 64px; margin:0 0 0 0; text-align: center;}
.content .subPage .page404 .icon i{ width: 65px; height: 64px; background-image: url(../images/sprite.png); background-position: -72px -456px; display: inline-block;}
.content .subPage .page404 .caption{float:left; width:100%; margin:25px 0 0 0; text-align: center; font-size: 24px; font-weight: 300; color: #76787a; line-height: 25px;}
.content .subPage .page404 .caption p{font-size: 60px; font-weight: 700; color: #000000;}
.content .subPage .page404 .text{float:left; width:100%; margin:25px 0 0 0; text-align: center; font-size: 14px; color: #5f5f5f; line-height: 18px;}

.content .subPage .page404 .btnn{float:left; width:100%; margin:25px 0 0 0; text-align: center;}
.content .subPage .page404 .btnn a{float: none; display: inline-block;}

.nwfrmBtn {
    width: 209px;
    height: 26px;
    background: url(../images/sr-btn.png);
    text-align: center;
    color: #FFF;
    font-size: 18px;
    float: left;
    margin: 30px 0 10px 33px;
    border: none;
    cursor: pointer;
    text-shadow: 1px 1px 0px #545454;
    filter: dropshadow(color=#545454, offx=1, offy=1);
}