/* @override /include/main.css */

html{
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding: 0;
    background: #ffffff url(pageUpperGrads.jpg) repeat-x left top;
    font: normal 12px Arial;
    color: #333;
}
h1{
    font-size: 28px;
    font-family: trebuchet MS;
}
h2{
    font-size: 24px;
    font-family: trebuchet MS;
}
h3{
    font-size: 20px;
    font-family: trebuchet MS;
}
h4{
    font-size: 16px;
    font-family: trebuchet MS;
}
h5{
    font-size: 14px;
    font-family: trebuchet MS;
}

a img {
    border:0px;
}

a{
    text-decoration: none;
    color: #000;
}
a:hover{
    color: #333;
    text-decoration: underline;
}
p{
    margin:10px 0;
}
#pageWrapper{
    width: 900px;
    margin: 0 auto;
}

#header{
    width: 900px;
    margin-bottom:0;
}

#siteLogo{
    float: left;
    width: 125px;
    height: 64px;
    background: transparent no-repeat left top;
    position: relative;
    margin: 13px 0 0 0;
}



/* this part is changes #siteNavigationSubMenu, #menuHorizontalLevel1 and .menuHorizontalLevel1Item */
#siteNavigationSubMenu{
    display:block;
    float:right;
    padding:0;
    position:relative;
    width:auto;
    height:40px;
}
#menuHorizontalLevel1 {
    list-style: none;
    font: normal 13px Arial;
    color: #333;

}

.menuHorizontalLevel1Item {
    float: left;

    padding: 0 0 0 30px;
}

.menuHorizontalLevel1Item a{
    color: #333;
    text-decoration: none;
}

.menuHorizontalLevel1Selected a, .menuHorizontalLevel1Selected a:visited{
    color:rgb(116, 116, 116);
}

.mainPage{
    background:url(mainPageMainBack.jpg) no-repeat left top;
    height:691px;
}
#mainPageContent{
    clear:both;
    display:block;
    float:left;
    margin:0;
    padding:0;
    text-align:center;
    width:900px;
}

.mainPage h1 {
    width: 473px; height: 155px;
    background: url("/img/mainTag.jpg");
    text-indent: -9999px;
    margin: 148px 0 0 215px;
    
}

#tagLine{
    width: 473px;
    height: 160px;
    float: left;
    margin:148px 0 0 215px;
    background: transparent url(mainTag.jpg) no-repeat left top;
}



#mainPageMainText{
    width: 275px;
    float: right;
    text-align: left;
    color: #fff;
    font: normal 12px Arial;
    line-height: 18px;
    margin: 10px 50px 0 0;
}

#featuredSection{
    border-top:1px solid #FFFFFF;
    clear:both;
    float:left;
    margin:30px 0 0 40px;
    position:relative;
    width:825px;
}

.mainPageFeaturedSection{
    float: left;
}
.featuredSectionBoxCenter{
    margin: 0 20px;
}
.mainPageFeaturedSectionTitle{
    text-align: center;
    color: #fff;
    font: normal 12px Arial;
    position: relative;
    margin: 10px 0 10px;
}

.mainPageFeaturedSectionBox{
    width: 261px;
    height: 171px;
    float: left;
    position: relative;
    text-align: left;
    background: transparent url(featuredBox.png) no-repeat left top;
}

.mainPageFeaturedSectionBox1 img{ /*.featuredBoxImage{*/
    margin:12px 0 10px 50px;
}

.mainPageFeaturedSectionBox2 img{ /*.featuredBoxImageLessMargin{*/
    margin:5px 0 4px 50px;
}

.featuredSectionSubTitle{
    text-align: left;
    color: #1a1818;
    font: normal 12px Arial;    
    margin: 0 0 0 20px;
    float: left;
    display: block;    
}



.featuredSectionDescription{
    text-align: left;
    font: normal 12px Arial;
    color: #747474;
    float: left;
    display: block;
    margin: 5px 15px 0 20px;
}

.featuredSectionDescription a,.featuredSectionDescription a:visited {
    color: #747474;    
}



.newsList{
    float: left;
    list-style: none;
    margin:15px 0 0 -10px;    
}


