html, body {
    height: 100%;
}

#aspnetForm {
    height: 100%;
}

.infoPanel, .successPanel, .failurePanel, .warnPanel {
    padding: 10px;
    margin-top: 10px;
}

#page {
    width: 996px;
    min-height: 100%;
    margin: auto;
    position: relative;
}

#header {
    /*height: 265px;*/
    height: 245px;
    /*padding-bottom: 25px;*/
}

#header .tr {
    height: 210px;
}


#subHeader {
    height: 35px;
}

#topLinks {
    height: 25px;
}

#mainBanner {
    height: 100px;
    overflow: hidden;
}

/* it's banner placeholder */
#mainBanner div {
    /*border: solid 1px lightgrey;*/
    width: 982px;
    /*height: 130px;*/
    margin-left: 7px;
    text-align: center;
}

#mainBanner div a {
    /*display: block;*/
    /*max-width: 982px;*/
    /*max-height: 130px;*/
    /*margin: auto;*/
}

#mainBanner div a img {
    max-width: 982px;
    /*max-height: 130px;*/
}

#headerBottom {
    height: 85px;
}

/* logo */
#headerBottom > a {
    margin-left: 8px;
    margin-top: 8px;
    display: block;
    float: left;
}

/* ~commonLogin */
#commonLogin {
    height: 85px;
    margin-right: 15px;
    float: right;
    position: relative;
}

#commonLogin .anonymous {
    height: 85px;
}

#commonLogin .anonymous .failure {
    display: block;
    float: none;
    height: 20px;
    line-height: 20px;
}

#commonLogin .anonymous > div {
    float: left;
    margin-right: 5px;
}

#commonLogin .anonymous > div label {
    display: block;
}

#commonLogin .anonymous > div input {
    width: 120px;
}

#commonLogin .anonymous > div a {
    display: block;
    padding-top: 4px;
}

#commonLogin .anonymous .rememberMe {
    line-height: 45px;
}

#commonLogin .anonymous .rememberMe input {
    vertical-align: middle;
    border: none;
    width: auto;
}

#commonLogin .anonymous .rememberMe label {
    display: inline;
}

#commonLogin .anonymous .loginButton,
#commonLogin .logged .logoutButton {
    position: absolute;
    right: 0;
    bottom: -6px;
    height: 36px;
    width: 91px;
    border: none;
    display: block;
    cursor: pointer;
    line-height: 36px;
    text-align: center;
}

#commonLogin .logged {
    height: 75px;
    padding-top: 10px;
    padding-right: 60px;
}

/* ~commonLogin */

/* mainMenu */
#mainMenu {
    height: 50px;
}

#mainMenu > a {
    display: block;
    height: 50px;
    float: left;
    line-height: 43px;
    padding: 0 20px 0 20px;
}

#mainMenu > a:first-child {
    padding: 0;
}

#mainMenu .RadMenu_FamilyMain 
{
	height: 43px;
	z-index: 100 !important;
}

#mainMenu .RadMenu_Family a {
    cursor: pointer !important;
    padding: 0 2px 0 3px !important;
}

/*
#mainMenu .RadMenu_Family a span {
    padding: 0 15px 0 15px !important;
}
*/

#mainMenu .RadMenu_Family > .rmRootGroup > .rmItem > a {
    height: 50px;
    line-height: 43px;
}

#mainMenu .RadMenu_Family .rmText {
    padding: 0 15px 0 14px !important;
    margin: 0 !important;
}

#mainMenu .RadMenu_Family .rmVertical a {
    height: 25px;
    line-height: 25px;
    min-width: 120px;
}
/* ~mainMenu */

#contentWrapper .childrenContent {
    padding: 8px !important;
}

#contentWrapper .childrenContent #mainMenu {
    display: none;
}

#childrenMenu,
#childrenMenu2 {
    width: 980px;
    height: 265px;
}

#childrenHeader {
    margin-left: -15px;
    margin-right: -15px;
}

#childrenHeader > div {
    height: 70px;
    line-height: 70px;
    text-indent: 80px;
}


#contentWrapper .childrenContent #content {
    min-height: 270px;
    padding-top: 10px;
    padding-right: 38px;
    padding-left: 38px;
}

/* temp ? */
#contentWrapper .childrenContent #content object {
    display: block;
    margin: auto;
    margin-top: 70px;
    margin-bottom: 70px;
}

#contentWrapper .childrenContent #content .contentDetails object {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#footer {
    height: 190px;
    position: absolute;
    right: -16px;
    bottom: 0;
    left: -16px;
}

#footerMenu {
    height: 55px;
    line-height: 63px;
    text-align: center;
}

#footerMenu a {
    padding: 0 18px 0 18px;
}

#eu img {
    display: block;
    margin: auto;
    padding-top: 10px;
}

