body{
position: relative;
margin: 0;
-webkit-text-size-adjust: none;
min-height: 416px;
font-family: helvetica,sans-serif;
background:url("../images/background.png"),url('../images/menutouched.png') no-repeat,url('../images/storetouched.png') no-repeat,url("../images/whitearrow.png") no-repeat;
-webkit-touch-callout: none
}
.center{
margin: auto;
display: block;
}
img{
border: 0
}
.slideleft{
-webkit-transform:translate(-150%,0);
-webkit-transition-duration: 1.5s
}
.slideright{
-webkit-transform:translate(150%,0);
-webkit-transition-duration: 1.5s
}
a:hover span.arrow{
background-image:url("../images/whitearrow.png")! important
}
embed 
{
 
 position: relative;    
visibility: hidden;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
display: block;  
}
.icon
{
position: relative;    
visibility: hidden;
margin-top: 0px;
display: inline;  

}

.news_video
{
    
    display: block;
   position: relative;
   
}
.close_video
{
    float: right;
}
.news_link
{
    color:#D70043;
    text-decoration: none;
    
} 

.testimonials 
{
	margin:0px auto;
    width: 250px; 
    margin-bottom: 50px;   
}

.chatbubble 


{ 
    
    height:auto;
    display: block;
   position: relative;
 padding: 0px;
margin: 20px auto;

     }
 .top
{ 
display: block;
    margin: 0px;
    height: 13px;
width: 250px;
 background:url("../images/greentop.png") no-repeat;

}
 .middle
{
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    z-index: -2;
width: 250px;
 background:url("../images/greencentre.png") repeat;
padding: 0px;

}

 .chattext
{    
    position: relative;

    line-height:14px;
text-align: justify;
font-weight: lighter;
color: #FFF;
/*text-shadow:rgba(0,0,0,0.6) 0 -1px 0;*/
margin: 10px;
display: block;
width: 225px;
left: 0px;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
font-size: 15px;
padding:0.2em;
letter-spacing: 0px;
line-height: 12pt;


}
 .bot
{ 
   
    position: absolute;
    display: block;
    height: 20px;
    
width: 250px;
left: 4px;
 background:url("../images/greenbot.png") no-repeat;
 
}




 .author
{
position: relative;
height: 34px;
width: 200px;
font-weight: bold;
font-size: 13px;
left: 50px;
color: #4C4C4C;
text-shadow: #FFF 0 1px 0;
text-align: right;
 /*padding: 130px;*/
 margin-top: 25px;
}



#topbar{
position: relative;
left: 0;
top: 0;
height: 44px;
width: auto;
background:url("../images/header.png") repeat;
margin-bottom: 13px
}
#title{
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 0 10px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
height: 44px;
line-height: 44px;
font-weight: bold;
color: #FFF;
text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
font-size: 16pt;
/*-webkit-transform: opacity(10);*/
/*opacity: 0;*/
  -webkit-perspective: 500;
   -webkit-transform-style: preserve-3d;
 -webkit-transition-property: rotation; 
  -webkit-transition-duration: 2s;
  /*-webkit-transition-delay: 500ms; */

}
#content{
width: 100%;
position: relative;
min-height: 250px;
margin-top: 10px;
height: auto;
-webkit-transition-property: -webkit-transform;
-webkit-transform-style: preserve-3d;
z-index: 0;
overflow: hidden
}

#footer, .footer{
text-align: center;
position: relative;
margin: 20px 10px 0;
height: auto;
width: auto;
bottom: 10px
}
#footer a, .footer a{
text-decoration: none;
font-size: 9pt;
color: #4C4C4C;
text-shadow: #FFF 0 1px 0
}

.pageitem,.form{
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius: 8px 8px;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
background-color: #fff;
border: #878787 solid 1px;
font-size: 12pt;
overflow: hidden;
padding: 0;
position: relative;
display: block;
height: auto;
width: auto;
margin: 3px 9px 17px;
list-style: none
}
.textbox{
padding: 5px 9px;
overflow: hidden;
border-top: 1px solid #878787
}
.textbox p{
margin-top: 2px;
color: #000;
margin-bottom: 2px;
text-align: justify
}
.textbox img{
max-width: 100%

}
.textbox ul{
margin: 3px 0 3px 0;
list-style:circle! important
}
.textbox li{
margin:0! important
}
.latest_news_item{
text-align: center;
margin-bottom: 6px;
margin-top: 6px;
font-size: 14px;
color: rgb(73,102,145);

}
.latest_news_item link{



font-size: 14px;
color: rgb(216,0,67);

}