.newsListItem{
    float: left;
    margin: 0 0 5px 0;
    padding: 0;
}

.newsDate{
    display: block;
    float: left;
    color: #000;
    font: normal 12px Arial;
    /*width: 30px;*/
    margin-right: 5px;
}

.newsTitle, .newsTitle a, .newsTitle a:visited{
    display: block;
    float: left;
    color: #4c4c4c;
    font: normal 12px Arial;
    width: 150px;
    color: #747474;
    text-decoration:none;
}

.whiteLine{
    width: 820px;
    height: 1px;
    margin: 490px 0 0 0 ;
    border-bottom: 1px solid #fff;
    float: left;
    position: relative;
}

/*#footer{
    color: #808080;
    font: normal 12px Arial;
    text-align: center;
    width: 900px;
    height: 45px;
    margin: 15px auto;
    clear: both;
    display:block;
    float:left;
}

.footerCap{
    width: 5px;
    height: 45px;
    float: left;
    position: relative;
}

#footerCapLeft{
    background: transparent url(footerBarLeft.jpg) no-repeat 0 0;
}

#footerCapRight{
    background: transparent url(footerBarRight.jpg) no-repeat 0 0;
}

#footerTextWrapper{
    float: left;
    height: 45px;
    width: 890px;
    background: transparent url(footerBarCenter.jpg) repeat-x left 0;    
}


#footerTextWrapper a, #footerTextWrapper a:visited{
    text-decoration:none;
    color:#808080;
}

.footerText{
    display: block;
    margin: 5px auto;
}

.footerTextFirstLine{
    display: block;
    margin-top:7px;
}

.footerTextSecondLine{
    display: block;
    margin-top:1px;
}

.footerPipeDiv{
    margin: 0 15px;
}*/

/* FOOTER UPDATED WITH NEW DESIGN */
#footer{
color: #808080;
font: normal 12px 'Helvetica';
text-align: center;
width: 900px;
height: 62px;
margin: 15px auto;
float:left;
}

.footerCap{
width: 6px;
height: 62px;
float: left;
position: relative;
}

#footerCapLeft{
background: transparent url(footerBarLeft.jpg) no-repeat 0 0;
}

#footerCapRight{
background: transparent url(footerBarRight.jpg) no-repeat 0 0;
}

#footerTextWrapper{
float: left;
height: 62px;
width: 888px;
background: transparent url(footerBarCenter.jpg) repeat-x left 0;
}

#footerTextWrapper ul{
margin: 0;
padding: 8px 0;
list-style: none outside none;
}

#footerTextWrapper li .sosIcon{
    margin:5px 10px 0 0;
}

#footerTextWrapper li{
display: inline;
float: left;
border-right: 1px solid;
padding: 0 19px; /* 0 28px */
}
#footerTextWrapper li.lastChild{
border-right: none;
}

#footerTextWrapper li p, #footerTextWrapper li a{
font: normal 11px/16px 'helvetica';
margin: 0;
text-align: left;
padding: 0;
float: left;
color: #808080;
}

#footerTextWrapper li p{clear:both}

#footerTextWrapper li a.email{
clear:both;
}

#footerTextWrapper li a#privacyPolicy{
border-right: 1px solid gray;
padding: 1px 10px 1px 0px;
clear: both;
}

#footerTextWrapper li a#tos{
padding-left: 10px;
padding-top: 1px;
}

#footerTextWrapper ul li ul li{
border-right: none !important;
padding: 0 0 0 10px;
}

#footerTextWrapper ul li ul li:first-child{padding: 0;}

#footerTextWrapper ul li ul li a{
float: left;
text-indent: -19999px;
}

#footerTextWrapper ul li ul li a{
background: url(sosMed.png) no-repeat top left;
display: block;
}

#footerTextWrapper ul li ul li a#twiterLink{
background-position: 0 0;
height: 21px;
width: 23px;
}

#footerTextWrapper ul li ul li a#fbLink{
background-position: -40px 0;
height: 21px;
width: 23px;
}