#eu p {
    width: 520px;
    margin: auto;
    padding: 10px 0 10px 0;
    text-align: center;
    line-height: 1;
}

#copyrights {
    height: 25px;
    line-height: 25px;
    text-align: center;
}

#content {
    padding-bottom: 210px;
}

#content > .richContent {
    padding: 1em;
}

#contentWrapper .content {
    padding: 10px;
}

#contentView {
    float: left;
    width: 600px;
    padding: 15px 16px 0 0;
}

#sidebar {
    float: left;
    width: 360px;
}

.wideContentView {
    width: 830px !important;
}

.narrowSidebar{
    width: 130px !important;
}


/* categoriesList */
.categoriesList {
    width: 360px;
    margin: 20px 0 30px 0;
}

.categoriesList h3 {
    display: block;
    height: 34px;
    line-height: 34px;
    text-indent: 25px;
}

.categoriesList ul {
    list-style-type: none;
}

.categoriesList ul li {
    display: block;
    height: 34px;
    line-height: 34px;
    overflow: visible;
}

.categoriesList ul li.current {
    line-height: 32px;
}

.categoriesList ul li div {
    height: 34px;
    width: 350px;
    padding-left: 8px;
}

.categoriesList ul li.current {
    z-index: 100;
    position: relative;
}

.categoriesList ul li.current div {
    height: 44px;
}

.categoriesList ul li a {
    display: block;
    white-space: nowrap;
    height: 34px;
    width: 350px;
}