.pageitem 
li:first-child{
border-top: 0
}
li.menu,ul.form li{
position: relative;
list-style-type: none;
display: block;
height: 43px;
overflow: hidden;
border-top: 1px solid #878787;
width: auto
}
ul.pageitem 
li:first-child:hover{
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px
}
ul.pageitem 
li:last-child:hover{
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius: 8px 8px
}
li.menu:hover{
background:url("../images/menutouched.png") repeat-x #369
}
li.menu a:hover span.name,li.menu a:hover span.comment,li.store:hover .starcomment,li.store:hover .name,li.store:hover .comment,body.list li.withimage a:hover .comment{
color: #fff
}
li.menu a:hover span.comment{
color: #CCF
}
li.menu a{
display: block;
height: 43px;
width: auto;
text-decoration: none
}
li.menu a img{
width: auto;
height: 32px;
margin: 5px 0 0 5px;
float: left
}
li.menu span.name{
margin: 11px 0 0 7px;
width: auto;
color: #000;
font-weight: bold;
font-size: 17px;
text-overflow: ellipsis;
overflow: hidden;
max-width: 75%;
white-space: nowrap;
float: left
}
li.menu span.comment{
margin: 11px 30px 0 0;
width: auto;
color: #000;
font-size: 17px;
text-overflow: ellipsis;
overflow: hidden;
max-width: 75%;
white-space: nowrap;
float: right;
color: #324f85
}
li.menu span.arrow,li.store span.arrow,body.musiclist span.arrow,body.list span.arrow{
position: absolute;
width:8px! important;
height:13px! important;
right: 10px;
top: 15px;
margin:0! important;
background:url("../images/arrow.png") no-repeat
}
li.store{
height: 90px;
border-top: #878787 solid 1px;
overflow: hidden;
position: relative
}
li.store a{
width: 100%;
height: 90px;
display: block;
background:url("../images/storebg.png") left top no-repeat;
text-decoration: none;
position: absolute
}
li.store:hover{
background:url("../images/storetouched.png") repeat-x
}
li.store .image{
position: absolute;
left: 0;
top: 0;
height: 90px;
width: 90px;
display: block
}
#embed .embed
{

 margin-left:15px; 
    margin-top:33px;
}

li:first-child.store .image,li.
store:first-child a{
-webkit-border-top-left-radius: 8px 8px
}