#footerTextWrapper ul li ul li a#vimeoLink{
background-position: 0 -40px;
height: 21px;
width: 23px;
}

#footerTextWrapper ul li ul li a#youtubeLink{
background-position: 0 -79px;
height: 21px;
width: 53px;
}

.hidden{
    display: none;
}

/* ----- Compoany Board Page ----- */
#topContentRounded{
    background: transparent url(top_rounded.jpg) no-repeat 0 1px;
    height: 6px;
    width: 901px;
    float:left;
}
#centerContent{
    background:#D4D5D6 url(gradient_mainContent.jpg) repeat-x scroll 0 0;
    border-left:1px solid #AEB0B3;
    border-right:1px solid #AEB0B3;
    /*height:100%;*/
    width:100%;
    float:left;
}

#centerContent h1{
    font-weight:normal;
    font-size: 24px;
    font-family:Arial,helvetica,sans-serif;
}

#centerContent h2{
    font-weight:normal;
    font-size: 18px;
    font-family:Arial,helvetica,sans-serif;
}

#videocode{
    margin-top:20px;
}

#videotext{
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 40px;
    margin-left: 40px;
    text-align: justify;
}

#bottomContentRounded{
    background: transparent url(bottom_rounded.jpg) no-repeat 0 0;
    height: 5px;
    width:902px;
    float:left;
}

.leftCol{
    float:left;
    height:100%;
    width:48%;
    min-height:588px;
}

.rightCol{
    float:right;
    height:100%;
    padding-right:20px;
    width:48%;
    min-height:588px;
}
.infoContainer{
    color:#444444;
    padding:0 5px 0 30px;
    text-align:left;
}

h3.headTitle{
    font-weight:normal;
    font-family: trebuchet MS;
}

.infoContainer h1{
    font-weight:normal;
    font-size: 24px;
    font-family:Arial,helvetica,sans-serif;
}

p.smallTitle{
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top:0;
}
/* ----- Product Page ----- */
#leftContent{
    float:left;
    z-index:1;
}
#rightContent{
    background:transparent url(multi_touch.png) no-repeat 0 0;
    float:right;
    margin:-700px 0 0;
}
#tagTitle{
    background: transparent url(h1Flatfrog_multitouch.png) no-repeat 0 0;
    float:left;
    height:55px;
    margin:40px 0 0 40px;
    width:625px;
}
#flatFrogProduct{
        float:right;
        height:470px;
        margin:100px 0 0;
        position:relative;
        width:557px;
        z-index:0;
}

p.productMainHeading{
    line-height: 26px;
}

.productMainText{
    float:left;
    font-family:Arial,trebuchet MS;
    font-size:20px;
    margin:0px 0 0 40px;
    position:relative;
    text-align:left;
    width:503px;
}
.productDescription{
    clear:both;
    float:left;
    line-height:16px;
    margin:0px 0 0 40px;
    text-align:left;
    width:290px;
}
.productSubDesc{
    clear:both;
    float:left;
    margin:0 0 0 40px;
    text-align:left;
}
.subLeft{
    float:left;
    margin:0 0 0 13px;
    padding:0;
}
.subRight{
    float:right;
    margin:0 0 0 35px;
    padding:0;
}
.multiTouchProduct{
    background: transparent url(multi_touch2.png) no-repeat 0 0;
    clear:both;
    float:left;
    height:250px;
    margin:50px 0 0 70px;
    position:relative;
    width:235px;
    z-index:0;
}
.multiTouchProductDesc{
    clear:both;
    float:left;
    margin:-150px 0 0 40px;
    position:relative;
    z-index:2;
    text-align:left;
    width:300px;
}
p.multiTouchTitle, p.flatFrogTitle{
    font-family: Arial, "MS Trebuchet", sans-serif;
    font-size: 20px;
}
.flatFrogProductDesc{
    float:left;
    margin:200px 0 0 40px;
    position:relative;
    text-align:left;
    width:300px;
    z-index:2;
}
.borderLine{
    border-right:1px solid #999999;
    float:left;
    height:330px;
    margin:60px 0 30px 70px;
    width:1px;
}
p.flatFrogDescTop{}
p.flatFrogDescDown{
    margin:30px 0 0;
    width:390px;
}