.categoriesList ul li a em {
    display: block;
    float: left;
    max-width: 290px;
    text-indent: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.categoriesList ul li a span {
    display: block;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}
/* ~categoriesList */

/* categoriesPanelBar */
.categoriesPanelBar {
    width: 352px;
    margin: 20px 0 30px 0;
    padding-left: 8px;
}

.categoriesPanelBar .tr > h3 {
    display: block;
    height: 34px;
    line-height: 34px;
    text-indent: 30px;
}

/* ~categoriesPanelBar */

/* sidebarSection */
.sidebarSection {
    width: 350px;
    min-height: 300px;
    margin: 20px 0 20px 0;
    padding: 7px 0 0 10px;
}

.sidebarSection h3 {
    height: 26px;
    line-height: 26px;
    text-indent: 20px;
}

.sidebarSection .content {
    padding: 10px;
}

/* ~sidebarSection */

ul.tagCloud li {
	display: inline;
	padding: 0 5px 5px 0;
}

/* master */
.currentCategoryTagInfo {
    height: 50px;
    line-height: 50px;
    text-indent: 15px;
}

.contentMaster ul.contentList,
ul.sf_newsList,
ul.sf_eventsList {
    margin-top: 10px;
}

.contentMaster ul.contentList > li,
ul.sf_newsList > li,
ul.sf_eventsList > li {
    padding: 15px 0 30px 10px;
    display: block;
    position: relative;
}

.productsMaster ul.contentList > li {
    margin-bottom: 10px;
    margin-right: -10px;
    padding-right: 10px;
}

.productsMaster .currentCategoryTagInfo {
    margin-right: -10px;
}

.productsMaster ul.contentList > li {
    padding-bottom: 20px;
    min-height: 40px;
}

.placesMaster ul.contentList > li .city,
.productsMaster ul.contentList > li .city {
    float: left;
}

.placesMaster ul.contentList > li .category,
.productsMaster ul.contentList > li .category {
    float: right;
}

.productsMaster ul.contentList > li .categories {
    float: right;
}

.productsMaster ul.contentList > li .categories li {
    text-align: right;
}

.productsDetails .categories li {
    text-align: right;
}

.contentMaster ul.contentList > li .thumbnail,
ul.sf_newsList > li .sf_newsThumbnail,
ul.sf_eventsList > li .sf_eventsThumbnail {
    display: block;
    float: left;
    width: 160px;
    margin: 0 15px 15px 0;
}

.productsMaster ul.contentList > li .thumbnail {
    width: 120px;
}

.contentMaster ul.contentList > li .thumbnail img,
ul.sf_newsList > li .sf_newsThumbnail img,
ul.sf_eventsList > li .sf_eventsThumbnail img {
    max-width: 160px;
    max-height: 160px;
}

.productsMaster ul.contentList > li .thumbnail img,
.announcementsMaster ul.contentList > li .thumbnail img {
    max-width: 120px;
    max-height: 120px;
}

.contentMaster ul.contentList > li p,
ul.sf_newsList > li p,
ul.sf_eventsList > li .sf_eventContent {
    padding: 10px 0 10px 0;
    clear: right;
}

ul.blogPostsList > li .sf_postContent {
    padding: 10px 0 10px 0;
    clear: right;
}

ul.blogPostsList > li .sf_postContent p {
    padding: 0;
    clear: none;
}

.contentMaster ul.contentList > li .more,
ul.sf_newsList > li .sf_readMore,
ul.sf_eventsList > li .sf_readMore {
    position: absolute;
    right: 0;
    bottom: 10px;
}

.productsMaster ul.contentList > li .more {
    right: 10px;
}

.contentMaster ul.contentList > li span.rating,
ul.sf_newsList > li span.rating,
ul.sf_eventsList > li span.rating {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.contentMaster ul.contentList > li .more a,
ul.sf_newsList > li .sf_readMore a,
ul.sf_eventsList > li .sf_readMore a {
    display: block;
    height: 20px;
    line-height: 20px;
    padding-right: 25px;
}

ul.sf_newsList > li .source,
ul.sf_eventsList > li .sf_contentCity {
    float: left;
}

ul.blogPostsList > li .date,
ul.sf_newsList > li .sf_newsDate,
ul.sf_eventsList > li .sf_eventPeriod {
    float: right;
}

.announcementsMaster ul.contentList > li {
    margin-bottom: 10px;
    margin-right: -10px;
    padding-right: 10px;
}

.announcementsMaster .currentCategoryTagInfo {
    margin-right: -10px;
}

.announcementsMaster ul.contentList > li {
    padding-bottom: 40px;
}

.announcementsMaster ul.contentList > li .date {
    float: left;
}

.announcementsMaster ul.contentList > li .category {
    float: right;
}

.announcementsMaster ul.contentList > li .more {
    right: 10px;
}

.contentMaster .tags ul {
    margin-top: 10px;
}

.contentMaster .tags ul li {
    display: inline;
    margin-right: 5px;
    padding: 2px;
    line-height: 25px;
}

/* ~master */

/* pager */
ol.sf_pager {
    margin-top: 10px;
}

ol.sf_pager li {
    display: block;
    float: left;
}

ol.sf_pager li a {
    display: block;
    height: 30px;
    line-height: 30px;
    min-width: 30px;
    text-align: center;
    margin-right: 5px;
}
/* ~pager */

/* news - details */

.contentDetails,
.sf_singleNews,
.sf_singleEvent {
    padding-left: 5px;
}

.contentDetails .textResizer {
    float: right;
}

.imageDetails {
    padding-top: 10px;
}

.imageDetails .sf_backToPhotos {
    float: left;
}

.imageDetails .print {
    float: right;
}

.contentDetails .cityTop,
.productsDetails .cityTop,
.sf_singleEvent .cityTop {
    float: left;
    margin-bottom: 10px;
}

.sf_singleEvent .datesTop {
    float: right;
    margin-bottom: 10px;
}

.contentDetails img.thumbnail,
.sf_singleEvent img.thumbnail {
    float: left;
    max-width: 320px;
    max-height: 320px;
    margin: 0 20px 10px 0;
}

/*
.productsDetails img.thumbnail {
    max-width: 80px;
    max-height: 80px;
}
*/

.productsDetails img.photo,
.announcementsDetails img.photo {
    max-width: 600px;
    margin-bottom: 10px;
}

.contentDetails .compactInfo,
.productsDetails .compactInfo,
.sf_singleEvent .compactInfo {
    float: left;
    margin-bottom: 15px;
}

.sf_singleEvent .compactInfo .sf_eventPeriod {
    margin-left: 10px;
}

.contentDetails .compactInfo ul,
.productsDetails .compactInfo ul,
.sf_singleEvent .compactInfo ul {
    margin-left: 10px;
}

.contentDetails .compactInfo ul li,
.productsDetails .compactInfo ul li,
.sf_singleEvent .compactInfo ul li {
    display: block;
}

.contentDetails .map,
.productsDetails .map,
.sf_singleEvent .sf_eventMap {
    float: right;
    margin-bottom: 15px;
}

.sf_singleNews .source {
    float: left;
}

.contentDetails .date,
.sf_singleNews .sf_newsDate {
    float: right;
}

.sf_singlePost .date {
    margin-bottom: 10px;
}

.contentDetails .summary,
.sf_singleNews .summary {
    clear: both;
    padding: 10px 0 10px 0;
}

.productsDetails .summary {
    clear: none !important;
}

.contentDetails .richContent,
.sf_singleNews .richContent,
.sf_singleEvent .richContent {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.contentDetails .author,
.sf_singleNews .sf_newsAuthor {
    float: right;
    margin-bottom: 10px;
}

.contentDetails .tags {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.contentDetails ul.sf_postTags,
.sf_singleNews ul.sf_postTags,
.sf_singleEvent ul.sf_postTags {
    clear: right;
    margin-top: 10px;
}

.contentDetails ul.sf_postTags li,
.sf_singleNews ul.sf_postTags li,
.sf_singleEvent ul.sf_postTags li {
    display: inline;
    margin-right: 5px;
    padding: 2px;
    line-height: 25px;
}

.contentDetails .sf_contentComments,
.sf_singleNews .sf_contentComments,
.sf_singleEvent .sf_contentComments {
    margin-top: 15px;
}

.contentDetails span.rating {
    display: block;
    float: left;
}

.contentDetails div.socialBookmarks {
    display: block;
    float: right;
}

.announcementsDetails .date {
    float: left;
}

.announcementsDetails .price {
    float: right;
    margin-bottom: 10px;
}

.announcementsDetails .who,
.announcementsDetails .paymentBlock,
.announcementsDetails .delivery {
    margin-bottom: 10px;
}

.announcementsDetails .paymentBlock label,
.announcementsDetails .paymentBlock input,
.announcementsDetails .paymentBlock a {
    margin-right: 5px;
}

.createEditAnnouncement .paymentBlock > input {
    margin-right: 5px;
}

/* ~news - details */

/* comments */
.comments {
    padding-top: 10px;
}

.comments h3.sf_commentsCount {
    line-height: 24px;
    text-indent: 34px;
    margin-bottom: 10px;
}

.comments ol.sf_commentListing {
    margin-bottom: 10px;
}

.comments ol.sf_commentListing li {
    margin-left: 34px;
    margin-bottom: 10px;
}

.comments ol.sf_commentListing li > div {
    padding: 10px;
    position: relative;
    min-height: 80px;
}

.comments ol.sf_commentListing li > div img {
    max-width: 80px;
    max-height: 80px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.comments ol.sf_commentListing li > div > span {
    display: block;
    padding-right: 85px;
}

.comments .addComment {
    padding-left: 34px;
}

.comments .sf_contentCommentForm ol > li {
    display: block;
    margin-bottom: 5px;
}

.comments .sf_contentCommentForm .button {
    float: right;
}

.comments .moderationInfo {
    padding: 10px;
    margin-bottom: 10px;
}

/* ~comments */

.oneThirdMainPageModule {
    width: 360px;
    margin: 10px 0 10px 10px;
    position: relative;
}

.oneThirdMainPageModule .tr {
    height: 353px;
    padding-top: 7px;
}

.oneThirdMainPageModule h3 {
    height: 26px;
    line-height: 26px;
    text-indent: 20px;
}

.oneThirdMainPageModule .moduleContent {
    padding: 10px 10px 10px 20px;
}

.oneThirdMainPageModule a.more {
    display: block;
    height: 20px;
    line-height: 20px;
    padding-right: 25px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.oneThirdMainPageModule a.calendar {
    position: absolute;
    left: 20px;
    bottom: 10px;
}

/**/
/* temporary !!!
.newsListMainPageModule {
    float: right !important;
}
*/

.itemsListMainPageModule {
    float: left;
}

.itemsListMainPageModule .recommended img {
    max-width: 125px;
    max-height: 125px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.itemsListMainPageModule .recommended .description {
    line-height: 18px;
    max-height: 90px;
    overflow: hidden;
}

.itemsListMainPageModule .recommended a.title {
    display: block;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
}

.itemsListMainPageModule .moduleContent a .category {
    margin-left: 2px;
}

.itemsListMainPageModule .moduleContent a .dates {
    white-space: nowrap;
}

.itemsListMainPageModule .moduleContent ul {
    clear: both;
    line-height: 18px;
    max-height: 144px;
    overflow: hidden;
    list-style-type: disc;
}

.eventsListMainPageModule {
    margin-bottom: 0;
}

.eventsListMainPageModule .tr {
    height: 293px;
}

.eventsListMainPageModule .moduleContent ul {
    max-height: 72px;
}

.eventsListMainPageModule .moduleContent ul li {
    white-space: nowrap;
}

.itemsListMainPageModule .moduleContent ul li {
    margin-left: 15px;
}

/**/

.recommendedItemsRotator {
    float: left;
    width: 604px;
    height: 358px;
    margin-top: 10px;
    position: relative;
}

.recommendedItemsRotator h3 {
    width: 201px;
    height: 38px;
    position: absolute;
    left: -8px;
    top: 4px;
    line-height: 26px;
    text-indent: 20px;
}

.recommendedItemsRotator .rotator {
    width: 399px;
    height: 358px;
    float: left;
}

.recommendedItemsRotator .rotator .item {
    width: 400px;
    height: 358px;
    position: relative;
}

.recommendedItemsRotator .rotator .item  .thumbnail {
    width: 400px;
    height: 358px;
}

.recommendedItemsRotator .rotator .item .info {
    height: 115px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px;
}

.recommendedItemsRotator .rotator .item .info .title {
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 5px 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.recommendedItemsRotator .rotator .item .info .description {
    line-height: 18px;
    max-height: 72px;
    overflow: hidden;
}

.recommendedItemsRotator .rotator .item .info a.more {
    display: block;
    height: 20px;
    line-height: 20px;
    padding-right: 25px;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.recommendedItemsRotator .navigator {
    float: left;
    width: 203px;
    height: 358px;
}

.recommendedItemsRotator .navigator ul {
    margin-top: 40px;
}

.recommendedItemsRotator .navigator ul li {
    margin-left: 12px;
    width: 191px;
    height: 38px;
    display: block;
}

.recommendedItemsRotator .navigator ul li.current {
    z-index: 100;
    position: relative;
}

.recommendedItemsRotator .navigator ul li div {
    width: 170px;
    padding: 3px 15px 0 15px;
    height: 46px;
    overflow: hidden;
}

.placesRotator {
    margin-right: 0 !important;
}

.premieriesRotator {
    margin-right: 25px !important;
}

.contentRotator {
    float: left;
    height: 350px;
    width: 470px;
    position: relative;
    margin-top: 10px;
    margin-right: 20px;
}

.contentRotator h3 {
    width: 201px;
    height: 38px;
    position: absolute;
    left: -8px;
    top: 6px;
    line-height: 26px;
    text-indent: 20px;
}

.contentRotator .item {
    height: 350px;
    width: 470px;
}

.contentRotator .item .contentInfo {
    float: left;
    padding: 40px 10px 0 20px;
    width: 240px;
}

.contentRotator .item .thumbnail {
    padding-top: 10px;
    float: left;
    width: 200px;
}

.contentRotator .item .thumbnail img {
    max-height: 200px;
    max-width: 200px;
}

.contentRotator .contentInfo .title {
    margin-bottom: 15px;
    display: block;
}

.contentRotator .contentInfo .description {
    margin-bottom: 15px;
}

.contentRotator .contentInfo a.more {
    display: block;
    height: 20px;
    line-height: 20px;
    padding-right: 25px;
    float: right;
}

.button {
    display: block;
    width: 132px;
    height: 27px;
    line-height: 27px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-align: center;
}

.buttonSmall {
    display: block;
    width: 87px;
    height: 18px;
    line-height: 18px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-align: center;
}

ul.form {
    display: block;
    list-style-type: none;
}

ul.form > li {
    display: block;
    margin-bottom: 10px;
}

ul.form > li > label {
    display: block;
    float: left;
    margin-right: 5px;
    text-align: right;
}

ul.form > li.checkbox > label {
    width: auto !important;
    display: inline;
    float: none;
}

ul.form > li > input {
    display: block;
    float: left;
}

ul.form > li > input.txt {
    width: 125px;
}

ul.form > li > input.txtSmall {
    width: 62px;
}

ul.form > li > div {
    float: left;
}

ul.form > li > div > ul.radioList li {
    display: block;
}

ul.form > li > .validator {
    display: block;
    float: left;
}

ul.form > li > em {
    display: block;
    clear: both;
}

ul.form > li > .button {
    float: right;
    margin-right: 16px;
}

.panel {
    min-width: 250px;
    margin-top: 10px;
    margin-left: 10px;
    position: relative;
}

.panel .tr > h3,
.panel > h3 {
    width: 201px;
    height: 38px;
    position: absolute;
    left: -8px;
    top: 4px;
    line-height: 26px;
    text-indent: 20px;
}

.panel > div {
    margin-top: 35px;
    padding: 15px;
}

.panel > .roundedPanel {
    margin-top: 0 !important;
    padding: 0 !important;
}

.panel .tr > div {
    margin-top: 35px;
    padding: 15px;
}

#passwordRecovery {
    float: left;
    width: 330px;
}

#passswordRecoveryInfo {
    float: left;
    width: 600px;
    margin: 10px 0 0 10px;
}

#createUser {
    width: 500px;
}

#createUser ul.form > li > label {
    width: 140px;
}

#createUser .button {
    float: right;
    margin-top: 10px;
}

#createUser .captcha .sf_CaptchaImage,
#createUser .captcha .sf_CaptchaTextbox {
    margin-bottom: 10px;
}

#createUser .captcha .sf_CaptchaImage {
    padding-top: 20px;
    padding-left: 140px;
}

#createUser .captcha .sf_CaptchaTextbox label {
    display: block;
    float: left;
    margin-right: 5px;
    width: 140px;
    text-align: right;
}

#createUser .captcha .sf_CaptchaTextbox input {
    display: block;
    float: left;
    width: 125px;
}