li:last-child.store .image,li.
store:last-child a{
-webkit-border-bottom-left-radius: 8px 8px
}
li.store .name{
font-size: 15px;
white-space: nowrap;
margin: 5px 0 0 95px;
display: block;
overflow: hidden;
color: #000;
max-width: 60%;
text-overflow: ellipsis;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis
}
li.store .comment,body.list li.withimage .comment{
font-size: 12px;
color: #7f7f7f;
margin: 16px 0 0 95px;
display: block;
width: 60%;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
li.store .arrow,body.list li.withimage .arrow{
top:39px! important
}
li.store .stars{
margin: 6px 0 0 95px
}
li.store .starcomment{
position: absolute;
left: 165px;
top: 56px;
font-size: 12px;
color: #7f7f7f;
font-weight: lighter
}
li.store .videocomment{
position: absolute;
left: 96px;
right: 26px;
top: 56px;
font-size: 12px;
color: #7f7f7f;
font-weight: lighter
}
.graytitle{
position: relative;
font-weight: bold;
font-size: 17px;
right: 20px;
left: 9px;
color: #4C4C4C;
text-shadow: #FFF 0 1px 0;
padding: 1px 0 3px 8px;
}

.graytitle_name{
position: relative;
font-weight: bold;
font-size: 17px;
right: 20px;
left: 9px;
color: #4C4C4C;
text-shadow: #FFF 0 1px 0;
padding: 1px 0 3px 8px
}
.header{
display: block;
font-weight: bold;
color:rgb(73,102,145);
font-size: 12pt;
margin-bottom: 6px;
line-height: 14pt;
text-align: center;
}
.gtvheader{
display: block;
font-weight: bold;
color:rgb(73,102,145);
font-size: 12pt;
margin-bottom: 6px;
line-height: 14pt;
text-align: center;

}

.image_centre {

    display: block;
    margin-left: auto;
    margin-right: auto; 
}
body.musiclist div#content{
width: auto;
margin: -29px auto auto -40px
}
body.musiclist div#content ul{
background:url("../images/musiclistbg.png") repeat
}
body.musiclist div#content ul li{
list-style: none;
height: 44px;
width: auto;
border-bottom: 1px solid #e6e6e6;
position: relative
}
body.musiclist div#content ul li a{
text-decoration: none;
color: #000;
width:100%! important;
height: 100%;
display: block
}
body.musiclist ul li .number,body.musiclist .name,body.musiclist .time{
display: inline-block;
height: 44px;
font-weight: bold;
font-size: large;
width: 44px;
text-align: center;
line-height: 46px
}
body.musiclist ul li .name{
margin-left: 0;
width:auto! important;
font-size: medium;
padding-left: 5px;
border-left: solid 1px #e6e6e6
}
body.musiclist ul li .time{
color: #848484;
font-size: medium;
margin-left: 4px;
width:auto! important;
font-weight: normal
}
body.musiclist{
background-image:none! important;
background-color: #cbcccf
}
body.musiclist ul li span.name{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 62%
}
body.list ul li.title{
background:url("../images/listheader.gif") repeat-x;
height:22px! important;
width: 100%;
color: #fff;
font-weight: bold;
font-size: 16px;
text-shadow: gray 0 1px 0;
line-height: 22px;
padding-left: 20px;
border-bottom:none! important
}
body.list ul{
background-color: #fff;
width: 100%;
overflow: hidden;
padding: 0;
margin: 0
}
body.list div#content li{
height: 40px;
border-bottom: 1px solid #e1e1e1;
list-style: none
}
body.list{
background-color: #fff;
background-image:none! important
}
body.list div#footer{
margin-top:24px! important;
border: solid 1px gray
}
body.list div#footer a:hover{
text-decoration: underline
}
body.list div#content li a{
padding: 9px 0 0 20px;
font-size: large;
font-weight: bold;
position: relative;
display: block;
color: #000;
text-decoration: none;
height: 32px
}
body.list div#content li a span.name{
text-overflow: ellipsis;
overflow: hidden;
max-width: 93%;
white-space: nowrap;
display: block
}
body.list div#content li a:hover{
color: #fff
}
body.list div#content li a:hover{
background:url("../images/menutouched.png") repeat-x
}
body.list div#content{
margin-top:-13px! important
}
body.list ul img{
width: 90px;
height: 90px;
position: absolute;
left: 0;
top: 0
}
body.list li.withimage{
height:90px! important
}
body.list li.withimage span.name{
margin: 13px 0 0 90px;
text-overflow: ellipsis;
overflow: hidden;
max-width:63%! important;
white-space: nowrap
}
body.list li.withimage .comment{
margin:10px auto auto 90px ! important;
max-width:63%! important
}
body.list li.withimage a,body.list li.withimage:hover a{
height:81px! important;
background:url("../images/storebg.png") left top no-repeat! important
}
body.list li.withimage:hover{
background-image:url("../images/storetouched.png")
}
.confirm_screen{
position: absolute;
bottom: 0;
-webkit-transform:translate(0,100%);
-webkit-transition-property: -webkit-transform;
background-image:url("../images/popup-bg.png");
opacity: 0
}
.confirm_screenopen{
position: absolute;
opacity: 0.8;
overflow: hidden;
bottom: -100%;
width: 100%;
background:url("../images/popup-bg.png") repeat-x #4e545f;
-webkit-transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-webkit-transform-style: preserve-3d;
-webkit-transform:translate(0,0);
text-align: center;
z-index: 99999
}
.confirm_screenclose{
-webkit-transition-duration: 1.2s;
-webkit-transition-property: -webkit-transform;
-webkit-transform-style: preserve-3d;
position: absolute;
opacity: 0.8;
overflow: hidden;
bottom: -100%;
width: 100%;
background:url("../images/popup-bg.png") repeat-x #545A67;
text-align: center;
-webkit-transform:translate(0,150%)
}
.confirm_screenopen span,.confirm_screenclose span{
margin: 10px 0 20px;
font-size: 17px;
color: #fff;
width: 100%;
height: 10px;
text-shadow:rgba(0,0,0,1) 0 -1px 0;
display: block
}
.popup{
position: absolute;
bottom: 0;
width: 100%;
left: 0;
z-index: 9999
}
.cover{
height: 100%;
width: 100%;
position: absolute;
top: 0;
z-index: 9998;
opacity: 0.4;
left: 0;
background-color: #000
}
.nocover{
opacity: 0;
background-image:url('../images/bluebutton.png'),url('../images/darkredbutton.png')
}
#frame a{
text-decoration: none;
display: block;
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: -15px;
margin-top: 0
}
#frame span.black,#frame span.red,#frame span.gray{
display: block;
height: 46px;
border-width: 0 14px;
width: auto;
background-repeat: no-repeat;
line-height: 46px;
font-size: large;
opacity: 1;
font-weight: bolder;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-family: Arial,Helvetica,sans-serif
}
#frame span.black{
-webkit-border-image:url("../images/graybutton.png") 0 14 0 14;
color: #fff
}
#frame span.red{
-webkit-border-image:url("../images/redbutton.png") 0 14 0 14;
color: #fff
}
#frame span.gray{
-webkit-border-image:url("../images/whitebutton.png") 0 14 0 14;
color: #000;
text-shadow: white 0 1px 0
}
#frame 
a:last-child{
margin-bottom:20px! important
}
#frame a:hover span.black,#frame a:hover span.gray{
-webkit-border-image:url("../images/bluebutton.png") 0 14 0 14;
color: #fff;
text-shadow:rgba(0,0,0,1) 0 -1px 0
}
#frame a:hover span.red{
-webkit-border-image:url("../images/darkredbutton.png") 0 14 0 14
}
#fullscreenfix{
display: block;
height: 44px;
width: 100%;
bottom: 0;
-webkit-transition-property: -webkit-transform;
-webkit-transform-style: preserve-3d;
position: absolute
}
.fullscreenfixclosed{
-webkit-transform:translate(0,88px);
background: #545A67;
opacity: 0.8;
-webkit-transition-duration: 0.36s
}
.fullscreenfixopen{
-webkit-transform:translate(0,44px);
background: #565a65;;
-webkit-transition-duration: 0.3s
}
#leftnav,#leftbutton{
position: absolute;
font-size: 12px;
left: 9px;
top: 7px;
font-weight: bold
}
#leftnav,#leftbutton,#rightnav,#rightbutton{
z-index: 5000
}

