/* @group elements */
body
{
    background:#f3f3f3 url('../img/body-bg.jpg') repeat-x;
}
a
{
    text-decoration:none;
}
h1
{
    color:#616161;
    font-size:300%;
    font-weight:normal;
    text-transform:uppercase;
}
h2
{
    font-weight:normal;
    text-transform:uppercase;
}
h4
{
    cursor:pointer;
    padding:10px;
    font-size:140%;
}
dd
{
    margin:0;
    margin-bottom:10px;
}
table
{
    width:100%;
}
table thead tr th
{
    text-align:left;
    color:#ffffff;
    background-color:#616161;
    padding:3px;
}
table tbody tr.odd
{
    background-color:#e6e6e6;
}
/* @end */

/* @group wrappers */
div#headerWrapper
{
    height:160px;
}
div#mainWrapper
{
    width:960px;
    margin:0 auto 20px;
    overflow:hidden;
}
div#footerWrapper
{
    height:160px;
    background-color:#e6e6e6;
    border-top:5px solid #616161;
}
div#popupWrapper
{
    padding:10px;
    background:#ffffff;
}
/* @end */

/* @group structure */
div#header
{
    width:960px;
    margin:0 auto;
}
div#main
{
}
div#footer
{
    width:960px;
    margin:0 auto;
}
/* @end */

/* @group header */
div#mainMenu
{
    clear:none;
    float:left;
}
div#logo
{
    clear:none;
    float:right;
    margin-top:27px;
    width:309px;
}
div#logo .logoInfo
{
    float:right;
    margin-bottom:20px;
}
/* @end */

/* @group lavalamp */
.lava
{
    width:610px;
    margin:0;
    position:relative;
}
.lava li
{
    float:left;
    list-style-type:none;
    height:109px;
}
.lava li.backLava
{
    background:transparent url('../img/lava-bg.jpg') repeat-x;
    padding:0;
    position:absolute;
    z-index:-1;
}
.lava li a
{
    font-size:15px;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
    color:#000000;
    display:block;
    height:55px;
    line-height:55px;
    padding:0 14px;
    margin-top:50px;
    float:left;
}
.lava li a:hover,
.lava li a:active,
.lava li a:visited
{
}

/* @end */

/* @group main */
div#mainMain
{
    clear:none;
    float:left;
    width:601px;
}
div#mainRight
{
    clear:none;
    float:right;
    width:310px;
}
/* @end */

/* @group footer */
div#footer
{
    width:960px;
    overflow:hidden;
    margin-top:10px;
}
div#footerNavLeft
{
    clear:none;
    float:left;
    margin-top:40px;
    width:40px;
    height:40px;

}
div#footerNavRight
{
    clear:none;
    float:right;
    margin-top:40px;
    width:40px;
    height:40px;
}
div#footerMainHolder
{
    clear:none;
    float:left;
    height:113px;
    position:relative;
    width:800px;
    margin-left:70px;
    overflow:hidden;
}
div.footerVimmelLine,
div.footerVimmelLinePrev,
div.footerVimmelLineNext
{
    left:0;
    position:absolute;
    top:0;
    width:800px;
    height:113px;
}
div.footerVimmelLinePrev
{
    left:-800px;
}
div.footerVimmelLineNext
{
    left:800px;
}
/* @end */

/* @group front */
div.frontBefore
{
    background-color:#e6e6e6;
    padding:10px 15px;
    margin-bottom:10px;
    color:#cccccc;
}
div.frontToday
{
    background-color:#6bcff3;
    padding:10px 15px;
    margin-bottom:10px;
}
div.frontAfter
{
    background-color:#616161;
    color:#f3f3f3;
    padding:10px 15px;
    margin-bottom:10px;
}
/* @end */

/* @group frontNav */
#frontNavUp li,
#frontNavDown li,
#frontNavLeft li,
#frontNavRight li
{
    float:right;
    list-style:none;
    width:30px;
    height:30px
}
#frontNavUp li a,
#frontNavDown li a,
#frontNavLeft li a,
#frontNavRight li a
{
    display:block;
    width:30px;
    height:30px;
    background:transparent url('../img/frontNav.png') no-repeat 0 0;
}
#frontNavUp li
{
    margin-bottom:10px;
}
#frontNavUp li a:hover
{
    background-position:0 -30px;
}
#frontNavDown li a
{
    background-position:-30px 0;
}
#frontNavDown li a:hover
{
    background-position:-30px -30px;
}
#frontNavLeft li a
{
    background-position:-60px 0;
}
#frontNavLeft li a:hover
{
    background-position:-90px 0;
}
#frontNavRight li a
{
    background-position:-60px -30px;
}
#frontNavRight li a:hover
{
    background-position:-90px -30px;
}
#frontNavHolder
{
}
.frontNavAjax
{
}
/* @end */