#createUser .captcha .captcha span {
    clear: both;
    padding: 5px 0 5px 0;
    display: block;
}

#changePassword {
    width: 330px;
}

#changePassword ul.form > li > label {
    width: 150px;
}

#profile,
#manageProfile {
    width: 500px;
}

#profile ul.form > li > label,
#manageProfile ul.form > li > label {
    width: 145px;
}

#childrenZoneMainPageModule {
    float: left;
    padding-top: 10px;
}

/* games */
ul.games {
    display: block;
    margin-top: 20px;
    width: 590px;
}

ul.games > li {
    display: block;
    padding: 10px 10px 30px 10px;
    position: relative;
}

ul.games > li img {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}

ul.games > li h3 {
    line-height: 1;
    margin-bottom: 5px;
}

ul.games > li .category {
    margin-bottom: 10px;
}

ul.games > li a.play {
    display: block;
    width: 98px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    text-indent: 20px;
}

ul.games > li span.rating {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

/* ~games */


/* temp */
#catalogPlaceholder {
    width: 606px;
    height: 360px;
    float: left;
    margin-left: -5px;
}

#mainBottomPlaceholder {
    float: left;
    height: 513px;
    width: 976px;
    margin-left: -5px;
}
/* ~temp */

#productsCategoriesMainPage {
    margin: 10px 0 0 -8px;
    float: left;
}