/*---- 1+2A ----*/
#sideBarLeft, #sideBarRight{
    width: 291px;
    float: left;
    margin-right: 18px;
    height: 100%;
}
.sideBarLeftTopRounded, .sideBarRightTopRounded{
    background: transparent url(sideBar_Top.png) no-repeat  0 0;
    float:left;
    height:6px;
    width:293px;
}
.sideBarLeftCenter, .sideBarRightCenter{
    background:#D4D5D6 url(gradient_mainContent.jpg) repeat-x scroll 0 0;
    border-left:1px solid #bcbec0;
    border-right:1px solid #bcbec0;
    width: 100%;
    float: left;
    min-height:588px;
    text-align: left;
}

.sideBarLeftCenter > p,.sideBarRightCenter > p{
    width: 220px;
    margin:20px 0 0 35px !important;
}

#mainContentLeft ol#controls {
    padding:0 20px;
    margin:0;
    position:absolute;
    top:635px;
    right:0px;
    list-style:none;
}

#mainContentLeft ol#controls li {
    list-style:none;
    padding:0;
    float:left;
    border-radius: 8px;
    display: block;
    height: 12px;
    width: 12px;
    background: #333;
    margin: 0 5px;
    color: #333;
    font-size:1px;
    text-align:center;
    cursor:pointer;
}

#mainContentLeft ol#controls li.current {
    background: #54bc2b;
}

#mainContentLeft ol#controls li.current a {
    color: #54bc2b;
}

#techText ol, #benefits ul {
    margin:0 0 0 16px;
    padding:0;
}

#techText ol li, #benefits ul li {
    margin:0;
    padding:0 0 10px 10px;
}

#benefits ul li {
    color:#555;
    font-size:15px;
}

.sideBarLeftCenter h1, .sideBarRightCenter h1,.mainContentRightCenter h1,.mainContentLeftCenter h1{
    font-weight:normal;
    font-size: 24px;
    font-family:Arial,helvetica,sans-serif;
    line-height:26px;
    width: 220px;
    margin: 20px 0 20px 35px;
}

.mainContentLeftCenter h1, .mainContentRightCenter h1{
    width: 90%;
    margin:20px 0 0 30px;
}

.newspreamble{
    width: 90%;
    margin:20px 0 0 30px;
    font-weight:bold;
}

.newscontent{
    width: 90%;
    margin:20px 0 0 30px;
}

.sideBarLeftCenter h2, .sideBarRightCenter h2{
    width: 205px;
    margin: 20px 0 -20px 30px;
    font-size:12px;
    font-family:arial;
    font-weight: bold;    
}

.sideBarLeftBottomRounded, .sideBarRightBottomRounded{
    background: transparent url(sideBar_bottom.png) no-repeat 0 0;
    float:left;
    height:6px;
    width:293px;
}
#mainContentRight, #mainContentLeft{
    width: 590px;
    float: left;
}
.mainContentRightTopRounded, .mainContentLeftTopRounded{
    background: transparent url(mainContentRight_top.png) no-repeat  0 0;
    float:left;
    height:6px;
    width:593px;
}
.mainContentRightCenter, .mainContentLeftCenter{
    background:#D4D5D6 url(gradient_mainContent.jpg) repeat-x scroll 0 0;
    border-left:1px solid #bcbec0;
    border-right:1px solid #bcbec0;
    width:591px;
    float: left;
    min-height:588px;
    text-align: left;
}
.mainContentRightBottomRounded, .mainContentLeftBottomRounded{
    background: transparent url(mainContentRight_Btm.png) no-repeat 0 0;
    float:left;
    height:6px;
    width:593px;
}
#subNavigation{
    width: 75%;
    float: right;
}
#subNavigation ul{
    float: right;
}
#subNavigation li{
    display: inline;
}
#subNavigation li a{
    font-size: 12px;
    margin:0 0 0 36px;
}
#subNavigation li a:hover{
    color: #555;
}
.leftDesc{
    float: left;
    width: 250px;
    margin:20px 0 0 30px;
}