/* @group vimmel */
.galleryLine,
.imageLine
{
    overflow:hidden;
    margin-bottom:20px;
}
.galleryLine .galleryHolder,
.imageLine .imageHolder,
.footerVimmelLine .footerVimmelImg,
.footerVimmelLinePrev .footerVimmelImg,
.footerVimmelLineNext .footerVimmelImg
{
    clear:none;
    float:left;
    width:133px;
    height:113px;
    margin-right:23px;
}
.footerVimmelLine .footerVimmelImg a,
.footerVimmelLinePrev .footerVimmelImg a,
.footerVimmelLineNext .footerVimmelImg a
{
    display:block;
    width:133px;
    height:113px;
}
.footerVimmelLine .footerVimmelImg a img,
.footerVimmelLinePrev .footerVimmelImg a img,
.footerVimmelLineNext .footerVimmelImg a img
{
    display:block;
    width:133px;
    height:89px;
}
.imageLine .imageHolder
{
    height:89px;
}
.galleryLine .galleryHolder.last,
.imageLine .imageHolder.last,
.footerVimmelLine .footerVimmelLast,
.footerVimmelLinePrev .footerVimmelLast,
.footerVimmelLineNext .footerVimmelLast
{
    margin:0;
}
.galleryHolder a .galleryTitle,
.footerVimmelImg a .footerVimmelTitle,
.footerVimmelLinePrev a .footerVimmelTitle,
.footerVimmelLineNext a .footerVimmelTitle
{
    display:block;
    height:24px;
    width:133px;
    line-height:24px;
    text-align:center;
    background-color:#616161;
    color:#f3f3f3;
}
#imageIconBar
{
    overflow:hidden;
    background-color:#e6e6e6;
    padding:5px;
}
#imageIconBarRemove,
#imageIconBarMail,
#imageIconBarFacebook,
#imageIconBarLove
{
    clear:none;
    float:right;
    margin-left:20px;
}
#imageIconBarCount
{
    clear:none;
    float:left;
    width:100px;
    margin-top:3px;
    font-weight:bold;
    color:#616161;
}
#imageIconBarRemove
{
    width:85px;
}
#imageIconBarMail
{
    width:70px;
}
#imageIconBarFacebook
{
    width:105px;
}
#imageIconBarLove
{
    width:45px;
    text-align:right;
}
#imageIconBarRemove a,
#imageIconBarMail a,
#imageIconBarFacebook a,
#imageIconBarLove a
{
    display:block;
    height:20px;
    line-height:20px;
}
#imageIconBarRemove a span,
#imageIconBarMail a span,
#imageIconBarFacebook a span,
#imageIconBarLove a span
{
    text-transform:uppercase;
    font-weight:bold;
    color:#616161;
    display:block;
    float:left;
}
#imageIconBarRemove a span.icon,
#imageIconBarMail a span.icon,
#imageIconBarFacebook a span.icon,
#imageIconBarLove a span.icon
{
    display:block;
    height:20px;
    width:20px;
    background:transparent url('../img/icons.png') no-repeat 0 0;
    float:right;
    margin-left:5px;
}
#imageIconBarRemove a span.icon
{
    background-position:-60px 0;
}
#imageIconBarMail a span.icon
{
    background-position:-40px 0;
}
#imageIconBarFacebook a span.icon
{
    background-position:-20px 0;
}
#imageIconBarRemove a:hover span.icon
{
    background-position:-60px -20px;
}
#imageIconBarMail a:hover span.icon
{
    background-position:-40px -20px;
}
#imageIconBarFacebook a:hover span.icon
{
    background-position:-20px -20px;
}
#imageIconBarLove a:hover span.icon
{
    background-position:0 -20px;
}
/* @end */

/* @group wbRotate */
#bannerHolder
{
    position:relative;
    height:438px;
    margin-top:9px;
}
#bannerHolder ul
{
    margin:0;
}
#bannerHolder ul li
{
    position:absolute;
    top:0;
    left:0;
    list-style-type:none;
}
#bannerHolder ul li.show
{
    z-index:2;
}
#bannerNavigation
{
    text-align:right;
    background:transparent url('../img/bannerShadow.png') no-repeat scroll 0 0;
    padding-top:10px;
}
#bannerNavigation img
{
    margin-left:5px;
}
/* @end */