#productsCategoriesMainPage .tr {
    padding: 5px 10px 10px 18px;
    width: 586px;
    height: 285px;
}

#productsCategoriesMainPage .tr > h3 {
    height: 41px;
    line-height: 41px;
}

#productsCategoriesMainPage .tr > ul {
    display: block;
    margin-top: 15px;
}

#productsCategoriesMainPage .tr > ul > li {
    display: block;
    float: left;
    width: 190px;
    height: 98px;
    margin: 0 5px 5px 0;
    overflow: hidden;
}

#productsCategoriesMainPage .tr > ul > li > h4 a {
    display: block;
    height: 25px;
    width: 190px;
    line-height: 25px;
    text-indent: 10px;
}

#productsCategoriesMainPage .tr > ul > li > ul {
    list-style-type: disc;
    margin-left: 10px;
}

#productsCategoriesMainPage .tr > ul > li > ul > li {
    margin-left: 10px;
}

#productsCategoriesMainPage .tr > ul > li > ul > li > a {
    line-height: 1.8;
}

#contentView > #productsCategoriesMainPage {
    width: auto;
    height: auto;
    margin: 0 0 0 -8px;
}

#contentView > #productsCategoriesMainPage .tr {
    padding: 5px 0 10px 18px;
}

#contentView > #productsCategoriesMainPage .tr > ul > li {
    height: auto;
}