.leftDesc p,.rightDesc p{
    margin: 0px 0 20px 0px;
}

.leftDesc h2, .rightDesc h2{
    margin: 0px 0 0px 0px;
    font-size:12px;
    font-family:arial;
    font-weight: bold;    
}

.rightDesc{
    float: left;
    width: 250px;
    margin:20px 0 0 30px;
}
p.sideBarLeftCenterHeading, p.sideBarLeftCenterDesc, p.sideBarLeftCenterDesc, p.sideBarRightCenterDesc, p.sideBarRightCenterHeading{
    width: 205px;
    margin: 20px 0 20px 35px;
}
p.sideBarLeftCenterHeading, p.mainContentRightHeading, p.sideBarRightCenterHeading{
    font-size: 20px;
    font-family: Arial, "MS Trebuchet", sans-serif;
    line-height:26px;
}

p.mainContentRightHeading {
    width: 90%;
    margin:20px 0 0 30px;
}
p.mainContentRightDesc{
    line-height:16px;
    clear:both;
    
}
p.mainContentRightTitle{
    font-weight: bold;
    float: left;
    margin:10px 0 0;
}



/*---- 2+1a ----*/
#inspirationText{
    float:left;
    width:55%;
}
#mainContentLeft{}
#sideBarRight{ margin:0 0 0 18px;}
.sideBarRightTopRounded{}
.sideBarRightCenter{}
.sideBarRightBottomRounded{}

.mainContentLeftTopRounded{}
.mainContentLeftCenter{}
.mainContentLeftBottomRounded{}

/*---- Inspiration ----*/
.inspiration{
    background:transparent url(inspirationBg.jpg) no-repeat 0 0;
    height:697px;
}

#tagTitle2{
    background:transparent url(h1TouchingPosibilities.jpg) no-repeat 0 0;
    height: 153px;
    width: 425px;
    margin:62px 0 0 50px;
}

h1.inspirationHeading{
    color:#FFFFFF;
    font-size:70px;
    font-weight:normal;
    margin:60px 0 0 60px;
    text-align:left;
    text-shadow:2px 2px 6px #222222;
    width:425px;
}
#inspirationMainText{
    width:370px;
    margin:0 0 0 60px;
}
#inspirationMainText p{
    text-align: left;
    color: #fff;
    font: normal 12px Arial;
    line-height: 18px;
}
.inspirationLinkTop{
    float:right;
    margin:30px 0 0 10px;
    width:390px;
}
.inspirationLinkTop ul, .inspirationLinkMiddle ul, .inspirationLinkBottom ul{
    height:100%;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0 auto;
    padding:0;
    width:100%;

}
.inspirationLinkTop li{ display: block;}
.inspirationLinkTop li a, .inspirationLinkMiddle li a, .inspirationLinkBottom li a{
    color:#FFFFFF;
    display:block;
    float:left;
    /*line-height:260px;*/
    margin:20px 15px;
    vertical-align:baseline;
    width:125px;
    text-align:center;
    text-decoration:none;
    font-size: 14px;
}
.inspirationLinkTop ul li a span {
    display:block;
    float:left;
    height:20px;
    margin:143px auto 0;
    position:relative;
    width:143px;
}
.inspirationLinkMiddle ul li a span{
    display:block;
    margin:118px auto 0;
    width:141px;
} 
.inspirationLinkBottom ul li a span{
    clear:both;
    display:block;
    height:20px;
    margin:128px auto 0;
    position:relative;
    width:137px;
}
.inspirationLinkTop ul li a span.pos{
    margin: 120px 0 0 20px;
}
span.hand1{}
span.hand2{margin: 144px 0 0 3px !important;}
span.han3{}
span.hand4{margin: 138px 0 0 0px !important;}
span.hand5{}
span.hand6{margin:125px 0 0 -19px !important;}
span.hand7{margin:135px 0 0 -21px !important;}
span.hand8{margin:125px 0 0 -25px !important;}
span.hand9{}
span.hand10{margin:130px 0 0 -12px !important;}
span.hand11{margin:128px 0 0 -45px !important;}