#leftnav a,#rightnav a,#leftbutton a,#rightbutton a{
display: block;
color: #fff;
text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
line-height: 30px;
height: 30px;
text-decoration: none
}
#leftnav img,#rightnav img{
margin-top: 4px
}
#leftnav 
a:first-child{
z-index: 2;
-webkit-border-image:url("../images/navleft.png") 0 6 0 13;
border-width: 0 6px 0 13px
}
#leftnav a{
-webkit-border-image:url("../images/navlinkleft.png") 0 5 0 13;
z-index: 3;
margin-left: -4px;
border-width: 0 5px 0 13px;
padding-right: 4px;
float: left
}
#rightnav,#rightbutton{
position: absolute;
font-size: 12px;
right: 9px;
top: 7px;
font-weight: bold
}
#rightnav a{
-webkit-border-image:url("../images/navlinkright.png") 0 13 0 5;
z-index: 3;
margin-right: -4px;
border-width: 0 13px 0 5px;
padding-left: 4px;
float: right
}
#rightnav 
a:first-child{
z-index: 2;
-webkit-border-image:url("../images/navright.png") 0 13 0 6;
border-width: 0 13px 0 6px
}
#leftbutton a,#rightbutton a{
-webkit-border-image:url("../images/navbutton.png") 0 5 0 5;
border-width: 0 5px
}
.rssxpresschannel{
font-family: helvetica,sans-serif;
border: none
}
.rssxpresschtitle{
text-align: center
}
.rssxpresschdesc{
color: #000;
text-align: center;
border-bottom: 1px solid #000;
padding-bottom: 5px
}
.rssxpressittitle{
display: block;
font-size: 12pt;
background: #fff;
margin: 5px 0 2px
}
.rssxpressittitle a{
text-decoration:none! important;
font-weight: bold;
color:rgb(73,102,145);
line-height: 10pt
}
.rssxpressitdesc{
background: #fff;
font-size: 12pt
}
.rssxpressdivider{
display: none
}