.rating > div > * {
    display: block;
    float: left;
    line-height: 24px;
    margin-right: 5px;
}

.rating > div .invisible {
    display: none;
}

.rating > span {
    display: block;
    clear: both;
}

.eventsCalendar {
    margin-top: 10px;
}

.masterViewSwitch {
    margin: 10px 0 0 6px;
}

.masterViewSwitch > div {
    float: left;
    margin-right: 2px;
}

.masterViewSwitch > .clear {
    float: none;
}

.masterViewSwitch > div > a {
    display: block;
    height: 59px;
    width: 116px;
}

.locationFilter .form li > label {
    width: 100px;
}

.locationFilter .form li > select {
    width: 150px;
}

.locationFilter a {
    float: left !important;
}

.eventsMainBanner {
    float: left;
    height: 60px;
    width: 350px;
    margin-left: 20px;
    text-align: center;
    overflow: hidden;
}

.productsMainBanner {
    float: left;
    width: 600px;
    height: 60px;
    text-align: center;
    margin-top: -60px;
    overflow: hidden;
}

.sidebarBanner {
    width: 350px;
    margin: 10px 0 10px 10px;
    text-align: center;
    overflow: hidden;
}

.skyscraper {
    width: 120px;
    margin: 10px 0 10px 10px;
    text-align: center;
    overflow: hidden;
}

.childrenContent #content .youtubeVideoList {
    margin-top: 20px;
}

.youtubeVideoList table {
    margin: auto;
}

.youtubeVideoList table td {
    width: 140px;
    vertical-align: top;
    padding: 0 10px 10px 0;
}

.youtubeVideoList table td .videoImage {
    height: 90px;
    width: 120px;
    padding: 10px;
    margin-bottom: 5px;
    text-align: center;
}

.youtubeVideoList table td .videoImage img {
    max-width: 120px;
    max-height: 90px;
}

.rssLink {
    margin-bottom: 5px;
}

.rssLink span {
    display: block;
    width: 44px;
    float: right;
}

.rssLink span a {
    display: block;
    height: 14px;
    width: 34px;
    float: right;
}

/*
.singleForum {
    padding-top: 10px;
}

.singleThread {
    padding-top: 10px;
}
*/