.inspirationLinkTop li a:hover, .inspirationLinkMiddle li a:hover, .inspirationLinkBottom li a:hover{
    color: #999;
    text-decoration: none;
}
.inspirationLinkTop li a.hands1{
    background: transparent url(hands1.jpg) no-repeat center 0;
    margin:1px 0 0 -8px;
    width: 144px;
}
.inspirationLinkTop li a.hands1:hover{
    background: transparent url(hands1Hover.jpg) no-repeat center 0;
}
.inspirationLinkTop li a.hands2{
    background:transparent url(hands2.jpg) no-repeat center 0;
    margin:0 0 0 45px;
    width:139px;
}
.inspirationLinkTop li a.hands2:hover{
    background:transparent url(hands2Hover.jpg) no-repeat center 0;    
}
.inspirationLinkTop li a.hands3{
    background: transparent url(hands3.jpg) no-repeat center 0;
    clear:both;
    margin:5px 0 0 0;
}
.inspirationLinkTop li a.hands3:hover{
    background:transparent url(hands3Hover.jpg) no-repeat center 0;
}
.inspirationLinkTop li a.hands4{
    background: transparent url(hands4.jpg) no-repeat center 0;
    margin:0px 0 0 63px;;
    width:124px;
}
.inspirationLinkTop li a.hands4:hover{
    background: transparent url(hands4Hover.jpg) no-repeat center 0;
}

.inspirationLinkMiddle{
    clear:both;
    height:160px;
    padding:20px 0 0;
    width:900px;
}

.inspirationLinkMiddle li, .inspirationLinkBottom li{ display: inline;}

.inspirationLinkMiddle li a.hands5{
    background: transparent url(hands8.jpg) no-repeat center 0;
    margin:0px 0 0 82px;
    width:120px;
}
.inspirationLinkMiddle li a.hands5:hover{
    background: transparent url(hands8Hover.jpg) no-repeat center 0;
}
.inspirationLinkMiddle li a.hands6{
    background: transparent url(hands7.jpg) no-repeat center 0;
    margin:-6px 0 0 97px;
    width: 100px;
}
.inspirationLinkMiddle li a.hands6:hover{
    background: transparent url(hands7Hover.jpg) no-repeat center 0;
}
.inspirationLinkMiddle li a.hands7{
    background: transparent url(hands6.jpg) no-repeat center 0;
    margin:-17px 0 0 122px;
    width: 100px;
}
.inspirationLinkMiddle li a.hands7:hover{
    background: transparent url(hands6Hover.jpg) no-repeat center 0;
}
.inspirationLinkMiddle li a.hands8{
    background: transparent url(hands5.jpg) no-repeat center 0;
    margin:-8px 0 0 104px;
    width: 100px;
}
.inspirationLinkMiddle li a.hands8:hover{
    background: transparent url(hands5Hover.jpg) no-repeat center 0;
}

.inspirationLinkBottom{
    clear:both;
    height:160px;
    margin:-13px auto 0;
    width:680px;
}
.inspirationLinkBottom li a{
}
.inspirationLinkBottom li a.hands9{
    background: transparent url(hands9.jpg) no-repeat center 0;
    margin:-5px 0 0 42px;
    width:142px;
}
.inspirationLinkBottom li a.hands9:hover{
    background: transparent url(hands9Hover.jpg) no-repeat center 0;
}
.inspirationLinkBottom li a.hands10{
    background: transparent url(hands10.jpg) no-repeat center 0;
    margin:-8px 0 0 100px;
    width: 100px;
}
.inspirationLinkBottom li a.hands10:hover{
    background: transparent url(hands10Hover.jpg) no-repeat center 0;
}
.inspirationLinkBottom li a.hands11{
    background: transparent url(hands11.jpg) no-repeat center 0;
    margin:0 0 0 163px;
    width: 62px;
}
.inspirationLinkBottom li a.hands11:hover{
    background: transparent url(hands11Hover.jpg) no-repeat center 0;
}
/*---- Inspiration Gaming ----*/
#subNavigationGaming{
    height:86px;
    margin:15px 0;
    width:900px;
}
#subNavigationLeft{
    background: transparent url(subNavLeft.jpg) no-repeat 0 0;
    height: 86px;
    width: 5px;
    float: left;
}
#subNavigationRight{    
    background: transparent url(subNavRight.jpg) no-repeat 0 0;
    height: 86px;
    width: 5px;
    float: left;
}
#subNavigationCenter{
    background: transparent url(subNavCenter.jpg) no-repeat 0 0;
    height: 86px;
    float: left;
    width:890px;
}
#subNavigationCenter ul{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    float: none;
    margin: 0;
    padding: 0;
}
#subNavigationCenter li{
    display: inline;
    float:left;
}
#subNavigationCenter li a{
    text-align: center;
    float: left;
    height: 86px;
    width: 65px;
    padding:0;
}
#subNavigationCenter li a:hover {    text-decoration: none;}
#subNavigationCenter li a.subHand1{
    background: transparent url(subHandBtn1.jpg) no-repeat 0 0;
    margin: 0 0 0 15px;
}

