/* CSME.PRO [  Encode in UTF-8  Without BOM ] [ ☺ ] */
body
{
	margin: 0px;
	direction: rtl;
	font-family: Arial;
	font-size: 14px;
	color: #414140;
}
img { border: 0px; }
input, select
{
	border: 1px solid #d3d1d1;
	background: #FFFFFF url('../pics/input_text.png') no-repeat top right;
	font-family: arial;
}
h1{
    font-size: 16px;
    display: inline-block;
}
#TtlTxt{
    font-size: 16px;
}
.wrapper { width: 980px; margin: 0px auto; }
.inner { margin: 0px auto; }
#headerWrapper
{
	z-index: 5555;
	margin: 0px auto;
	padding: 0px;
}
#bodyWrapper
{
	z-index: 2222;
	margin: 0px auto;
	padding: 0px;
}
#TopBtns
{
	width: 100%;
	height: 39px;
	background: url('../pics/TopBtnsBG.jpg') repeat-x top center;
	z-index: 111;
}
.TopBtnsBorder
{
	width: 2px;
	height: 39px;
	background: url('../pics/TopBtnsBrdr.png') no-repeat center center;
	float: right;
}
.TopBtnsCell, .TopBtnsCellSel
{
	height: 39px;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	padding: 9px 10px 0 10px;
	font-size: 13px;
	position: relative;
}
.TopBtnsCell a, .TopBtnsCellSel a { color: #FFFFFF; text-decoration: none; }
.TopBtnsCellSel { background: url('../pics/TopBtnsBG_selected.jpg') repeat-x top center; }
#TopBtnsUser
{
	float: left;
	height: 39px;
	color: #FFFFFF;
	margin: -2px 10px 0 0px;
	position: relative;
}
#header
{
	position: relative;
	height: 193px;
	width: 980px;
	top: 0px;
	z-index: 1;
}
#LogoTxt
{
	position: absolute;
	top: 1px;
	left: 5px;
	color: #0157b3;
	font-size: 15px;
	font-weight: bold;
	z-index: 999;
}
#LogoTxt a
{
	color: #0157b3;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
}
#MainTblCont { width: 635px; vertical-align: top; }
.menuItem, .menuItemGreen, .menuItemGreenBIG
{
	background: url('../pics/menuBG.png') no-repeat;
	width: 169px;
	height: 24px;
	clear: both;
	cursor: pointer;
	margin: 3px 0 3px 0;
}
.menuItemGreen { background: url('../pics/menuBG-green.png') no-repeat; }
.menuItemGreenBIG { background: url('../pics/menuBG-greenBig.png') no-repeat; height: 35px; }
.menuInnerItem, .BITitle, #SideCartTtl
{
	color: #FFFFFF;
	font-weight: bold;
	width: 140px;
	margin-right: 30px;
	padding-top: 3px;
}
#SideCartTtl { width: 120px; margin-right: 40px; padding-top: 5px; font-size: 16px; }
.menuInnerItem a { text-decoration: none; font-weight: bold; color: #FFFFFF; }
.subMenu { color: #1c6b18; font-size: 12px; font-weight: bold; clear: both; }
.subMenu a { color: #1c6b18; font-size: 12px; font-weight: bold; text-decoration: none; }
#sideBlockArrow
{
	position: relative;
	top: -12px;
	background: url('../pics/blockArrowDown.png') no-repeat;
	width: 169px;
	height: 24px;
}
.roundTop { position: relative; top: -10px; clear: both; }
#NewBlock
{
	position: relative;
	width: 170px;
	border: 1px solid #dcdcde;
	padding: 0px;
	padding-bottom: 30px;
	background: url('../pics/NewBlockBG.jpg') repeat-x bottom center;
}
#OrangeArrow, #CartTitle
{
	width: 161px;
	height: 24px;
	position: relative;
	top: 20px;
	left: -8px;
	background: url('../pics/OrangeArrow.png') no-repeat;
	clear: both;
}
#CartTitle { background: url('../pics/cartTitle.png') no-repeat; height: 32px; }
#NewBlockCont, .OrangeBlockCont, .BlueBlockCont, #sideCartBoxCont, .Cont, .YellowBlockCont, .GrayBlockCont
{
	position: relative;
	top: 25px;
	width: 150px;
	margin-right: 10px;
}
#sideCartBoxCont { width: 150px; margin: auto; }
.OrangeBlock, .BlueBlock, .GreenBlock, .YellowBlock, .GrayBlock, .NGrayBlock, .BannerBlock
{
	width: 168px;
	position: relative;
	background-color: #f9e4aa;
	margin-top: 30px;
	right: 2px;
}
.OrangeBlockTitle, .BlueBlockTitle, .GreenBlockTitle, .YellowBlockTitle, .GrayBlockTitle, .NGrayBlockTitle, .GallBlockTitle
{
	background: url('../pics/OrangeOBlockTitle.png') no-repeat;
	width: 157px;
	height: 31px;
	left: -11px;
	top: -10px;
	position: relative;
	clear: both;
}
.OrangeNBlockTitle, .BlueNBlockTitle, .GreenNBlockTitle, .YellowNBlockTitle, .GrayNBlockTitle, .NGrayNBlockTitle
{
	background: url('../pics/OrangeBlockTitle.png') no-repeat;
	width: 168px;
	height: 57px;
	top: -10px;
	position: relative;
	clear: both;
}
.BITitle { width: 120px; margin-right: 43px; padding-top: 7px; }
.OrangeBlockCont, .BlueBlockCont, .GreenBlockCont, .YellowBlockCont, .GrayBlockCont, .NGrayBlockCont { min-height: 70px; top: 0px; padding: 0 5px 15px 5px; line-height: 140%; }
.BlueBlock { background-color: #c5dbfe; }
.GreenBlock { background-color: #c6e1a8; }
.YellowBlock { background-color: #fdeb92; }
.GrayBlock { background-color: #e2e3e5; }
.NGrayBlock { background-color: #eff4fc; }
.BlueNBlockTitle { background: url('../pics/BlueBlockTitle.png') no-repeat; }
.GreenNBlockTitle { background: url('../pics/GreenBlockTitle.png') no-repeat; }
.YellowNBlockTitle { background: url('../pics/YellowBlockTitle.png') no-repeat; }
.GrayNBlockTitle { background: url('../pics/GrayBlockTitle.png') no-repeat; }
.NGrayNBlockTitle { background: url('../pics/NGrayBlockTitle.png') no-repeat; }
.GallBlockTitle { background: url('../pics/GallBlockTitle.png') no-repeat; color: black; font-size: 18px; font-weight: bold; }
#subjects
{
	position: relative;
	width: 169px;
	background: #e2e3e3;
	margin-top: 30px;
}
#subjectsTbl { width: 166px; margin-right: 4px; color: #505250; font-weight: bold; font-size: 13px; }
#subjectsTbl a { color: #505250; text-decoration: none; }
#Footer
{
	border-top: 2px solid #6e7178;
	width: 980px;
	clear: both;
	position: relative;
	margin: 30px auto;
	padding-top: 5px;
}
#FooterLinks { float: right; color: #6e7178; }
#FooterLinks a { text-decoration: none; color: #6e7178; }
#FooterLogo { float: left; }
#searchTbl { width: 590px; height: 70px; clear: both; margin: 0px auto 20px; position: relative; }
#searchRht { width: 17px; background: url('../pics/search/rightSide.jpg') no-repeat bottom right; }
#searchLft { width: 17px; background: url('../pics/search/leftSide.jpg') no-repeat bottom left; }
#searchBox { width: 556px; background-color: #d2deeb; }
#searchBtns { width: 146px; float: left; height: 73px; }
#searchTopLine { width: 410px; float: right; clear: right; height: 30px; padding-top: 4px; }
#searrchBtmLine { width: 410px; float: right; height: 35px; }
#searchBtnsRt { float: right; height: 73px; padding: 25px 0px 0px 15px; }
#searchBtnsLt { float: left; height: 73px; padding: 15px 5px 0px 0px; }
#searchBtnsBrdr { float: right; height: 73px; background-color: #FFFFFF; width: 3px; }
.searchImg { top: 4px; position: relative; }
#ContBox { position: relative; width: 600px; margin: auto; }
#TtlBox { width: 592px; margin: auto; clear: both; margin-bottom: 15px; }
#TtlTop { background: url('../pics/OrangeRound.png') no-repeat top center; height: 12px; clear: both; }
#TtlTxt { background-color: #f8931d; color: #FFFFFF; font-weight: bold; padding: 0px 10px 0px 10px; position: relative; font-size: 15px; }
#TtlTxt a { color: white; text-decoration: none; }
#TtlBtm { background: url('../pics/OrangeRound.png') no-repeat bottom center; height: 12px; clear: both; }
#GrayBox { width: 592px; margin: auto; }
#GrayBoxTop { width: 592px; height: 17px; background: url('../pics/RoundGray.png') no-repeat top center; clear: both; }
#GrayBoxCont { width: 592px; background: url('../pics/GrayContBG.png') repeat-y center center; }
#GrayBoxBtm { width: 592px; height: 17px; background: url('../pics/RoundGray.png') no-repeat bottom center; clear: both; }
.frmImgCell { float: right; width: 97px; height: 72px; padding: 1px; background-color: #bababa; }
.frmCell { float: right; margin-right: 5px; min-height: 72px; margin-left: 15px; max-width: 170px; }
.frmCell p { padding: 0px; margin: 0px; }
.frmTitle { color: #35862d; font-size: 18px; font-weight: bold; text-decoration: none; }
#forumBallTitle { width: 597px; height: 67px; clear: both; }
#forumBallCell { float: right; width: 500px; height: 67px; background: url('../pics/forumBGBall.png') repeat-x center center; color: #35862d; font-size: 18px; font-weight: bold; }
.frmMsgNav, .frmMsgNav a { color: #2663a6; font-weight: bold; font-size: 11px; text-decoration: none; }
#LightBoxHTML { clear: both; width: 592px; margin: auto; }
.ReplyBox { clear: both; border: 1px solid #bbb9b8; width: 592px; margin: 0px auto; margin-bottom: 5px; padding-bottom: 5px; }
#frmSearch { width: 580px; margin: auto; }
#frmSearchBtn { background: url('../pics/search/searchBtn.png') no-repeat center center; float: left; border: 0px; width: 55px; height: 21px; cursor: pointer; }
#frmSearchTtl { clear: both; position: relative; color: #0759ab; font-weight: bold; font-size: 14px; padding-bottom: 10px; }
#frmSearchTtl a { color: #0759ab; text-decoration: none; }
#MainLine { width: 100%; text-align: center; color: #2663a6; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #dcdcde; font-size: 13px; }
.Topic_on, .Topic_off { float: right; text-align: center; margin: 5px 8px; }
.Topic_on { color: #000000; }
.Topic_off { color: #999999; }
#i_box { width: 603px; clear: both; margin: auto; }
#i_top { width: 603px; height: 52px; clear: both; background: url('../pics/i_top.jpg') no-repeat top center; }
#i_bg { width: 603px; background: url('../pics/i_bg.jpg') repeat-y center center; position: relative; }
#i_cont { width: 560px; margin: auto; clear: both; font-size: 13px; line-height: 140%; }
#i_btm { width: 603px; height: 18px; clear: both; background: url('../pics/i_btm.jpg') no-repeat bottom center; }
.TrackName { width: 85%; color: #505250; font-size: 13px; }
.TrackName a { color: #505250; text-indent: 5px; font-size: 13px; text-decoration: none; }
.TrackName a:hover { text-decoration: underline; }
#SideMapBox, #SideInfoBox { width: 174px; position: relative; margin: 10px auto 10px auto; }
#SideMapTop, #SideInfoTop { height: 15px; width: 174px; background: url('../pics/sideMapTop.jpg') no-repeat top center; }
#SideMapBG, #SideInfoBG     { width: 174px; background: url('../pics/sideMapBG.jpg') repeat-y center center; text-align: center; }
#SideMapBtm, #SideInfoBtm { height: 15px; width: 174px; background: url('../pics/sideMapBtm.jpg') no-repeat bottom center; }
#SideInfoTop { background: url('../pics/SideInfoTop.jpg') no-repeat top center; }
#SideInfoBG   { background: url('../pics/SideInfoBG.jpg') repeat-y center center; }
#SideInfoBtm { background: url('../pics/SideInfoBtm.jpg') no-repeat bottom center; }
.SideInfoText { width: 80px; background-color: #a8a9ac; border-bottom: 1px solid black; clear: both; margin: auto; }
.SideInfoDesc { text-align: center; margin: auto; padding-bottom: 15px; width: 80%; }
.AreaName { font-weight: bold; font-size: 14px; color: #505250; }
.AreaName a { font-weight: bold; text-decoration: none; color: #505250; }
.AreaTrackTtl, .ArtTtl { float: right; margin-right: 5px; }
.AreaTrackTtl a, .ArtTtl a { text-decoration: underline; color: #2d932f; font-weight: bold; }
.ArtTtl { font-size: 18px; color: #2d932f; }
.ArtTtl a {text-decoration: none; }
.SideInfoTtl { text-align: right; background-color: #f8931d; width: 156px; margin: auto; font-size: 16px; font-weight: bold; padding-right: 15px; min-height: 25px; }
.SideInfoData { clear: both; text-align: right; width: 160px; margin: auto; margin-bottom: 15px; }
.CUTxtHolder { width: 570px; margin: 20px auto 20px auto; }

#CUForm, #regForm {
    width: 520px;
    height: auto;
    background: #eee;
    margin: 20px auto 0 auto;
    padding: 25px 20px 57px 20px;
    position: relative;
    border: 1px solid #999;
    border-radius: 8px;
}
#regForm { height: 378px; background: url('../pics/regBG.png') no-repeat top center; }
#CUSubmit { text-align: left; float: left; position: relative; top: 20px; margin-left: 20px; }
#SubmitBtn { width: 50px; height: 19px; cursor: pointer; border: 0px none; background: url('../pics/submit.png') no-repeat center center; }
.catBox { width: 186px; float: right; padding: 0 6px; }
.catBoxTop { width: 186px; height: 17px; padding-bottom: 0px; clear: both; margin: 0px; background: url('../pics/catItemTop.png') no-repeat top center; }
.catBoxBG { width: 186px; padding-bottom: 10px; clear: both; margin: 0px; background: url('../pics/catItemBG.png') no-repeat bottom center; text-align: center; }
.catBoxBG a { text-decoration: none; color: #f18609; font-weight: bold; }
#catOrder { width: 81px; height: 25px; cursor: pointer; background: url('../pics/orderBtn.png') no-repeat center center; border: 0px; }
#catDtls, .cartBox { min-height: 640px; width: 593px; margin: auto; }
#catDtlsTop, .cartBoxTop { width: 593px; height: 15px; background: url('../pics/prdctTop.png') no-repeat top center; clear: both; }
#catDtlsMdl, .cartBoxMdl { width: 593px; min-height: 486px; clear: both; background: url('../pics/prdctMdl.png') repeat-y center center; }
#catDtlsBtm , .cartBoxBtm{ width: 593px; height: 62px; background: url('../pics/prdctBtm.png') no-repeat bottom center; clear: both; }
.cartBox { min-height: 100px; clear: both; padding-bottom: 10px; }
.cartBoxTop {  }
.cartBoxMdl { min-height: 128px; }
.cartBoxBtm { height: 53px; padding-top: 7px; }

.tdCatLabel { font-weight: bold; }
.tdCatSLabel { font-weight: bold; font-size: 18px; color: #505250; }
.remBtn { width: 45px; height: 18px; border: 0px; cursor: pointer; background: url('../pics/remove.png') no-repeat center center; }
#backToCat { float: left; cursor: pointer; border: 0px; width: 158px; height: 22px; background: url('../pics/backToCat.png') no-repeat center center; margin-left: 15px; }
#contBuy { float: left; cursor: pointer; border: 0px; width: 99px; height: 22px; background: url('../pics/contBuy.png') no-repeat center center; }
.regCell   { color: #808285; width: 50%; }
.regInput { width: 100%; }
.regError { font-weight: bold; color: red; font-size: 12px; }
.FReq { font-weight: bold; color: #ec6f20; }
.smallLink, .smallLink a { color: #4e4e4f; font-size: 10px; text-decoration: none; }
.enterCell { background: url('../pics/enterBG.png') no-repeat center center; width: 202px; height: 135px; }
#toreg { background: url('../pics/toReg.png') no-repeat center center; width: 200px; height: 53px; border: 0px; cursor: pointer; }
#toregSmall { background: url('../pics/toRegSmall.png') no-repeat center center; width: 72px; height: 19px; border: 0px; cursor: pointer; }
#regBoxBtm { width: 170px; margin: 20px auto; border-top: 1px solid black; text-align: left; padding-top: 10px; }
#regBoxTop { width: 170px; margin: 20px auto; color: #2650a2; font-size: 14px; clear: both; }
#toCheckout, #Orders { cursor: pointer; width: 62px; height: 22px; float: right; background: url('../pics/toCheckout.png') no-repeat center center; border: 0px; }
#Orders { width: 64px; float: left; background: url('../pics/Orders.png') no-repeat center center; }
#sideCartBoxTop { width: 140px; margin: auto; clear: both; border-bottom: 1px solid black; padding-bottom: 5px; }
#sideCartBoxBtm { width: 140px; margin: auto; padding-top: 10px; }
.linkStyle { min-height: 55px; }
.linkStyle a { color: black; text-decoration: none; }
.ReadMoreImg, .ReadMoreImg a, .MoreTracksLnk  a { color: #2663a6; text-decoration: none; font-weight: bold; font-size: 14px; }
.Clear { clear: both; }
#no_p, #no_p p { margin: 0px; padding: 0px; }
.MoreTracks, .MoreTracksLnk { clear: both; width: 90%; margin: auto; text-align: center; }
.MoreTracks a { color: #2d932f; text-decoration: none; font-weight: bold; }
.MoreTracksLnk { text-align: left; padding-top: 5px; border-top: 1px solid black; }
#SideInfo_isShort { background: url('../pics/shortTitle.png') no-repeat center center; color: white; font-weight: bold; font-size: 18px; text-align: center; cursor: pointer; width: 149px; height: 53px; margin: auto; margin-bottom: 20px; padding-top: 4px; }
.coCell { width: 50%; text-align: right; padding-bottom: 5px; }
.coCell input {font-size:14px;}
#orderBtn, #backBtn { width: 56px; height: 19px; border: 0px; cursor: pointer; background: url('../pics/order.png') no-repeat center center; }
#backBtn { background: url('../pics/backbtn.png') no-repeat center center; }
#lightboxBlock { clear: both; margin-bottom: 20px; height: 31px; width: 90%; font-weight: bold; font-size: 18px; padding: 5px; padding-right: 38px; }
.searchTD { background-color: #d2deeb; width: 50%; padding: 15px; position: relative; }
.searchSel { width: 200px; font-family: arial; }
#searchSubmit { width: 72px; height: 27px; border: 0px; cursor: pointer; background: url('../pics/search/searchSubmit.png') no-repeat center center; }
#searchTopTitle { width: 591px; margin: auto; background-color: #d2deeb; height: 85px; position: relative; z-index: 2; }
#searchTtlBox { width: 520px; height: 37px; color: white; font-weight: bold; font-size: 18px; background: url('../pics/OrangeRound.png') no-repeat right center; margin-top: 22px; float: left; padding: 5px 15px; }
#searchMainTbl { width: 591px; margin: auto; margin-top: -5px; position: relative; z-index: 1; background-color: white; }
.searchTxt { clear: both; color: #505250; max-width: 110px; }
#smallSearchBtn { background: url('../pics/search/searchBtn.png') no-repeat center center; width: 55px; height: 21px; border: 0px; cursor: pointer; }
.itemMoreDtls { height: 30px; width: 90%; margin: 6px auto 0; border-top: 1px solid black; padding-top: 9px; }
.itemBox { min-height: 130px; margin: 0px 5px; clear: both; font-weight: bold; }
#securedBox { width: 595px; height: 63px; background: url('../pics/secured.jpg') no-repeat center center; clear: both; margin: 15px auto; position: relative; }
#securedInner { padding: 22px 65px; color: #2650a2; font-weight: bold; font-size: 14px; }
#COForm { width: 591px; min-height: 553px; clear: both; background: url('../pics/coFormBG.jpg') no-repeat center center; padding-top: 15px; }
.coBrdr { width: 100%; margin: auto; border-top: 1px solid black; }
#simplePgtion { padding-top: 40px; color: #393939; font-weight: bold; float: right; clear: both; display: block; width: 500px; height: 25px; }
#simplePgtion a { color: #393939; text-decoration: none; float: right; }
#simplePgtion a:hover { color: #393939; text-decoration: underline; }
.psep { float: right; }
#loginBtn { background: url('../pics/enterBtn.png') no-repeat center center; width: 56px; height: 22px; cursor: pointer; border: 0px; }
.trTabs { clear: both; background: url('../pics/tabs_bg.jpg') repeat-x center bottom; }
.trlistTbl { height: 17px; float: right; color: #2d932f; font-weight: bold; margin-left: 4px; cursor: pointer; margin-top: 3px; }
.trlistRTD { width: 7px; height: 17px; background: url('../pics/tab_r.png') no-repeat right center; }
.trlistTD   { height: 17px; background: url('../pics/tab_bg.png') center center; }
.trlistLTD { width: 7px; height: 17px; background: url('../pics/tab_l.png') no-repeat left center; }
.trlistRTD.Sel { background: url('../pics/tab_rSel.png') no-repeat right center; }
.trlistTD.Sel   { background: url('../pics/tab_bgSel.png') center center; color: white; }
.trlistLTD.Sel { background: url('../pics/tab_lSel.png') no-repeat left center; }
.isShortTxt { clear: both; width: 100%; background-color: #e2e3e3; text-align: center; height: 23px; color: #2663a6; text-decoration: underline; font-weight: bold; font-size: 14px; padding-top: 2px; }
.isShortTxt a { color: #2663a6; text-decoration: underline; }
.contTrack { color: #2663a6; font-weight: bold; font-size: 18px; text-decoration: underline; }
#likeBrdr { float: right; margin-top: 15px; height: 30px; width: 1px; background-color: black; margin-right: 15px; }
.pagesStyle { font-weight: bold; color: #393939; }
.pagesStyle a { color: #393939; text-decoration: none; }
.pagesStyle a:hover{ text-decoration: underline; }
#addFavs { background: url('../pics/addFavs.png') no-repeat center center; width: 162px; height: 21px; border: 0; cursor: pointer; font-size: 12px; font-weight: bold; padding-bottom: 2px; }
.profileTtl { border-bottom: 1px solid #dcdcde; font-size: 14px; font-weight: bold; color: #fb7804; }
.profileTtl a { font-size: 13px; font-weight: normal; color: #999999; text-decoration: none; }
#favTbl { width: 100%; }
#favTbl a { color: #2d932f; text-decoration: underline; font-weight: bold; font-size: 12px; }
.favsDate { width: 25%; text-align: center; border-right: 1px solid #dcdcde; }
.prfTbl { margin: auto; width: 95%; margin-bottom: 20px; }
.gallItemTtl { color: #0468c4; font-size: 18px; font-weight: bold; height: 25px; position: relative; }
#topLoginBtn { width: 16px; height: 16px; border: 0px; cursor: pointer; background: url('../pics/topLoginBtn.png') no-repeat center center; position: relative; top: 1px; }
#fav_text, #fav_text a { color: #2663a6; text-decoration: underline; font-size: 14px; }
.story img { margin: 9px; }
.x1-text-hb-ratz img { padding: 9px; }
#allTrackText img { padding: 9px; }


#allTrackText iframe {
    width: 100% !important;
    height: 338px !important;
}

#allTrackText a.img {
    display: block;
    width: 100%;
    text-align: center;
}

#allTrackText .img img{
    margin: 4px auto;
    box-shadow: 0px 0px 3px #000;
}



#loginHelp { position: absolute; width: 290px; top: 0px; background-color: #dadada; height: 75px; z-index: 10; left: 0; color: black; font-weight: normal; }
#LoginHelp_txt { padding: 20px 3px 3px; }
#LoginHelp_txt p { margin: 0; padding: 0; }
.OrderReq { color: red; position: absolute; margin-top: -8px; margin-right: -7px; }
#lb_txt { clear: both; margin-bottom: 15px; font-weight: bold; }
#lb_txt2 { clear: both; line-height: 115%; }
#lb_txt p, #lb_txt2 p { margin: 0; padding: 0; line-height: 125%; font-family: arial; }
#articles_link, #articles_link a { color: #f9921b; font-weight: bold; font-size: 14px; }



/*---------------------------------------*/
/************* RotateBanner **************/

.banners_warp > div {
    border: 1px solid #fff;
    float: right;
    width: 25%;
}
.inBanner {
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    transition: all 0.8s;
    z-index: 1;
}
.inBanner.current {
   position: relative;
   opacity: 1;
    z-index: 10;
}
.inBanner > img {
    display: flex;
    position: relative;
}
.rotateBanner {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.banner_button {
    background: url("../images/banner_buttons_bg.png") no-repeat scroll 0 0;
    bottom: 14px;
    height: 56px;
    left: 30px;
    padding: 14px 13px 14px 11px;
    position: absolute;
    width: 84px;
    z-index: 50;
}
.banner_button > a {
    display: inline-block;
    height: 28px;
    width: 28px;
     cursor: pointer;
}
.banner_button > a:hover {
    opacity:0.7;
}
.banner_button > a.prev {
    background: url(../images/banner_next.png) no-repeat;
}
.banner_button > a.next {
    background: url(../images/banner_prev.png) no-repeat;
}

.rotateBanner .arrow {
    bottom: 240px;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.rotateBanner .arrow > span {
    background: url("../images/scroll_button.png") no-repeat scroll 0 0;
    display: block;
    height: 48px;
    margin: auto;
    position: relative;
    width: 48px;
}

.inBanner > .banner_text {
    height: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 250px;
    z-index: 10; 
}

.rotateBanner .banner_text > div > div {
    background: rgba(0, 0, 0, 0) url("../images/white_opacity.png") repeat scroll 0 0;
    color: #000;
    font-size: 15px;
    height: 100%;
    line-height: 29px;
    padding: 28px;
    position: absolute;
    text-align: right;
    width: 100%;
}

.banner_text .title {
    font-size: 20px;
   font-family: 'OSb', sans-serif;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.banner_text .txt {
    color: #619819;
    font-size: 20px;
   font-family: 'OSb', sans-serif; 
}

.banner_text .read_more > a {
    background: #86c441 none repeat scroll 0 0;
    color: #fff;
    display: block;
    height: 39px;
    line-height: 39px;
    margin: 12px auto auto;
    text-align: center;
    width: 126px;
}

/*---------------------------------------*/
/************* RotateBanner **************/

.ad_area {
    background: #fff none repeat scroll 0 0;
    margin: 4px auto;
}
.ad_area .rotateBanner {
    width: 100% !important;
    height: auto !important;
}


.framebox {
    background: #f9e4aa;
    padding: 10px;
    border-radius: 15px;
    font-size: 14px;
    line-height: 20px;
}
.framebox > h2 {
    font-size: 16px;
    text-align: center;
}