.singleThread .button {
    float: right;
}

.singleForum .button {
    float: right;
}

.forumList table,
.singleForum table {
    width: 100%;
    margin: 10px 0 10px 0;
    border-collapse: collapse;
}

.forumList table td,
.forumList table th,
.singleForum table td,
.singleForum table th {
    padding: 5px;
}

.forumList table td,
.singleForum table td {
    min-height: 48px;
}

.forumList table td.sf_forumTitle,
.singleForum table td.sf_forumThreadTitle {
    width: 100%;
}

.forumList table td.sf_forumAuthor,
.singleForum table td.sf_forumDate,
.singleForum table td.sf_forumAuthor {
    white-space: nowrap;
}



.forumList table td.num,
.singleForum table td.num {
    text-align: right;
    width: 60px;
    padding-right: 10px;
}

.forumList table td a,
.singleForum table td a {
    display: block;
}

/*
.comments {
    padding-top: 10px;
}

.comments h3.sf_commentsCount {
    line-height: 24px;
    text-indent: 34px;
    margin-bottom: 10px;
}

.comments ol.sf_commentListing {
    margin-bottom: 10px;
}

.comments ol.sf_commentListing li {
    margin-left: 34px;
    margin-bottom: 10px;
}

.comments ol.sf_commentListing li > div {
    padding: 10px;
    position: relative;
    min-height: 80px;
}

.comments ol.sf_commentListing li > div img {
    max-width: 80px;
    max-height: 80px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.comments ol.sf_commentListing li > div > span {
    display: block;
    padding-right: 85px;
}

.comments .addComment {
    padding-left: 34px;
}

.comments .sf_contentCommentForm ol > li {
    display: block;
    margin-bottom: 5px;
}

.comments .sf_contentCommentForm .button {
    float: right;
}

.comments .moderationInfo {
    padding: 10px;
    margin-bottom: 10px;
}
*/

.singleThread ul.posts > li,
.singleThread .threadInitialPost {
    margin-bottom: 10px;
    padding: 10px 10px 10px 150px;
    position: relative;
    min-height: 150px;
}

.singleThread ul.posts > li ul.author,
.singleThread .threadInitialPost ul.author {
    width: 120px;
    position: absolute;
    left: 0;
    top: 10px;
    padding: 0 10px 10px 10px;
}

.singleThread ul.posts > li ul.author,
.singleThread .threadInitialPost ul.author {
    overflow: hidden;
}

.singleThread ul.posts > li ul.author li img,
.singleThread .threadInitialPost ul.author li img {
    margin: 5px 0 5px 0;
}

.singleThread ul.posts > li ul.author li span,
.singleThread .threadInitialPost ul.author li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.singleThread .sf_postCommands {
    margin-top: 5px;
}

.singleThread .sf_postCommands a {
    float: right;
    margin-left: 10px;
}

.sf_postContent .sf_forumDate {
    margin-bottom: 5px;
}

.sf_postContent .sf_forumDate span {
    padding-bottom: 5px;
}

.sf_postContent .quote {
    padding: 5px;
    margin: 5px;
}

.sf_postContent > .quote {
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}

.sf_postContent .quote blockquote {
    padding: 5px;
}

.editForum {
    padding-top: 10px;
}

.editForum h3 {
    margin-bottom: 10px;
}

.editForum h3.contentLabel
.editForum h3.quoteLabel {
    margin-bottom: 5px;
}

.editForum h3 img {
    vertical-align: middle;
}

.editForum .sf_createNewItem {
    margin-top: 10px;
}

.editForum .sf_createNewItem .button {
    float: right;
    margin-left: 10px;
}

.editForum .sf_forumsEditor {
    margin-bottom: 10px;
}

.createEditAnnouncement,
.createEditPlace {
    width: 100%;
}

.createEditAnnouncement ul.form > li > label,
.createEditPlace ul.form > li > label {
    width: 160px;
}

.createEditAnnouncement ul.form > li > input.txt,
.createEditPlace ul.form > li > input.txt {
    width: 250px;
}

.createEditAnnouncement ul.form > li > textarea {
    width: 250px;
}

.createEditPlace ul.form > li.placeSummary > label {
    width: auto;
}

.createEditPlace ul.form > li.placeSummary > textarea {
    width: 100%;
}

.createEditAnnouncement ul.form > li.name > label,
.createEditPlace ul.form > li.name > label,
.createEditAnnouncement ul.form > li.announcementContent > label,
.createEditPlace ul.form > li.placeContent > label {
    width: auto;
}

.createEditAnnouncement ul.form > li.contact,
.createEditPlace ul.form > li.contact {
    padding-top: 25px;
}

.createEditAnnouncement ul.form > li.paymentInfo {
    padding: 10px 0 10px 0;
}

