/* Reset CSS (YUI Reset)*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
/* Reset END */

.clearfix:after{content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide */

/* General Styles START */

*{outline:none;}
.floatLeft{float:left;width: auto;}
.floatRight{float:right;width: auto;}
img.blockimg{display:block;}
a{text-decoration: none;}
.clear{clear:both;height: 0px;line-height: 0px;font-size: 0px;}
.pink{color: #f0c0f6;}
.purple{color: #752680;}
.red{color: #ed2c34;}
.cof{color: #b7a06e;}
.purple2{color: #413773;}
.blue{color: #0086cd;}
.orange{color: #dba006;}
.green{color: #22760c;}
.oping{color: #c0484a;}
.delight{color:#d14e06;}
.yellow{color: #bdaf27;}
.bl{color: #09b1e6;}

/* General Styles END */

html,body{height: 100%;}
body{background: #ffffff url(../images/home_bg.png) repeat-x left top;font-family: Arial;font-size: 12px;}

div#maincontainer{width: 100%;height: 100%;background: transparent url(../images/headbg.jpg) no-repeat center top;}
div#container{width: 995px;margin: 0px auto;height: 100%;}
div#head{width: 995px;height: 481px;position: relative;}
div#head h1{float: left;width: 125px;height: 56px;margin: 42px 0px 0px 20px;position: relative;z-index: 10;}
div#head h1 a{float: left;width: 125px;height: 56px;outline: none;text-indent: -9999px;background: transparent url(../images/logo.png) no-repeat left top;}
ul#menu{float: right;width: 726px;height: 38px;padding: 5px 10px 11px 27px;background: transparent url(../images/menu_bg.png) no-repeat left top;margin-top: 55px;position: relative;z-index: 10;}
ul#menu li{float: left;width: auto;height: 14px;padding: 10px 24px 10px 23px;background: url(../images/menu_sep.png) no-repeat right center;}
ul#menu li.last{padding-right: 0px;background: none;}
ul#menu li a{float: left;width: auto;font-size: 15px;line-height: 16px;color: #ffffff;}
ul#menu li.active a, ul#menu li a:hover{color: #f7688d;}

div#sliding{width: 995px;height: 481px;position: absolute;left: 0px;top: 0px;z-index: 1;overflow:hidden;}

a.leftroll{float: left;width: 34px;margin-top: 240px;}
a.rightroll{float: right;width: 34px;margin-top: 240px;}
div#sliding div.slidecnt{float: left;width: 785px;height: 407px;margin: 74px 71px 0px;overflow: hidden;display: inline;}
div#sliding div.slidecnt div.slide{float: left;width: 10000px;}
div#sliding div.slidecnt div.slide div.sld{float: left;width: 785px;}
div#sliding div.slidecnt div.slide div.sld div.cnt{float: right;width: 424px;margin-top: 140px;color: #ffffff;}
div#sliding div.slidecnt div.slide div.sld div.cnt a{color: #ffffff;}
div#sliding div.slidecnt div.slide div.sldimgcnt{float:left;z-index: 1;width: 351px;height: 407px;}
div#sliding div.slidecnt div.slide div.sldimgcnt img{display:block;}
div#sliding div.slidecnt div.slide div.cnt img{float: left;margin: 0px 5px 5px 0px;}
div#sliding div.slidecnt div.slide h2{font-size: 24px;font-family: Helvetica;}
div#sliding div.slidecnt div.slide div.cnt p{line-height: 18px;margin: 8px 0px;}
div#content{width: 995px;float: left;}

/* Home Page Styles START */

div.sum{width: 995px;}
div.sum div.cnt{float: left;width: 313px;height: 187px;padding: 30px 12px 0px 11px;background: transparent url(../images/dotted_line.png) no-repeat right 30px;}
div.sum div.cnt.last{width: 312px;padding-right: 0px;background: none;}
div.sum div.cnt img.pimg{float: left;width: auto;margin: 0px 5px 5px 0px;}
div.sum div.cnt h3{color: #261440;font-weight: bold;font-size: 14px;}
div.sum div.cnt p{margin: 10px 0px;color: #7b7b7b;font-size: 11px;}
div.sum div.cnt a{color: #7b7b7b;}

/* Home Page Styles END */

/* Fun Page Styles START */

div.fun{width: 995px;}
div.fun div.cnt{float: left;/*width: 229px;*/width:308px;height: 187px;padding: 30px 12px 0px 11px;background: transparent url(../images/dotted_line.png) no-repeat right 30px;}
div.fun div.cnt.last{/*width: 228px;*/width: 308px;padding-right: 0px;background: none;}
div.fun div.cnt img.pimg{float: left;width: auto;margin: 0px 5px 10px 0px;}
div.fun div.cnt h3{color: #261440;font-weight: bold;font-size: 14px;}
div.fun div.cnt p{margin: 10px 0px;color: #7b7b7b;font-size: 11px;}
div.fun a{color: #7b7b7b;}

/* Fun Page Styles END */

/* Health Page Styles START */

div.health{width: 995px;padding: 30px 0px 0px 0px;}
div.health h3{color: #752680;font-size: 16px;margin-bottom: 10px;}
div.health h4{color: #752680;font-size: 15px;}
div.health_left{float: left;width: 629px;}
div.health_left div.hcnt{float: left;width: 342px;color: #555555;font-size: 11px;font-weight: bold;}
div.health_left div.hcnt ul li{line-height: 16px;padding-left: 16px;background: transparent url(../images/ul_item.png) no-repeat left top;}
div.health_left ul.info{float: left;width: 388px;}
div.health_left ul.info li{float: left;width: 388px;height: 35px;line-height: 27px;font-size: 10px;font-weight: bold;background: transparent url(../images/info_bg.png) no-repeat left top;}
div.health_left ul.info li a{float: left;padding: 0px 20px;height: 27px;line-height: 27px;width: 348px;color: #ffffff;}
div.health_right{float: right;width: 326px;color: #555555;font-size: 11px;font-weight: bold;}
div.health p{margin-bottom: 15px;}

/* Health Page Styles END */

/* About Page Styles START */

div.about{width: 995px;padding: 30px 0px 0px 0px;}
div.about h3{color: #ee2931;font-size: 16px;margin-bottom: 10px;}
div.about h4{color: #ee2931;font-size: 15px;}
div.about_left{float: left;width: 720px;}
div.about_left div.hcnt{float: left;width: 268px;color: #555555;font-size: 11px;font-weight: bold;}
div.about_left div.hcnt img{float: left;margin: 0px 5px 5px 0px;}
div.about a{color: #ee2931;}
div.about_right{float: right;width: 265px;color: #555555;font-size: 11px;font-weight: bold;}
div.about p{margin-bottom: 15px;}

/* About Page Styles END */

/* Foot Content Styles START */
/*
div.nwrp{float:left;width: 995px;margin-bottom: 30px;}
div.newsletter{float: left;width: 598px;height: 61px;background: transparent url(../images/newsletter_bg.png) no-repeat left top;padding: 7px 19px 9px 32px;margin-top: 30px;color: #7f7f7f;}
div.newsletter p{float: left;width: auto;padding: 16px 0px 17px;margin-right: 10px;line-height: 14px;font-size: 12px;font-weight: normal;color:#7F7F7F;}
div.newsletter img.ico{float: right;position: relative;top: -27px;}
div.newsinput{float: left;width: auto;}
div.newsinput div.textbox{float: left;width: 174px;height: 25px;padding: 2px;margin: 16px 0px;background: url(../images/textbox.png) no-repeat left top;}
div.newsinput div.textbox .txtbox{width: 164px;font-size: 12px;font-family: Arial;line-height: 13px;height: 13px;padding: 6px 5px;border: 0px;color: #7f7f7f;background: transparent;}
div.newsinput .newssubmit{float: left;position: relative;top: 15px;left: 5px;}
a.grant{float: left;width: 227px;height: 70px;margin: 27px 0px 0px 60px;}
*/
/* Foot Content Styles END */

div.nwrp{float:left;width: 993px;margin: 10px auto 30px;}
div.nwrp div.section{
float: left;
width: 331px;
}
div.nwrp div.section div.newsletter{
width: 331px;
height: 186px;
background: transparent url(../images/duyuru_ve_kampanyalar.png) no-repeat left top;
position: relative;
}
div.newsletter div.nl{
float: left;
display: inline;
width: 224px;
margin: 95px 0px 0px 20px;
font-size: 12px;
font-family: Arial;
color: #6d6c67;
}
div.newsletter div.nl form{
float: left;
width: 224px;
margin: 10px 0px 0px 0px;
}
div.newsletter div.textbox{
float: left;
width: 168px;
height: 29px;
padding: 0px 5px;
background: url(../images/nwstxtbox.png) no-repeat left top;
}
div.newsletter div.textbox .txtbox{
float: left;

width: 168px;
line-height: 13px;
font-family: Arial;
font-size: 12px;
color: #6d6c67;
border: 0px;
padding: 7px 0px 9px 0px;
background: transparent;
}
div.newsletter div.textbox input:focus{
outline: none;
}
.newssubmit{float: left;position: relative;top: 0px;left: 5px;}

/* Fun Detail Page Styles START */

div.fundt{width: 995px;padding: 30px 0px 0px 0px;}
div.fundt div.fdleft{float: left;width: 260px;}
div.fundt div.fdleft div.cnt{float: left;width: 259px;}
div.fundt div.fdleft div.cnt img{float:left;margin:0px 5px 5px 0px;}
div.fundt div.fdright{float: right;width: 705px;padding-left: 16px;background: transparent url(../images/dotted_line_long.png) no-repeat left top;}
div.fundt a{color: #261440;}
div.fundt h3{color: #261440;font-size: 14px;font-weight: bold;}

/* Fun Detail Page Styles END */

div#prev{
float: left;
width: 442px;
background: transparent url(../images/prev_top.png) no-repeat left top;
padding-top: 10px;
}
div#prev div.inner{
background: #296087;
padding: 0px 10px;
width: 422px;
}
div#prev div.inner img{
display: block;
}
div#prev div.bottom{
width: 442px;
height: 10px;
font-size: 0px;
line-height: 10px;
background: transparent url(../images/prev_bottom.png) no-repeat left top;
}
div#prev div.inner div.sizes{
font-size: 12px;
color: #ffffff;
margin-top: 10px;
}
div#prev div.inner div.sizes span{
float: left;
width: auto;
}
div#prev div.inner div.sizes a{
float: left;
width: auto;
color: #ffffff;
margin: 0px 8px;
}
div#prev div.inner div.sizes a:hover{
text-decoration: underline;
}

div#astmain{
float: left;
width: 260px;
margin-right: 20px;
}
div#astmain div#point{
width: 260px;
height: 52px;
text-align: center;
}
div#astmain div#point img{
display: block;
width: 50px;
height: 52px;
margin: 0px auto;
position: relative;
left: 2px; /*image right shadow width*/
}
div#astmain div#zodiac{
width: 260px;
height: 260px;
}
div#comments{
float: left;
width: 425px;
}
div#comments h3{
font-size: 14px;
color: #296087;
font-weight: bold;
margin-bottom: 15px;
}
div#comments div.title{
font-size: 14px;
color: #296087;
font-weight: bold;
margin-bottom: 15px;
}
div#comments div.exp{
font-size: 12px;
color: #555555;
margin-bottom: 15px;
}


div.fst{
width: 995px;padding: 30px 0px 0px 0px;height:225px;
color: #555555;font-size: 11px;font-weight: bold;
}

div.fst-left{
width:490px;height:190px; float:left;
}
div.fst-left p{margin:48px 0px 0px 50px;}
div.fst-right{
width:322px;height:190px; float:left;padding:1px 1px 1px 334px;
}
div.fst-right p {padding:0px 0px 0px 0px;}
div.fst h3{font-size: 16px;margin-bottom: 10px;}
div.fst h4{font-size: 15px;}
div.fst p{}
div.fst div.fleft{
float: left;
width: 495px;
}
div.fst div.fright{
float: right;
width: 495px;
}

div.sldwrapper{
width: 461px;
margin: 0px auto;
}
div.sldwrapper h3{
font-size: 14px;
color: #296087;
font-weight: bold;
margin-bottom: 15px;
text-align: center;
}
div.sldwrapper a#leftrl{
float: left;
width: 52px;
height: 49px;
margin: 143px 10px 0px 0px;
}
div.sldwrapper a#rightrl{
float: left;
width: 52px;
height: 49px;
margin: 143px 0px 0px 10px;
}
div#reason{
float: left;
width: 337px;
padding: 10px 0px 0px 0px;
background: transparent url(../images/reason_top.png) no-repeat left top;
}
div#reason div.rbody{
float: left;
width: 317px;
background: #296087;
padding: 0px 10px;
}
div#reason div.bottom{
float: left;
width: 337px;
height: 10px;
line-height: 10px;
font-size: 0px;
background: transparent url(../images/reason_bottom.png) no-repeat left top;
}
div#reason div.sld{
float: left;
width: 317px;
height: 316px;
overflow: hidden;
}
div#reason div.sld div.sldin{
float: left;
width: 100000px;
height: 316px;
}
div#reason div.sld div.sldin div.rsn{
float: left;
width: 317px;
height: 316px;
}
div#reason div.sld div.sldin div.rsn img{
display: block;
}

div.updown{
float: left;
width: 140px;
background: transparent url(../images/wallpaper_choose_top.png) no-repeat left top;
padding-top: 10px;
margin-right: 20px;
}
div.updown div.inner{
float: left;
background: #296087;
padding: 0px 10px;
width: 120px;
}
div.updown div.bottom{
float: left;
width: 140px;
height: 10px;
font-size: 0px;
line-height: 10px;
background: transparent url(../images/wallpaper_choose_bottom.png) no-repeat left top;
}
#rolltop,#rollbottom{
float: left;
width: 120px;
height: 13px;
text-align: center;
margin-bottom: 5px;
}
#rollbottom{
margin-bottom: 0px !important;
margin-top: 5px;
}
#rolltop img,#rollbottom img{
width: 19px;
height: 13px;
margin: 0px auto;
}
div#vslide{
float: left;
width: 120px;
}
div#vslide div.vsld{
float: left;
width: 120px;
height: 280px;
overflow: hidden;
}
div#vslide div.vsld div.vsd{
float: left;
width: 120px;
height: 100000px;
}
div#vslide div.vsld div.vsd div.vsl{
float: left;
width: 120px;
height: 90px;
margin-bottom: 7px;
}
div#vslide div.vsld div.vsd div.vsl a{
float: left;
width: 120px;
height: 90px;
}
div#vslide div.vsld div.vsd div.vsl img{
display: block;
}


