/* All screen styles go in here - common.css is just for styles that you want to appear on print and screen */
.outer { margin: 0 auto;width:1008px; }
.sides {float:left; width:980px;background:url(../images/page_sides.png) repeat-y; padding:0 14px;}
.main { float:left; width:980px; padding:0px; background:#fff;}
.header {padding:15px 15px 12px 15px; width:950px; float:left; height:92px; background:#fff;}
.lang {width:auto;height:auto}
.lang .banner {width: auto !important; height: auto !important}
.sitemap ul {margin-left: 2em;}
.sitemap ul li {line-height: 1.5em }
p span {color:#999;}
.moreright {float:right; margin-top:-20px;}
.req {color:#d00;font-weight:bold;}
h2.sep {background: url(../images/sep.png) no-repeat left bottom !important; height: 1.5em !important; width:477px; margin: 0; padding: 0; display:block}
.error404 {margin: 10px 20px}
.error404 li {margin: 5px; list-style-type:circle}
.newsarticle h1 {padding-bottom:0.1em;}
a.print-icon {  padding:0 6px 0 0; height:16px; width:10px; margin-left:8px; text-indent: -99999px; display:inline-block; outline:none;background: url(../images/print.gif) no-repeat;}

/* hidden text */
.home h1, a.logo, a.btn, .footer .willogo .thelogo span {text-indent:-999em;outline:none;position:absolute;display:block;overflow:hidden;}
.home h1, a.logo { background:url(../images/logo.gif) no-repeat top left; width:399px; height:63px; cursor:pointer; float:left; padding:0px 0 63px 25px; margin-top:18px; display:block;}
.admin a.logo { background:url('../images/admin/logo.gif') no-repeat top left; width:540px; height:40px;}

.bdplite input {width: 100px; font-size: 14px; height: 21px !important; border:1px solid #e0e1de;}
.bdplCalendar td, .bdplPopUp td, .bdplNextPrev td {padding: 1px !important;}
.bdplTitle th {text-align: center !important; vertical-align: middle !important}

/* main navigation */
ul.nav {font-size:1.2em; float:left; width:980px; height:39px; background:url(../images/nav_bg.gif) repeat-x left top;}
ul.nav a {width:100%; padding:0;}

ul.nav li {display:inline; position:relative; z-index:10;padding:0 5px; float:left; text-indent:-999em; width:auto;}
ul.nav li a {display:block; }
ul.nav li a.home { background:url(../images/nav/home.gif) no-repeat left bottom; width:50px; height:39px;}
ul.nav li a.updates { background:url(../images/nav/updates.gif) no-repeat left bottom; width:66px; height:39px;}
ul.nav li a.academy { background:url(../images/nav/theacademy.gif) no-repeat left bottom; width:93px; height:39px;}
ul.nav li a.wingchun { background:url(../images/nav/wingchun.gif) no-repeat left bottom; width:81px; height:39px;}
ul.nav li a.courses { background:url(../images/nav/courses.gif) no-repeat left bottom; width:67px; height:39px;}
ul.nav li a.locations { background:url(../images/nav/locations.gif) no-repeat left bottom; width:79px; height:39px;}
ul.nav li a.media { background:url(../images/nav/media.gif) no-repeat left bottom; width:49px; height:39px;}
ul.nav li a.merchandise { background:url(../images/nav/merchandise.gif) no-repeat left bottom; width:93px; height:39px;}
ul.nav li a.contactus { background:url(../images/nav/contactus.gif) no-repeat left bottom; width:89px; height:39px;}
ul.nav li a:hover,ul.nav li.sfHover a {background-position:0px -39px ;}
ul.nav li a.on {background-position:0px 0px;}

.page .banner {float:left; background:url(../images/banners/banner_wingchun.jpg) no-repeat left top; width:980px; height:65px;}
.page .banner.updates { background-image:url(../images/banners/banner_updates.jpg);}
.page .banner.academy { background-image:url(../images/banners/banner_academy.jpg);}
.page .banner.wingchun { background-image:url(../images/banners/banner_wingchun.jpg);}
.page .banner.courses { background-image:url(../images/banners/banner_courses.jpg);}
.page .banner.locations { background-image:url(../images/banners/banner_locations.jpg);}
.page .banner.media { background-image:url(../images/banners/banner_media.jpg);}
.page .banner.merchandise { background-image:url(../images/banners/banner_merchandise.jpg);}
.page .banner.contactus { background-image:url(../images/banners/banner_contact.jpg);}

.superfish li:hover ul, .superfish li li:hover ul {top: -999em;}
ul.nav li:hover li ul, ul.nav li.sfHover li ul {top:-999em;}

/* 2nd level */
ul.nav li:hover ul, ul.nav li.sfHover ul {left:5px; top:2.85em;}
/*ul.nav li:hover li ul, .nav li.sfHover li ul {top:-999em;}*/
ul.nav ul {position:absolute; top:-999em; width:164px; /*padding:0px 10px 3px 0px;*/ margin:0; z-index:50; background:url(../images/nav/level2_bottom.gif) no-repeat left bottom; padding-bottom:6px; /*background:#e6e9da;*/}
ul.nav ul li {width:100%; padding:0; }
ul.nav li li {background:#e6e9da; /* float:left; width:154px; padding:2px 0px 2px 0; height:20px;*/}
ul.nav li li a {text-align:left; text-indent:0em;/*line-height:1.6em;*/ color:#000; font-weight:normal; display:block;width:144px; /*height:20px;*/ padding:5px 0 5px 20px;}
/*ul.nav li li a:hover, .nav li li a:focus, .nav li li.sfHover a { background:#f5f6f0 url(../images/nav/target.gif) no-repeat 5px 6px;color:#ec2028;  }*/
ul.nav li li > a:hover, .nav li li > a:focus, .nav li li.sfHover > a { background:#f5f6f0 url(../images/nav/target.gif) no-repeat 5px 7px;color:#ec2028;  }
ul.nav li li a.afirst {padding-top:8px;background:#e6e9da url(../images/nav/subnav_top.gif) no-repeat left top;}
ul.nav li li a.afirst:hover  {background:url(../images/nav/topnavitem_hover.png) no-repeat left top;}

/* 3rd level */

ul.nav ul ul {background:url(../images/nav/level3_bottom.gif) no-repeat left bottom;padding:4px 0; width:157px; }
ul.nav li li:hover ul, ul.nav li li.sfHover ul {left:164px;top:-3px; position:absolute; z-index:250;}
ul.nav li li li { background:transparent; width:157px;}
ul.nav li li li a { width:137px; background:#f5f6f0; background-image:none; display:block; padding-top:4px; }
/*ul.nav li li li a:hover {background:none;}*/
ul.nav li li a:hover li a, .nav li li a:focus a, .nav li li.sfHover a a {background:none;}
ul.nav li li li a:hover { background:#f5f6f0 url(../images/nav/target.gif) no-repeat 5px 6px;}
ul.nav li li li a.afirst {background:url(../images/nav/level3_top.gif) no-repeat left top; padding-top:9px; }
ul.nav li li li a.afirst:hover {background:transparent url(../images/nav/level3_top_target.gif) no-repeat left top;}

ul.nav li.search { margin:0; padding:0; margin-top:8px; width:200px;height:30px; text-indent:0; background:url(../images/nav/search_bg.gif) no-repeat left top; border:0; float:right;}
ul.nav li.search input.search { border:0; background:transparent; width:137px; margin:0; padding:0 0 0 5px; font-size:12px; vertical-align:baseline;
	
border-collapse: collapse;
border-spacing: 0;
font-size: 9pt;
height: 14pt;
line-height: 1.5em;
margin: 0;
padding: 0 0 -2.5pt 0;
z-index: 1;
vertical-align:middle;
}
/*IE 7 and below*/
*:first-child+html ul.nav li.search input.search {line-height: 1.2em;} * html ul.nav li.search input.search {line-height: 1.1em;}
body:nth-of-type(1) ul.nav li.search input.search { padding-top:6px; }

.nav .go {background:url(../images/button/go.gif) no-repeat left top; width:28px; height:22px; border:0; cursor:pointer;}
.maincontent .go {background:url(../images/button/page-go.png) no-repeat left top; width:31px; height:22px; border:0; cursor:pointer;}
/* accessible skip links */
div.skiplinks {text-indent:-999em;position:absolute;}

.maincontent {float:left; width:480px; font-size:1.2em; padding:23px 20px 0 22px; position:relative; }
.home .maincontent {width:930px; padding:23px 25px 0 25px;}

/* left col nav */
.subnavcol {width:200px; float:left; margin:12px 0 0 25px; display:inline;}
.subnavtop {background:url(../images/subnav/top.png) no-repeat left bottom; width:200px; height:8px; float:left; margin:0 0 0 0px; padding:0; }
div.subnav { padding: 0px 0 10px 0px; width:200px; float:left; font-size:1.2em; background:url(../images/subnav/bottom.png) no-repeat left bottom; margin:0;}
div.subnav h2 {color:#666; padding:6px 0 15px 14px; background:#f0f2e9 url(../images/subnav/h2_bottom.png) no-repeat left bottom; margin:0; float:left; clear:both; width:186px;}

/* level 1 */
.subnav ul {list-style:none;font-size:1em; background:#f0f2e9; padding:5px 7px 0 7px; display:inline-block; clear:both; width:186px; }
.subnav ul li a {display:block;text-decoration:none;color:#ec2028;background:url(../images/list-bullet.gif) no-repeat 14px 10px;padding: 3px 0 3px 27px;line-height:1.7em; font-weight:bold; width:155px;}
.subnav ul li a.on, .subnav ul li.on a:hover,.subnav ul li.on a:focus {background:#fcfcfb url(../images/target_on.gif) no-repeat 9px 8px;} /* affects all list items under the "on" one */

/* level 2 */
.subnav ul li ul {list-style:none; background:#fcfcfb url(../images/subnav/level2_top.png) no-repeat left top; padding:5px 0; width:182px;}
.subnav ul li li {width:160px;}
.subnav ul li li a {background:#fcfcfb url(../images/list-bullet.gif) no-repeat 21px 9px;font-size:1em;padding:2px 0 2px 31px; font-weight:normal; width:150px;}
.subnav ul li li a:hover, .subnav ul li li a:focus {background:#fcfcfb url(../images/list-bullet.gif) no-repeat 21px 9px;}
.subnav ul li li a.on {background:#fcfcfb url(../images/grey_bullet.png) no-repeat 21px 9px; color:#8a8a89;}
.subnav ul li li a.on:hover, .subnav ul li li a.on:focus {background:#fcfcfb url(../images/grey_bullet.png) no-repeat 21px 9px;}

/* level 3 */
.subnav ul li li {width:150px;}
.subnav ul li li li a {padding-left:41px; color:#ec2028; background-position:31px 9px; width:130px; white-space:normal; }
.subnav ul li li li a:hover {background-position:31px 9px;}
.subnav ul li li li.first a,.subnav ul li li li.first a:hover,.subnav ul li li li.first a:focus {border:none;}
.subnav ul li.on li a,.subnav ul li.on li a:hover,.subnav ul li.on li a:focus {color:#8a8a89;background-position:31px 9px;}
.subnav ul li.on li a:hover, .subnav ul li.on li a:focus {color:#000 !important;background-position:31px 9px; }
.subnav ul li li li a.on, .subnav ul li li li a.on:hover { background-position:31px 9px;}

.footer {font-size:1.1em;float:left;clear:both;width:930px;margin:20px 0 20px 0; padding:20px; background:url(../images/footer_bg.gif) no-repeat 20px top;}
.footer, .footer a {color:#9ca4ad;}
.footer a {text-decoration:none;}
.footer a:hover, .footer a:focus {color:#000; text-decoration:underline;}
.footer .copy {width:200px;float:left;padding:5px 0 0 15px; color:#b7b7b7;}
.footer .footernav {float:left;width:500px;text-align:center;margin:11px 0 0 0}
.footer .willogo {float:right;width:196px;line-height:36px;margin:0 15px 0 0;}
.footer .willogo span {float:left;width:120px;display:block;}
.footer .willogo .thelogo {display:block;float:right;width:76px;height:36px;background:url(../images/logo-wiliam.gif) no-repeat;}

/* enquiry popup - don't forget the ie6 fixes - REMOVE IF NOT USING */
.jqmWindow {display: none;position: absolute;top: 10px;left: 50%;margin-left: -375px;width:758px;height:458px;background-color: #fff;color: #333;border: 1px solid #686868;padding: 0px;}
.jqmWindow .enqform {clear:both;background:#fff;}
.jqmWindow .enqform h2, .jqmWindow .enqform h3 {padding: 15px 0 5px 15px;margin:0;}
.jqmWindow table th,.jqmWindow table td {padding: 3px 25px;}
.jqmWindow table {width:100%;}
.jqmWindow table th {background-color:#fafafa;}
.jqmWindow table td {background-color:#f6f6f6;}
.jqmOverlay { background-color: #000; }
.jqmWindow {padding:0;}


/* jcarousel scrolling motion gallery - REMOVE IF NOT USING */
.page .maincontent .jcarousel-skin-tango.jcarousel-container {width: 419px; padding: 0px 26px;}
.page .maincontent .jcarousel-skin-tango .jcarousel-container-horizontal {padding:0px 26px;width:419px;}
.page .maincontent .jcarousel-skin-tango .jcarousel-clip {width: 419px; height: 110px;}
.page .maincontent .jcarousel-skin-tango .jcarousel-item {width: 133px; height: 100px; border-left:5px solid #fff; border-top:5px solid #fff; border-bottom:5px solid #fff; border-right:0px solid #fff; background:none;padding:0;}
.page .maincontent .jcarousel-skin-tango .jcarousel-item {background: #fff; color: #000;}
.page .maincontent .jcarousel-skin-tango .jcarousel-item a {background:none; padding:0;display:block;width:133px;margin: 0 auto;text-align:center}
.page .maincontent .jcarousel-skin-tango .jcarousel-item a img {width: auto; height: 100px; text-align: center; margin: 0 auto}
.page .maincontent .jcarousel-skin-tango .jcarousel-next {position: absolute; top: 0px; right: 0px; width: 26px; height: 138px; cursor: pointer; background: transparent url(../images/gallery_right.gif) no-repeat;}
.page .maincontent .jcarousel-skin-tango .jcarousel-prev {position: absolute; top: 0px; left: 0px; width: 26px; height: 138px; cursor: pointer; background: transparent url(../images/gallery_left.gif) no-repeat;}
.page .maincontent .jcarousel-container {position: relative; background:#f5f6f0;}
.page .maincontent .jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.page .maincontent .jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.page .maincontent .jcarousel-item {float: left; list-style: none; width: 75px; height: 75px; border:1px solid #e5e5e5;}
.page .maincontent .jcarousel-next,.jcarousel-prev {z-index: 3; display: none;}


/* home page content */
.featured_courses {background:url(../images/featured_course_bg.gif) no-repeat left top; width:423px; height:205px; padding:15px 17px; color:#333; float:left; }

.featured_courses .body {}
.featured_courses img.img { border:6px solid #fff; float:right; margin-left:10px;}
.home img.sep {padding:2px 0 14px 0;}

a.more {color:#ec2028; font-weight:bold; font-size:0.916em; background:url(../images/bullet.gif) no-repeat left 4px; padding-left:9px;}
ul.bullets {float:left; width:180px; list-style:none; margin:0;}
ul.bullets li {float:left;}
ul.bullets li a {background:url(../images/target_off.gif) no-repeat left top; width:10px; height:13px; float:left; padding:0 5px;}
ul.bullets li a.on {background:url(../images/target_on.gif) no-repeat left top; }


.homespot {float:left; padding-top:15px; width:220px;}
.homenews {width:220px; margin-left:16px;}
.homeevents {width:220px; margin-left:16px;}

.featured_courses h2 {background:url(../images/titles/featured_courses.gif) no-repeat left top; text-indent:-999em; float:left; width:134px; padding:0 0 5px 0;}
.course { display:none; }
.course.selected_course { display:block !important; }
.homespot h2 {text-indent:-999em; width:120px; float:left; padding:0 0 5px 0;}
.homenews h2 {background:url(../images/titles/latest_news.gif) no-repeat left top; }
.homeevents h2 {background:url(../images/titles/upcoming_events.gif) no-repeat left top; }

.homespot ul {list-style:none; }
.homespot ul li {background:url(../images/list-bullet.gif) no-repeat left 5px; padding-left:10px;}

.homespot h3, .featured_courses h3 {padding-top:0;}


.homebottomspots {clear:both; padding-top:20px; float:left; width:950px;}
.homebottomspots .homespot {padding:50px 90px 50px 14px; font-size:0.938em;height:30px;width:116px; margin-left:16px;}
.homebottomspots .homespot.homefirst {margin-left:0;}
.homebottomspots .homestudy { background:url(../images/homespots/study.jpg) no-repeat left top; }
.homebottomspots .hometeachers { background:url(../images/homespots/teachers.jpg) no-repeat left top; }
.homebottomspots .hometogether { background:url(../images/homespots/together.jpg) no-repeat left top; }
.homebottomspots .homemerchandise { background:url(../images/homespots/merchandise.jpg) no-repeat left top;  }
.homebottomspots a {font-size:1em;}

/* content page spots */
.contentspots {padding-top:6px; float:left; width:220px; font-size:1.083em; }
.contentspots .homespot {padding:50px 14px 20px 14px; font-size:0.938em; height:70px; float:left; margin:0; width:116px; padding-right:90px; background-repeat: no-repeat !important }
.contentspots .hometeachers { background:url(../images/homespots/teachers.jpg) no-repeat left top; }
.contentspots .hometogether { background:url(../images/homespots/together.jpg) no-repeat left top; }
.contentspots a {font-size:1em;}
.contentspots .homespot p {margin-bottom:5px; }

.contentspots .iwca {padding:12px 10px; height:58px; width:200px;}
.contentspots .iwca p { font-size:1em; line-height:1.2em; padding-top:6px; }

.iwca {background:url(../images/homespots/iwca.gif) no-repeat left top; width:200px; height:60px; padding:12px 10px 10px 10px; margin-top:7px;}
.iwca h2 {background:url(../images/titles/iwca_members_only.gif) no-repeat left 7px; width:140px; margin:0; padding:17px 0 0 0px;}
.iwca .login {background:url(../images/button/login.gif) no-repeat left top; text-indent:-999em; width:57px; height:22px; display:block; float:right;margin:0;}
.iwca p {font-size:0.938em; clear:both; margin:0;float:left; width:200px; line-height:1.2em; padding-top:4px; }

.homeevents ul {font-size:0.938em; color:#5d5d5d;}
.homeevents ul li {background:none; padding:0 0 5px 0;}
.homeevents ul li span {font-weight:bold;}

.flags {float:right; padding-top:48px}
.flags ul {list-style:none;}
.flags ul li { float:left; text-indent:-999em;  margin:0; padding:0;}
.flags ul li a {display:block; width:21px; height:14px; padding-right:2px;}
.flags ul li a:hover {background-position:left bottom !important;}

.page .maincontent .breadtop {background:url(../images/sep.png) no-repeat left bottom; width:479px; padding-bottom:10px; margin:0; display:inline-block; float:left; min-height:15px;}
.page .maincontent .breadcrumbs {width:380px; margin:0; padding:0; float:left; min-height: 15px; }
.page .maincontent .breadcrumbs ul {list-style:none; width:380px; float:left; min-height:15px; font-size:0.916em; color:#666; padding:0; margin:0;}
.page .maincontent .breadcrumbs ul li {padding-left:5px; background:none; display:inline; height:15px; }
.page .maincontent .breadcrumbs ul li.first {padding-left:0;}
.page .maincontent .breadcrumbs ul a {background:url(../images/bullet.gif) no-repeat right 4px; padding:0 11px 0 0; display:inline; }
.page .maincontent .breadcrumbs ul li.first a {padding-left:0;}

/*print and email icons*/
.print-email-icons {float:right; width:60px; }
.print-email-icons a {  padding:0 6px 0 0; height:16px; width:10px; margin-right:8px; text-indent: -99999px; display:block; float:left; clear:none; outline:none;}
.print-email-icons a.print {background: url(../images/print.gif) no-repeat;}
.print-email-icons a.email {background: url(../images/email.gif) no-repeat; }
.highlightareatop { background:url(../images/highlightarea_top.gif) left top;}

.testimonial {width:220px; float:left; font-size:0.938em;padding: 0px 0 5px 0px;  margin:12px 0 0 0px; background:#f5f6f0 url(../images/testimonial/bottom.gif) no-repeat left bottom; padding-bottom:10px;}
.testimonial .testimonialtop {background:url(../images/testimonial/top.gif) no-repeat left bottom; width:220px; height:8px;  float:left; margin:0; padding:0;}
.testimonial h3 {color:#666;padding-left:10px; margin-top:0; font-size:1.272em; clear:both; width:210px;}
.testimonial p {margin-left:10px;}
.testimonial img {float:left; width:80px; padding:0 10px 10px 10px; border:5px solid #fff;}
.testimonial .sep {background:#f0f2e9 url(../images/testimonial/sep.gif) no-repeat left top; width:220px; height:6px; margin:10px 0;}

.page .maincontent ul, .page .maincontent ol {color:#0089d0; clear:both; margin-left:40px;}
.page .maincontent ul {list-style:none; /*padding-left:10px;*/}
.maincontent ul li, .maincontent ol li {padding-bottom:4px;}
.page .maincontent ul li  {background:url(../images/main_bullet.png) no-repeat left 5px; padding-left:10px;}

.page .maincontent ol {font-weight:bold; list-style-position:inside;}
.page .maincontent ol li {font-weight:normal;}

.video_gallery {background:url(../images/video_gallery_bg.png) no-repeat left top; width:471px; height:191px; padding:10px 4px; clear:both;}
.video_gallery h2 {color:#666;padding:4px 0 12px 10px;}
.video_gallery h4 {padding-bottom:1em; }


.page .maincontent .sep {background:url(../images/sep.png) no-repeat left top; width:477px; height:1px; margin:15px 0; float:left;}

.page .maincontent p a {font-size:0.938em; font-weight:bold;}

.page .maincontent img.img {border:6px solid #f5f6f0;margin:0; padding:0;}
.page .maincontent img.instructor {float:right; margin-left:10px;}


.page .maincontent .boxtop {background:url(../images/content_box_top.png) no-repeat; height:11px; width:479px; font-size:0.1em; margin-top:10px; clear:both; float:left;}
.page .maincontent .box {background:url(../images/content_box_bottom.png) no-repeat left bottom; width:479px; padding:0px 0 10px 0;  margin-bottom:15px; clear:both;float:left;}
.page .maincontent .box ul {padding-left:20px; padding-top:10px; margin-left:0;}
.page .maincontent .box ul li {padding-bottom:10px; background:url(../images/list-bullet.gif) no-repeat left 5px; padding-left:10px;}
.page .maincontent .box input.text {margin-left:10px;}
.page .maincontent .box label {padding-left:20px;}
.page .maincontent .box ul.ulbox {float:left; width:214px; clear:none; list-style:none; /*margin-left:20px;*/}
.page .maincontent .box ul.ulbox li {list-style:none; list-style-position:outside;}
.page .maincontent .box input {margin:0; padding:2px 0; float:left;}
.page .maincontent .box input.go {margin-left:10px;}


/*.page .maincontent ul li a {background:url(../images/list-bullet.gif) no-repeat left 5px; padding-left:10px;}*/


.page .maincontent div.pagingdiv, .result_links_nav_content  {text-align:center; }
.page .maincontent div.pagingdiv ul.paging, .result_links_nav_content ul.paging {  color:#494949; font-weight:bold; margin:0 auto; width:100%;}
.page .maincontent div.pagingdiv ul.paging li, .result_links_nav_content ul.paging li {display:inline; background: none; padding: 0; }
.page .maincontent div.pagingdiv ul.paging li a, .result_links_nav_content ul.paging li a {background:none; display:inline-block; clear:none;  font-weight:normal; padding-left:1px; width:13px; }
.page .maincontent div.pagingdiv ul.paging li a.on, .result_links_nav_content ul.paging li a.on {color:#666;}
.page .maincontent div.pagingdiv ul.paging li span, .result_links_nav_content ul.paging li span {display:table-cell; display:inline-block; width:10px; height:14px; float:none; text-align:center;}
.page .maincontent div.pagingdiv ul.paging li span.next, .result_links_nav_content ul.paging li span.next { background:url(../images/black_bullet.png) no-repeat 1px 6px; text-indent:-999em !important;padding:0 10px 0 0px;}
.page .maincontent div.pagingdiv ul.paging li span.prev, .result_links_nav_content ul.paging li span.prev { background:url(../images/blackback_bullet.png) no-repeat 11px 6px; text-indent:-999em !important;padding:0 0px 0 10px;  }
.page .maincontent div.pagingdiv ul.paging li a.nexton, .result_links_nav_content ul.paging li a.nexton { background:url(../images/red_bullet.png) no-repeat 6px 4px; text-indent:-999em !important; width:10px; display:inline-block; height:12px; padding:0 5px;}
.page .maincontent div.pagingdiv ul.paging li a.prevon, .result_links_nav_content ul.paging li a.prevon { background:url(../images/redback_bullet.png) no-repeat 10px 4px; text-indent:-999em !important; width:10px; display:inline-block; height:12px; padding:0 5px;}

:first-child+html .page .maincontent div.pagingdiv ul.paging li span,  .result_links_nav_content ul.paging li span { padding:0 5px;}
*html .page .maincontent div.pagingdiv ul.paging li span,  .result_links_nav_content ul.paging li span { padding:0 5px;}

/* search results */
.page .maincontent .result {padding:10px 0;}
.page .maincontent .result p a {font-weight:normal;}

/* news list */
.news_list {padding-bottom:20px; clear:both; float:left; width:470px;}
.news_list .image {float:left; width:156px;}
.news_list .image img { border:6px solid #fff; margin-right:10px;}
.news_list .text {float:left; width:310px; }
.news_list h3 {padding-bottom:0.3em; padding-top: 0}
.news_list .text p {margin:0 0 0.5em 0;}
p.date {color:#999999; padding:0 0 0.5em 0; margin:0; font-size:0.916em;}
a.img img { border:6px solid #F5F6F0 !important;}

/* article list */
.article_list {width:470px;}
.article_list .text {width:470px;}

/* historical timeline */
.timeline .image {width:90px;}

/* credential list */
.credential_list {padding-bottom:20px; clear:both; float:left; width:470px;}
.credential_list .image {float:left; width:106px;}
.credential_list .image img { border:6px solid #fff; margin-right:10px;}
.credential_list .text {float:left; width:310px; }
.credential_list h3 {padding-bottom:0.3em;}

/* forms */
.box_list {float:left; width:154px; margin:10px 0px 0 9px; padding:0; min-height:230px;background:url(../images/forms/box_bottom.gif) no-repeat left bottom; display:inline;}
.box_list.box_listfirst {margin-left:0;}
.box_listtop {float:left; width:132px;margin:0; padding:0 11px 0 11px;background:url(../images/forms/box_top.gif) no-repeat left top; height:10px; font-size:0.001em; }
.box_listbody {float:left; width:132px;margin:0; padding:0 11px 0 11px;font-size:0.938em; color:#494949; text-align: center;}
.box_listbody img {margin:0; padding:0; border:0;}
.box_listbody h3 {width:130px; padding:7px 0 5px 0; text-align:center; }
.box_listbody p {width:130px; }

/* video detail page*/
.tabscontenttop { background:url(../images/tabs_content_area_top.gif) no-repeat left top; height:9px; font-size:0.1em; width:453px; }
.page .maincontent .tabscontent { background:url(../images/tabs_content_area.gif) no-repeat left bottom; width:429px; padding:10px 12px; float:left; }
.page .maincontent .tabscontent div.video {float:left; width:422px; padding:0 0px 0 5px; }
.page .maincontent .tabscontent div.video_prev { margin-left:-23px; float:left; padding-top:100px;overflow:hidden; position:relative;}
.page .maincontent .tabscontent div.video_prev a {background:url(../images/video_left.gif) no-repeat left top; width:23px; height:39px;display:block; text-indent: -999999px }
.page .maincontent .tabscontent div.video_next {margin-right:-23px; float:right; padding-top:100px; overflow:hidden; position:relative;}
.page .maincontent .tabscontent div.video_next a {background:url(../images/video_next.gif) no-repeat right top; width:23px; height:39px; display:block; text-indent: -999999px}
.videoplayer {margin-bottom:20px;}
.videobg { padding: 1em 13px; background:url(../images/videos_bg.png) no-repeat left bottom; float:left; width:453px; }

#faq table {margin-left:22px; clear:both;}
#faq table tr {padding:3px 0;}
#faq th {font-weight:bold; text-align:left;}
#faq th.date {width:270px;}
#faq th.type {width:120px;}
#faq th.location {width:80px;}

.ui-accordion-group {clear:both; float:left; background:url(../images/faq.png) no-repeat left bottom; margin-bottom:10px; padding-bottom:10px; width:479px;}
.ui-accordion-content { padding:10px 31px 10px 31px; float:left; clear:both; width:417px;}
.ui-accordion-header {padding:13px 10px 0px 10px;background:url(../images/faq_top.png) no-repeat left top;  }
.ui-accordion-header h3 {background:url(../images/plus.png) no-repeat left top; padding:0 0 4px 20px; cursor:pointer;}
.ui-accordion-header.selected {display:inline-block;}
.ui-accordion-header.selected h3 {background:url(../images/minus.png) no-repeat left top;} 
.page .maincontent .ui-accordion-content .sep {margin-top:0;margin-left:-30px;}

.page .maincontent div.expandcollpase {font-size:0.938em; clear:both;}
.page .maincontent div.expandcollpase a {margin-right:30px; padding:0 0 0 20px; cursor:pointer; color:#666;}
.page .maincontent div.expandcollpase a.expandAll {background:url(../images/plus.png) no-repeat left top;}
.page .maincontent div.expandcollpase a.collapseAll {background:url(../images/minus.png) no-repeat left top;}

/* contact us */
.image.map {float:right;}
p.address {font-size:1.166em; }
.contact_list {width:440px; background:url(../images/sep.png) no-repeat left bottom; clear:both; padding:25px 0 15px 0;}
.contact_list tr {height:20px;}
.contact_list th {font-weight:bold; width:45px; text-align:left;}
a.enquire {background:url(../images/button/enquire-online.gif) no-repeat; width:140px; height:29px; text-indent:-999em; display:block; float:right; margin-top:10px;}
a.enquire.buttontop { position: absolute; right: 0; top: 48px}


/* article page */
table.article {width:478px;}
table.article tr { vertical-align:top}
table.article tr td.tdsep { background:url(../images/sep.png) no-repeat left top; height:10px;}
table.article th {font-weight:bold; font-size:1.166em;height:30px;}
table.article td {height:60px;}
table.article th.title {text-align:left; width:250px; padding-right:100px;}
table.article th.date {padding-right:20px; width:85px;}
table.article td a {font-size:1.166em; font-weight:bold;}
table.article td.date {color:#999; font-size:0.916em; text-align:right; padding-right:30px;}

/* wing chun */
a.fitness { background:url(../images/wingchun/fitness.gif) no-repeat left top; height:167px; float:left; width:154px; text-indent:-999em;}
a.history { background:url(../images/wingchun/history.gif) no-repeat left top; height:167px; float:left; width:154px;text-indent:-999em; margin-left:8px;}
a.coreConcepts { background:url(../images/wingchun/core.gif) no-repeat left top; height:167px; float:left; width:154px;text-indent:-999em;margin-left:8px;}
a.fivePrinciples { background:url(../images/wingchun/five.gif) no-repeat left top; height:167px; float:left; width:479px;text-indent:-999em; margin-top:10px;}
a.chiSau { background:url(../images/wingchun/chi.gif) no-repeat left top; height:167px; float:left; width:154px;text-indent:-999em; margin-top:10px;}
a.forms { background:url(../images/wingchun/forms.gif) no-repeat left top; height:167px; float:left; width:154px;text-indent:-999em;margin-left:8px; margin-top:10px;}
a.thoughtForce { background:url(../images/wingchun/thought.gif) no-repeat left top; height:167px; float:left; width:154px;text-indent:-999em;margin-left:8px; margin-top:10px;}

a.fitness:hover { background-position: left bottom;}
a.history:hover { background-position: left bottom;}
a.coreConcepts:hover { background-position: left bottom;}
a.fivePrinciples:hover { background-position: left bottom;}
a.chiSau:hover { background-position: left bottom;}
a.forms:hover { background-position: left bottom;}
a.thoughtForce:hover { background-position: left bottom;}

/* lineage page */
div.lineage {}
div.lineage .imageline-1 {clear:both;padding-left:182px; height:58px;}
div.lineage .imageline-13 {clear:both;padding-left:178px; height:58px;}
div.lineage .imageline-2 {clear:both;padding-left:121px;}
div.lineage .imageline-1left {clear:both;padding-left:121px;}
div.lineage .imageline-2left {clear:both;padding-left:61px;}
div.lineage .imageline-4 {clear:both;padding-left:0;}
div.lineage .imageline-1right {clear:both;padding-left:240px;}
div.lineage a {display:block;width:120px; height:58px; float:left; text-indent:-999em; }
div.lineage a.ngmei { background:url(../images/lineage/ngmui.gif) no-repeat left top; }
div.lineage a.yimwingchun { background:url(../images/lineage/yimwingchun.gif) no-repeat left top; }
div.lineage a.leungbocto { background:url(../images/lineage/leungbokchau.gif) no-repeat left top; height:58px; width:125px; }
div.lineage a.leungyeetai { background:url(../images/lineage/leungyeetai.gif) no-repeat left top; height:62px; }
div.lineage a.wongwahpo { background:url(../images/lineage/wongwahbo.gif) no-repeat left top; height:51px; }
div.lineage a.leungjan { background:url(../images/lineage/leungjan.gif) no-repeat left top; height:58px; width:125px; }
div.lineage a.chanwahshun { background:url(../images/lineage/chanwahshun.gif) no-repeat left top; height:58px;  width:119px; }
div.lineage a.leungbik { background:url(../images/lineage/leungbik.gif) no-repeat left top; height:58px; width:118px;}
div.lineage a.yipman { background:url(../images/lineage/yipman.gif) no-repeat left top; height:51px;  }
div.lineage a.leungseung { background:url(../images/lineage/leungseung.gif) no-repeat left top;  height:63px; width:119px;}
div.lineage a.lokyu { background:url(../images/lineage/lokyiu.gif) no-repeat left top;  height:63px; width:121px;}
div.lineage a.tsuiseungtin { background:url(../images/lineage/chushongtin.gif) no-repeat left top; height:63px; width:121px; }
div.lineage a.wongshunleung { background:url(../images/lineage/wongshunleung.gif) no-repeat left top; height:63px; width:119px; }
div.lineage a.jimfung { background:url(../images/lineage/jimfung.gif) no-repeat left top; height:57px; width:116px; }
div.lineage a.chiefinstructors { background:url(../images/lineage/chiefinstructors.gif) no-repeat left top; height:47px; width:116px; }
div.lineage a:hover { background-position:left bottom;}

/* languages popup */
.lang {}
.lang .home .maincontent {width:930px; min-height: 300px}
.lang .page .maincontent {width:700px; min-height: 300px}
.lang .header h1 {padding: 0;cursor:default; float:left; margin-top:18px; display:block; text-indent: -99999px;background-repeat: no-repeat}
.lang .maincontent h1 {padding-top: 0}
.lang ul.nav {width:100%; padding-top:12px; height:27px; float:left;}
.lang ul.nav li {text-indent:0 !important; padding-left:30px;text-indent:0; color:#fff; font-size:1.166em; float:left;}
.lang ul.nav li a  {color:#fff; text-transform:uppercase; display:inline;}
.lang ul.nav li a.on {color:#6fd1ff;}

.lang .spot {background:url(../images/lang/spot_bg.png) no-repeat left top; width:208px; padding:7px; height:330px; float:left; margin-left:14px;margin-top: 10px}
.lang .spot.spotfirst {margin-left:0;}
.lang .spot .image {text-align: center; margin: 4px auto}
.lang .spot .image img {border:6px solid #fff; margin-bottom:10px;float: none; margin: 0}
.lang .spot h2 {color:#0089d0;padding: 7px;}
.lang .spot p {padding: 7px}
.lang .spot a.more {margin: 7px}
.lang .maincontent img {border:7px solid #f5f6f0; float:left; margin-right:10px;}

/*photo grid */
.photo_grid {padding-top:20px;  float:left; width:160px;}
.photo_grid .image {float:left; width:156px;height: 130px}
.photo_grid .image img { border:6px solid #fff; margin-right:10px;}
.photo_grid .text {float:left; width:310px; }
.photo_grid h3 {padding-bottom:0.3em;}
.photo_grid span {margin: 3px; display: block}


.wingchun-symbols {float: left; background: url(../images/wingchun_symbols.gif) no-repeat; width: 200px; height: 201px }

/* newly added pages */
.principlecontainer { padding: 1em 13px; background: #fff; background:url(../images/videos_bg.png) no-repeat left bottom; float:left; width:463px;}
.principlecontainer .imagewithtext {width:415px; }
.principlecontainer .imagewithtext .text {float:right; width:180px;}


.imagewithtext {clear:both; float:left; margin-bottom:10px; padding-top:10px; width:480px;}
.imagewithtext div.text {float:left; width:250px;}
.imagewithtext div.text span {color:Red;}

.caption {background:#F5F6F0; width:200px; float:left; padding:0 6px 6px 6px; margin-bottom:10px;}
.caption .img {width:20px;}
.caption a {display:block; width:20px; float:left; } 
.captiontext {padding-left:2px; float:left; width:170px; font-size:0.833em; color:#333; }
.imagecaption {clear:both; margin-bottom:10px;}
.imagecaptionleft {padding-right:10px; float:left; width:212px;}
.imagecaptionright {padding-left:10px; float:right; width:212px;}

div.nextprev {clear:both;font-weight:bold;}
a.previous { background:url(../images/bullet-left.gif) no-repeat left 4px; padding-left:10px; float:left; }
a.next { background:url(../images/bullet.gif) no-repeat right 4px; padding-right:10px; float:right; }
.page .maincontent .sep.nomg {margin-top:0;}
.page .maincontent .sep.nobottommg {margin-bottom:0;}
span#instructor {font-weight:bold; color:#ec2028;}

p.instructor {padding-left:140px; color:#8a8a89;}
p.instructor.sub {padding-left:130px; font-size:0.938em;}
a.top {background:url(../images/bullet-top.gif) no-repeat right 7px; padding-right:10px; text-align:right; clear:both;font-weight:bold; display:block; }

/* print only */
.printheader {display:none; font-size:1px; height:1px; overflow:hidden; line-height:1px; margin:0; padding:0;}
.printheader img {height:1px; visibility:hidden; overflow:hidden; font-size:1px; display:block;}
.locationmap {padding-left:35px;}
.h2sep {background: url(../images/sep.png) no-repeat left bottom !important; float:left; height: 1.5em !important; width:477px; margin: 0; padding: 20px 0 10px 0; display:block; margin-bottom:10px;}
.h3sep {background: url(../images/sep.png) no-repeat left bottom !important; float:left; height: 1.7em !important; width:477px; margin: 0; padding: 5px 0 10px 0; display:block; margin-bottom:10px;}
.branch .h2sep h2 {float:left; width:400px; padding:0; }
.branch .h2sep a.top {float:right; clear:none; width:64px; }

.mediaarticles {margin-top: 15px; clear:both; float:left; background: white url(../images/media-articles-bg.gif) no-repeat 0 0; width: 448px; height: 176px; padding:8px 16px 16px 16px;}
.mediaarticles span {background: none !important; color: #494949; font-size: 0.85em; font-weight: normal; padding: 0 !important; list-style: none; }
.page .mediaarticles ul {margin-left:0;}
.page .mediaarticles ul li { background: none; padding: 0 }
.page .mediaarticles h3 { padding: 0.4em 0 }

.quotearea {background:#f5f6f0; float:left; display:block; clear:both; padding:10px; width:459px; color:#626260; line-height:1.5em; margin-bottom:20px;}
.quotearea .image {float:left; width:90px;}
.quotearea .text { background:url(/content/upload/images/templates/fitnesspurpose/quotestart.gif) no-repeat left top; padding-top:50px; float:left; margin-left:10px; width:330px;}
.quotearea .signature {clear:both; background:url(/content/upload/images/templates/fitnesspurpose/quoteend.gif) no-repeat right bottom; padding:20px 50px 0 100px; font-weight:bold;}

/* buttons */
input.btn {text-indent:-999em; border:0; cursor:pointer; font-size:0px; overflow:hidden; line-height:0;}
.send {background:url(/images/button/send.gif) no-repeat left top; width:60px; height:24px;}
div.video_large { width: 100%; text-align: center; margin-bottom: 16px; z-index: 0 }
#UpdatePanel1 {width:537px; padding:10px;}
ul.branchcourses {padding-top:7px;}

/* branch general info gallery */
.general-gallery {float: right; margin-left: 25px; width: 204px; height: 174px; padding: 0 20px 0 0}
.stepcarousel { background: #F5F6F0;position: relative; /*leave this value alone*/overflow: scroll; /*leave this value alone*/width: 204px; /*Width of Carousel Viewer itself*/height: 164px; /*Height should enough to fit largest content's height*/padding-bottom: 5px;overflow: hidden}
.stepcarousel img {padding: 4px;}
.stepcarousel p {text-align: center; font-size: 0.85em; line-height: 10px}
.stepcarousel .belt{position: absolute; /*leave this value alone*/left: 0;top: 0;}
.stepcarousel .panel{float: left; /*leave this value alone*/overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/margin: 0; /*margin around each panel*/width: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ }

/* google search */
.result_links_nav_content ul.paging li a.google-next { background:url(../images/red_bullet.png) no-repeat 6px 4px; text-indent:-999em !important; width:10px; display:inline-block; height:12px; padding:0 5px;}
.result_links_nav_content ul.paging li a.google-prev { background:url(../images/redback_bullet.png) no-repeat 10px 4px; text-indent:-999em !important; width:10px; display:inline-block; height:12px; padding:0 5px;}

/* ++++++++++++++++++++++   Admin area    ++++++++++++++++++++++++++++++++++++++++++  */
.admin .header {padding-bottom:12px; margin:0; }
.admin .header .logo {margin-left:-1px; margin-top:20px; padding-bottom:26px;}
.admin .maincontent {width:690px; }
.admin h1 {padding-top:8px;}
.admin .loginarea { float:right; width:340px; text-align:right; font-size:1.166em;}
.admin .loginarea a { font-weight:bold; color:#ec2028;}
.admin .bannertop { background:url(../images/admin/header_top.gif) repeat-x left top; height:5px; width:980px; float:left; clear:both; margin:0;}
.admin .subnavcol {padding-top:20px;}
.admin .box { float:left; width:310px; font-size:1.166em; padding:25px 0 10px 50px;}
.admin .box.boxfirst { padding-left:0px; clear:both;}
.admin .box .image { float:left; width:90px;}
.admin .box .text { float:left; width:210px;}
.admin .box .text p {clear:both;border-top:1px solid #cccdc8; padding-top:10px;}
.admin .box .text h3 {float:left; font-size:1em; padding:0 0 0.3em 0;}
.admin .box .text ul {list-style:none; clear:both; border-top:1px solid #cccdc8; padding-top:10px;}
.admin .box .text ul li {list-style:none;}
.admin .box .text span {text-align:right; float:right; font-size:0.936em;}
.admin .box .text a.more { background:none; font-weight:normal; text-align:right; }
.admin .error {margin-bottom: 15px;}
.admin .error ul {padding-left: 15px;}
.admin .success {color: Green}
.admin .fail {color: Red}

.admin .maincontent .tabscontent { background:#f5f6f0; border:1px solid #e0e1de; padding:10px 10px 10px 13px;}
.admin .maincontent label { font-weight:normal; float:left; color:#000; font-size:1em; line-height: 0.8em}
.admin .maincontent input.text { width:318px; border:1px solid #e0e1de; }
.admin .maincontent .form textarea.text { width:320px; border:1px solid #e0e1de; height:78px; }
.admin .maincontent .form textarea.textlarge {width:685px; height:362px;}
.admin .maincontent table.form {width:696px;}
.admin .maincontent table.form th { text-align:left;  padding-right:13px; padding-top:10px;}
.admin .maincontent table.form th.label { width:327px;}
.admin .maincontent table.form th.description { width:167px;}
.admin .maincontent table.form th.filler { width:168px;}
.admin .maincontent table.form td { vertical-align:middle;}
.admin .maincontent table.form td.label {width:327px; padding-right:6px;}
.admin .maincontent table.form td.description { background:#eeeeeb; font-size:0.938em; color:#666; padding:0 4px 0 10px; width:167px;}
.admin .maincontent table.form td.filler { width:168px;}
.admin .maincontent table.form th span {text-align:right; font-size:0.857em; float:right; vertical-align:bottom;}
.admin .maincontent table.form th label span  {float:none; color:#666;}
.admin .maincontent input.button { background:none; border-top:1px solid #999; border-left:1px solid #999; border-right:2px solid #999; border-bottom:2px solid #999;}
.admin .maincontent div.buttons { text-align:right; padding-top:6px;}
.admin h1 {background:url(../images/sep.png) no-repeat left bottom; width:500px; margin-bottom:20px}

.admin div.title {clear: both; float: none}
.admin div.title h3 {line-height: 20px;width: auto; display: block; float: left}
.admin div.title a {line-height: 45px; margin-left: 20px; display:block; float: left}
.admin .legend {margin-top: 10px}
.admin .legend .key {width: 75px; height: 25px; border: solid 1px #666; font-size: 0.9em; text-align: center; color: #000; padding: 22px 0; float: left; margin: 0 9px 9px 0}
.admin .timetable-heading {font-weight: bold; margin: 5px 0}
.admin .timetable-heading td {width: 84px}
.admin .timetable-heading td.first {width: 71px !important}
.admin .timetable-appointment table {width: auto !important; height: auto !important}
.admin .timetable-appointment div {float: none; clear: both; margin: 20px 0; padding-bottom: 15px}
.admin .timetable-appointment label {display: block; width: 120px; float: left; font-size: 14px; font-weight: bold}
.admin .timetable-appointment select {display: block; width: 150px; float: left; font-size: 14px; height: 20px; line-height: 20px}
.admin .timetable-appointment select.small {width: 50px !important; margin: 0 2px 0 0; padding: 0}
.admin .dxeBase {line-height: 16px !important}

.admin table.edit-table {width: 100%}
.admin table.edit-table tr th {font-weight: bold; width: auto; text-align: left; padding: 4px}
.admin table.edit-table tr td {width: auto; padding: 4px;}
.admin table.edit-table tr.alt td {background: #FCFCFB}
.admin .maincontent .form .ui-tabs-panel {position: relative}

.admin.popup {background: white; width: 95%;  overflow-x: hidden}
.admin.popup .maincontent {width: 99%; margin: 10px; padding: 0; overflow-x: hidden}
.admin.popup hr {width: 100%; margin: 5px 0}
.admin.popup h1 {width: 100%; margin: 0 0 20px 0; padding: 0 0 10px 0; color: #095E8A; font-size: 1.6em}
.admin.popup body {background: white none;}
.admin.popup label {font-size: 14px; font-weight: bold;}
.admin.popup input.text {font-size: 14px; line-height: 18px}
.admin.popup select {font-size: 14px; height: 25px }
.admin.popup div.edit-form div {margin-bottom: 15px}
.admin.popup table tr td {padding-bottom: 10px}
.admin.popup table.mceLayout {border-collapse: separate}
.admin.popup table.mceLayout tr td {padding: 0}
.admin.popup table.mceLayout tr td div {margin: 0}

/* branch timetable */
.branch-timetable {clear: both; padding-bottom: 20px}
.branch-timetable table {border-collapse:separate}
.branch-timetable .dxscDayScrollContainer {border-top: solid 1px #EEF4F5; overflow: hidden}
.branch-timetable table tr td.dxscTimeCellBody_PlasticBlue {border: solid 1px; font-size: 10px; font-weight: normal}
.branch-timetable table tr td.dxscTimeRulerHoursItem_PlasticBlue {font-size: 12px; font-weight: bold; width: 16px; color: #666; text-align: right;}
.branch-timetable table tr td.dxscTimeRulerMinuteItem_PlasticBlue {font-size: 8px; width: 12px; color: #666;  text-align: right; padding-right: 4px}
.branch-timetable table tr td label {font-size: 10px; color: black; font-weight: normal; /*display: none*/}
.branch-timetable div.dxscAppointment_PlasticBlue {border: solid 1px #EEF4F5; text-align: center; vertical-align: middle; margin: auto auto}
.branch-timetable div.dxscAppointmentInnerBorders_PlasticBlue {display: none}
.branch-timetable table tr td {height: 6px !important}
.branch-timetable .timetable-heading {font-size: 10px; margin: 4px 0}
.branch-timetable .timetable-heading td {width:62px}
.branch-timetable .timetable-heading td.first {width: 30px}
.branch-timetable h3 {color: #999}
.branch-timetable .legend {margin-top: 10px; clear: both; float: none; min-height: 65px}
.branch-timetable .legend .key {width: 55px; height: 28px; border: solid 1px #666; font-size: 0.9em; text-align: center; color: #000; padding: 10px 0; float: left; margin: 0 5px 5px 0}