.createEditAnnouncement ul.form > li.paymentInfo .desc {
    margin-bottom: 10px;
}

.createEditAnnouncement ul.form > li.paymentInfo label {
    display: block;
    float: left;
    margin-right: 5px;
    text-align: right;
}

.createEditAnnouncement ul.form > li.paymentInfo input.txt {
    display: block;
    float: left;
    width: 125px;
}

.createAnnouncement ul.form > li.paymentInfo span {
    padding-left: 5px;
}



.facebookLikeBox {
    float: left;
    height: 260px;
}

.weatherBox {
    float: left;
    width: 360px;
    height: 260px;
}

.weatherBox > div {
    margin: auto;
}

.announcementsMainPageModule {
    float: left;
    margin-top: 10px;
    width: 614px;
    position: relative;
}

.announcementsMainPageModule h3 {
    width: 201px;
    height: 38px;
    position: absolute;
    left: -8px;
    top: 6px;
    line-height: 26px;
    text-indent: 20px;
}

.announcementsMainPageModule > div {
    padding: 15px;
}

.announcementsMainPageModule .categories {
    float: left;
    margin: 35px 15px 0 0;
    width: 186px;
}

.announcementsMainPageModule .categories ul {
    list-style-type: disc;
    margin-left: 15px;
}

.announcementsMainPageModule .items {
    float: left;
    width: 380px;
}

.announcementsMainPageModule .items ul li {
    margin-bottom: 5px;
}

.announcementsMainPageModule .categories > a {
    display: block;
    margin-top: 20px;
}

.paymentBlock {
    padding: 10px;
    margin-top: 10px;
}

.paymentBlock .desc {
    margin-bottom: 10px;
}

.paymentBlock .small {
    margin-top: 5px;
}

.myAnnouncements > a {
    position: absolute;
    top: 10px;
    right: 15px;
}

.myAnnouncements ul li > .name {
    padding-left: 16px;
}

.myAnnouncements ul li > .date {
    float: left;
    padding-left: 16px;
}

.myAnnouncements ul li > span {
    float: right;
}

.referencesMainPage {
    float: left;
    margin-left: 10px;
}

.referencesMainPage > div:first-child {
    margin-right: 10px;
}

.referencesMainPage > div {
    float: left;
}

.newsletterMainPage {
    float: left;
    height: 96px;
    width: 350px;
}

.newsletterMainPage .tr > div {
    padding: 0 10px 0 10px;
}

.newsletterMainPage .tr > div p {
    line-height: 1;
    margin-bottom: 10px;
}

.newsletterMainPage .tr > div label,
.newsletterMainPage .tr > div input,
.newsletterMainPage .tr > div span {
    display: block;
    float: left;
}

.newsletterMainPage .tr > div .buttonSmall {
    float: right;
    margin-right: 50px;
}

.newsletterMainPage .tr > div label {
    margin-right: 5px;
}

.pollBox {
    float: right;
    width: 350px;
}

.pollBox .tr > div {
    padding-top: 5px;
}

.pollBox .tr > div h4 {
    margin-bottom: 10px;
}

.pollBox .tr > div ul li {
    padding-left: 20px;
    position: relative;
}

.pollBox .tr > div ul li input {
    position: absolute;
    top: 0;
    left: 0;
}

.pollBox .tr > div .failure {
    margin-top: 5px;
}

.pollBox .tr > div .voteCommand {
    margin-top: 5px;
}

.pollBox .tr > div .voteInfo {
    margin-top: 5px;
}

.pollBox .tr > div .voteCommand input,
.pollBox .tr > div .voteCommand a {
    display: block;
    float: right;
}

.pollBox .tr > div .voteCommand a {
    margin-right: 10px;
}

.pollBox .tr > div .sf_pollQuestionAnswers li span {
    white-space: nowrap;
}

.confirmUnsubscription .commands {
    padding-top: 10px;
}

.confirmUnsubscription .commands .button {
    float: right;
    margin-left: 5px;
}

.textResizer {
    display: block;
}

.textResizer li {
    display: inline;
    margin-left: 5px;
}

.searchResults .tr > h2 {
    height: 50px;
    line-height: 50px;
    text-indent: 15px;
}

.searchResults .tr > dl {
    margin-top: 10px;
    padding-left: 15px;
}

.searchResults .tr > dl > dd {
    margin-bottom: 10px;
}

.searchBox {
    float: right;
    margin-top: 6px;
    margin-right: 120px;
}

.searchBox label, .searchBox input {
    display: block;
    float: left;
    margin-right: 2px;
}

.searchBox .searchButton {
    height: 18px;
    width: 18px;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
}

.topLayerMainBanner > div 
{
   top: 200px !important;
   left: 250px !important;
   z-index: 8000 !important;

}