/* @group misc */
#conInfo
{
    overflow:hidden;
    margin-bottom:30px;
}
#conInfo .conInfo1
{
    clear:none;
    float:left;
    margin-right:50px;
}
#conInfo .conInfo2
{
    clear:none;
    float:left;
    margin-right:10px;
}
#conInfo .conInfo3
{
    clear:none;
    float:right;
}
#conInfo .conInfo4
{
    clear:none;
    float:right;

}
#contactFormHolder,
#lostFormHolder,
#vip2010FormHolder
{
    clear:none;
    float:left;
    width:270px;
}
#contactMap
{
    clear:none;
    float:left;
    font-size:15px;
    margin-top:0px;
    margin-left:20px;
}
#lostRight
{
    clear:none;
    float:right;
    width:270px;
}
#vip2010Right
{
    clear:none;
    float:right;
    width:270px;
}
#bookText
{
    clear:none;
    float:left;
    width:300px;
}
#bookFormHolder
{
    clear:none;
    float:right;
    width:280px;
}
#vipFormHolder
{
    clear:none;
    float:left;
    width:280px;
}
#vipInfo
{
    clear:none;
    float:right;
    width:300px;
}
.wbDrawerHolder
{
    background-color:#616161;
    color:#f3f3f3;
    margin-bottom:10px;
    overflow:hidden;
}
.wbDrawerHolder a
{
    color:#f3f3f3;
}
.wbDrawerHolder a:hover
{
    color:#6bcff3;
}
.wbDrawer
{
    padding:0 10px 10px 10px;
}
#wbLogo
{
    width:80px;
    margin:20px auto 0;
}
.vipListan
{
    position: absolute;
    margin-top: -80px;
    margin-left: 350px;
    z-index: 200;

}
/* @end */

/* Forms */
input
{
    padding:3px;
    font-weight:bold;
}
label,
input#submit
{
    text-transform:uppercase;
}
input,
textarea,
select,
button
{
    border:1px solid #6bcff3;
    background-color:#6bcff3;
}
input,
select,
textarea,
input#submit
{
    color:#000000;
}
input#name,
input#email,
input#phone,
input#friend_name,
input#friend_email,
input#number,
input#date
{
    width:253px;
}
#vipNumber
{
    width:50px;
}
/* @end */

/* @group Pagination */
.paginationControl .disabled,
.paginationControl .active,
.paginationControl .current
{
    font-size:16px;
    font-weight:bold;
    border:1px solid #616161;
    /*padding:2px 10px;*/
    display:block;
    float:left;
    margin-right:5px;
    width:30px;
    text-align:center;
}
.paginationControl .disabled
{
    color:#616161;
}
.paginationControl .active
{
    color:#616161;
}
.paginationControl a:hover.active
{
    color:#6bcff3;
}
.paginationControl .current
{
    background-color:#6bcff3;
    color:#f3f3f3;
}
div.paginationControl
{
    width:610px;
}
/* @end */

/* @group menus */
#adminMenu,
#employeeMenu
{
    overflow:hidden;
    background-color:#616161;
}
#adminMenu ul,
#employeeMenu ul
{
    margin:0;
}
#adminMenu ul li,
#employeeMenu ul li
{
    float:left;
    list-style-type:none;
}
#adminMenu ul li a,
#employeeMenu ul li a
{
    color:#ffffff;
    display:block;
    padding:3px 5px;
}
#adminMenu ul li a:hover,
#employeeMenu ul li a:hover
{
    color:#e6e6e6;
}
/* @end */

/* @group icons */
div.iconVerifyHolder,
div.iconLine
{
    overflow:hidden;
}
a.iconAdd,
a.iconEdit,
a.iconDelete,
a.iconVerify
{
    display:block;
    width:16px;
    height:16px;
    float:left;
    margin-bottom:3px;
    margin-top:3px;
}
a.iconAdd
{
    background:transparent url('../img/iconAdd.png') no-repeat scroll 0 0;
}
a.iconEdit
{
    background:transparent url('../img/iconEdit.png') no-repeat scroll 0 0;
    margin-right:3px;
}
a.iconDelete
{
    background:transparent url('../img/iconDelete.png') no-repeat scroll 0 0;
}
a.iconVerify
{
    background:transparent url('../img/iconVerify.png') no-repeat scroll 0 0;
}
/* @end */

/* @group wysiwyg */
.nicEdit-panel div
{
    clear:none;
}
/* @end */

/* @group front video */
a#frontVideoLink
{
    display:block;
    width:150px;
    height:84px;
    background:transparent url('../img/tokVideo.png') no-repeat scroll 0 0;
}
a#frontVideoCloseLink
{
    background-color:#616161;
    color:#f3f3f3;
    display:block;
    font-weight:bold;
    padding:5px;
    text-align:center;
    width:100px;
}
a#frontVideoCloseLink
{
    margin-bottom:5px;
}
a#frontVideoCloseLink:hover
{
    background-color:#6bcff3;
    color:#000000;
}
#frontVideoHolder
{
    display:none;
    width:400px;
    height:330px;
    position:fixed;
    top:50%;
    left:50%;
    margin-left:-207px;
    margin-top:-172px;
    background-color:#616161;
    border:2px solid #6bcff3;
    padding:5px;
    z-index:250;
}
/* @end */