/* Contact Page Styles START */

div.contactright{float: left;width: 310px;}
div.contactright p{font-size: 14px;color: #ffffff;font-weight: bold;}
table#contact{width: 310px;}
table#contact tr td{vertical-align: middle;padding: 5px;}
table#contact tr td label{display: block;width: 100px;text-align: right;color: #ffffff;font-weight: bold;}
table#contact tr td div.textbox{float: left;width: 180px;height: 15px;padding: 3px 5px;background: #fff;/*background: url(../images/c_textbox.png) no-repeat left top;*/}
table#contact tr td div.textbox input{float: left;width: 180px;height: 15px;font-size: 13px;font-family: Verdana;line-height: 15px;color: #7F7F7F;border: 0px;background: transparent;}
table#contact tr td div.textarea{float: left;width: 180px;height: 106px;padding: 3px 5px;/*background: url(../images/textarea.png) no-repeat left top;*/background: #ffffff;}
table#contact tr td div.textarea #message{width: 180px;height: 106px;max-width: 180px;max-height: 106px;overflow: auto;border: 0px;background: #ffffff;font-size: 13px;font-family: Verdana;line-height: 15px;color: #7F7F7F;}
table#contact tr td div.textarea #message:focus,table#contact tr td div.textbox input:focus{outline: none;}
#QID601988{width: 180px;height: 106px;max-width: 180px;max-height: 106px;overflow: auto;border: 0px;background: #ffffff;font-size: 13px;font-family: Verdana;line-height: 15px;color: #7F7F7F;}
#QID601988:focus,table#contact tr td div.textbox input:focus{outline: none;}

div.contactleft{float: right;width: auto;}
div.contactleft img{width: 73px;height: 69px;float: left;margin-right: 10px;}
div.contactleft p{float: left;line-height: 17px;}
div.contactleft p a:hover{text-decoration: underline;}

/* Contact Page Styles END */


/* Menu Styles START */

/* dock - top */
.dock {position: relative; height: 207px;text-align: center;margin-top: 150px;width: 785px;margin: 115px 0px 0px 34px;}
.dock-container {position: absolute;height: 207px;padding-left: 20px;}
a.dock-item {display: block;width: 100px;color: #fff;position: absolute;top: 0px;text-align: center;text-decoration: none;font: bold 12px Arial, Helvetica, sans-serif;}
.dock-item img {border: none; margin: 5px 10px 0px; width: 100%;}
.dock-item span {display: none; padding-left: 20px;}
/* dock2 - bottom */
#dock2 {width: 100%;bottom: 0px;position: absolute;left: 0px;}
.dock-container2{position:absolute;height: 207px;background: url(images/dock-bg.gif);padding-left: 20px;}
a.dock-item2{display: block;font: bold 12px Arial, Helvetica, sans-serif;width: 100px;color: #000;bottom: 0px;position: absolute;text-align: center;text-decoration: none;}
.dock-item2 span {display: none;padding-left: 20px;}
.dock-item2 img {border: none;margin: 5px 10px 0px;width: 100%;}

/* Menu Styles END */

#musicswf,#music{
position: absolute;
width: 32px;
height: 32px;
right: 10px;
top: 10px;
z-index: 9999;
}

a#madebycat{
position: fixed;
width: 17px;
height: 64px;
background: url(../images/madebycat.png) no-repeat left top;
right: 0px;
bottom: 50px;
z-index: 9999;
text-indent: -9999px;
outline: none;
}
#sbanner,#sbbanner{
width: 670px;
height: 110px;
margin: 45px 0px 0px 102px;
}
.kk-logo {
	float:right;
	padding:10px;
	clear:both;
}
#fiesta-social {
	display:block;
	position:absolute;
	right:55px;
	top:15px;
	z-index:9999;
}
#fiesta-social li {
	float:left;
	margin-left:5px;
}
#fiesta-social li.buy {
	margin-top:-3px;
	margin-right:10px;
}
.fan_box .full_widget{
border: 1px solid #ECEFF5 !important;
}
.info-box {
position:relative;
}
.info-box span {
float:left;
width:400px;
left:223px;
top:33px;
line-height:16px;
position:absolute;
display:none;
font-size:11px;
font-weight:normal;
background-color:#ffffff;
padding:10px;
border:1px solid #cccccc;
text-align:left;
}


.info-box:hover span{
display:block;
}

.info-box-2 {
position:relative;
}
.info-box-2 span {
float:left;
width:400px;
left:270px;
top:-13px;
line-height:16px;
position:absolute;
display:none;
font-size:11px;
font-weight:normal;
background-color:#ffffff;
padding:10px;
border:1px solid #cccccc;
text-align:left;
}


.info-box-2:hover span{
display:block;
}