#subNavigationCenter li a.subHand1:hover{
    /*background: transparent url(subHandBtn_hover1.jpg) no-repeat 0 0;*/
}

#subNavigationCenter li a.subHand1_selected{
    background: transparent url(subHandBtn_hover1.jpg) no-repeat 0 0;
    margin: 0 0 0 15px;
}

#subNavigationCenter li a.subHand2{
    background: transparent url(subHandBtn2.jpg) no-repeat 0 0;
    margin:0 0 0 10px;
}
#subNavigationCenter li a.subHand2:hover{
    /*background: transparent url(subHandBtn_hover2.jpg) no-repeat 0 0;*/
}

#subNavigationCenter li a.subHand2_selected{
    background: transparent url(subHandBtn_hover2.jpg) no-repeat 0 0;
    margin: 0 0 0 10px;
}

#subNavigationCenter li a.subHand3{
    background: transparent url(subHandBtn3.jpg) no-repeat 0 0;
    margin: 0 0 0 33px;
}
#subNavigationCenter li a.subHand3:hover{
    /*background: transparent url(subHandBtn_hover3.jpg) no-repeat 0 0;*/
}

#subNavigationCenter li a.subHand3_selected{
    background: transparent url(subHandBtn_hover3.jpg) no-repeat 0 0;
    margin: 0 0 0 33px;
}

#subNavigationCenter li a.subHand4{
    background: transparent url(subHandBtn4.jpg) no-repeat 0 0;
    margin:0 0 0 20px;
}
#subNavigationCenter li a.subHand4:hover{
    /*background: transparent url(subHandBtn_hover4.jpg) no-repeat 0 0;*/
}

#subNavigationCenter li a.subHand4_selected{
    background: transparent url(subHandBtn_hover4.jpg) no-repeat 0 0;
    margin: 0 0 0 20px;
}

#subNavigationCenter li a.subHand5{
    background: transparent url(subHandBtn5.jpg) no-repeat 0 0;
    margin: 0 0 0 15px;
}
#subNavigationCenter li a.subHand5:hover{
    /*background: transparent url(subHandBtn_hover5.jpg) no-repeat 0 0;*/
}

#subNavigationCenter li a.subHand5_selected{
    background: transparent url(subHandBtn_hover5.jpg) no-repeat 0 0;
    margin: 0 0 0 15px;
}

#subNavigationCenter li a.subHand6{
    background: transparent url(subHandBtn6.jpg) no-repeat 0 0;
    margin: 0 0 0 15px;
}
#subNavigationCenter li a.subHand6:hover{
    /*background: transparent url(subHandBtn_hover6.jpg) no-repeat 0 0;*/
}

#subNavigationCenter li a.subHand6_selected{
    background: transparent url(subHandBtn_hover6.jpg) no-repeat 0 0;
    margin: 0 0 0 15px;
}

#subNavigationCenter li a.subHand7{
    background: transparent url(subHandBtn7.jpg) no-repeat 0 0;
    margin:0 0 0 10px;
}
#subNavigationCenter li a.subHand7:hover{
    /*background: transparent url(subHandBtn_hover7.jpg) no-repeat 0 0;*/
}

#subNavigationCenter li a.subHand7_selected{
    background: transparent url(subHandBtn_hover7.jpg) no-repeat 0 0;
    margin: 0 0 0 10px;
}

#subNavigationCenter li a.subHand8{
    background: transparent url(subHandBtn8.jpg) no-repeat 0 0;
    margin: 0 0 0 20px;
}
#subNavigationCenter li a.subHand8:hover{
    /*background: transparent url(subHandBtn_hover8.jpg) no-repeat 0 0;*/
}

#subNavigationCenter li a.subHand8_selected{
    background: transparent url(subHandBtn_hover8.jpg) no-repeat 0 0;
    margin: 0 0 0 20px;
}

#subNavigationCenter li a.subHand9{
    background: transparent url(subHandBtn9.jpg) no-repeat 0 0;
    margin: 0 0 0 15px;
}
#subNavigationCenter li a.subHand9:hover{
    /*background: transparent url(subHandBtn_hover9.jpg) no-repeat 0 0;*/
}

#subNavigationCenter li a.subHand9_selected{
    background: transparent url(subHandBtn_hover9.jpg) no-repeat 0 0;
    margin: 0 0 0 15px;
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body    #subNavigationCenter li a.subHand9{margin: -5px 0 0 -48px;
    }
}
#subNavigationCenter li a.subHand10{
    background: transparent url(subHandBtn10.jpg) no-repeat 0 0;
    margin: 0 0 0 5px;
}
#subNavigationCenter li a.subHand10:hover{
    /*background: transparent url(subHandBtn_hover10.jpg) no-repeat 0 0;*/
}

#subNavigationCenter li a.subHand10_selected{
    background: transparent url(subHandBtn_hover10.jpg) no-repeat 0 0;
    margin: 0 0 0 5px;
}

#subNavigationCenter li a.subHand11{
    background: transparent url(subHandBtn11.jpg) no-repeat 0 0;
    margin: 0 0 0 10px;
}
#subNavigationCenter li a.subHand11:hover{
    /*background: transparent url(subHandBtn_hover11.jpg) no-repeat 0 0;*/
}

#subNavigationCenter li a.subHand11_selected{
    background: transparent url(subHandBtn_hover11.jpg) no-repeat 0 0;
    margin: 0 0 0 10px;
}

#subNavigationCenter li a span{
    margin-left:-9000px;
    margin-top:-9000px;
    position:absolute;
}
#subNavigationCenter li a:hover span{
    float:left;
    color: #000000;
    position: relative;
    margin: -40px 0 0 0;
    display: block;
    text-decoration: none;
}

#subNavigationCenter li.selected span{
    float:left;
    color: rgb(116,116,116);
    position: relative;
    margin: -40px 0 0 0;
    display: block;
    text-decoration: none;
}

/* FORMS */
.cmxform {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 400px;
}

.cmxform fieldset {
      margin-bottom: 30px;
     border: none;
    border-top: none;
}
.cmxform legend {
      padding: 0 2px;
      font-weight: bold;
}
.cmxform label {
      display: inline-block;
      line-height: 1.8;
      vertical-align: top;

}
.cmxform fieldset ol {
      margin: 0;
      padding: 0;
}
.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
.cmxform label {
  width: 150px; /* Width of labels */
}
.cmxform input {
  width: 200px; /* Width of labels */
}

.cmxform fieldset fieldset label {
  margin-left: 153px; /* Width plus 3 (html space) */
}

.cmxform textarea{
    width: 200px;
    height: 200px;
}

.cmxform input[type=submit]{
    float:right;
    width: 100px;
    margin: 0px 43px 0 0; 
}

.gamingPage{
    height: 587px;
}
.clear{clear:both;}

/* Customer Edit */

#customerEdit {
    text-align:left;
    margin:0px 20px 0px 20px;
    padding:0px 0px 20px 0px;
}

#customerEdit input[type=text], #customerEdit input[type=password] {
    width:400px;
    padding:3px;
}

#customerEdit textarea {
    width:400px;
    height:100px;
    padding:3px;
}