#ccm-page-controls-wrapper{ margin-bottom:100px; }
@font-face {
    font-family: 'SansationBold';
    src: url('files/sansation/sansation_bold-webfont.eot');
    src: url('files/sansation/sansation_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('files/sansation/sansation_bold-webfont.woff') format('woff'),
         url('files/sansation/sansation_bold-webfont.ttf') format('truetype'),
         url('files/sansation/sansation_bold-webfont.svg#SansationBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SansationLight';
    src: url('files/sansation/Sansation_Light-webfont.eot');
    src: url('files/sansation/Sansation_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('files/sansation/Sansation_Light-webfont.woff') format('woff'),
         url('files/sansation/Sansation_Light-webfont.ttf') format('truetype'),
         url('files/sansation/Sansation_Light-webfont.svg#SansationLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SansationRegular';
    src: url('files/sansation/Sansation_Regular-webfont.eot');
    src: url('files/sansation/Sansation_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('files/sansation/Sansation_Regular-webfont.woff') format('woff'),
         url('files/sansation/Sansation_Regular-webfont.ttf') format('truetype'),
         url('files/sansation/Sansation_Regular-webfont.svg#SansationRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
#lnfLogo{ height:74px; margin-top:20px; margin-left:30px; }
#miniSurveyView565{ display:none; }
.christmas{ background:#111111 url('lnf/files/7713/2342/9962/christmas_bg.jpg') center top no-repeat; }
img{ border:none; }
ul{ margin-left:20px; padding-left:0; }
.notice{ color:#000000; font-family:SansationLight; width:297px; height:140px; overflow:none; background:url('/files/5413/2311/9123/noticeboard.png') center no-repeat; margin:auto; margin-bottom:20px; padding:20px 30px; }
.notice h2{ color:black; }
.nav{ margin-bottom:20px; }
body{ background:#020202; font-family:SansationLight; font-size:13px; color:#cacaca; text-align:center; margin:0; padding:0; line-height:20px; }
h1{ font-size:36px; font-weight:normal; margin-top:0; }
h2,.ccm-page-list-title{ margin-top:0; margin-bottom:5px; padding:0; }
h1,h2,h3,.ccm-page-list-title{ font-family:SansationLight; }
a,h1,h2,h3 { color:#ffffff; }
#col1 .ccm-page-list-description{ margin-bottom:20px; }
p{ margin:2px; }
#maincontainer{ width:1000px; text-align:left; margin:0 auto; padding:0 50px;}
.styled{  box-shadow:0px 0px 6px #aaaaaa; -moz-box-shadow: 0px 0px 6px rgb(aa,aa,aa); background-color:#333333; padding:4px; }
#top{ background:url('/themes/pion/files/topback.jpg') bottom center no-repeat; width:924px; height:51px; }
#header{ position:relative; background:url('/themes/pion/files/back.jpg') repeat-y; width:924px; height:120px; }
#footer{ postition:relative; background:url('/themes/pion/files/bottomback.jpg') no-repeat; width:924px; height:148px; padding-top:20px; padding-bottom:40px; }
#container{ position:relative; background:url('/themes/pion/files/back.jpg') repeat-y; width:900px; min-height:600px; margin:0; padding:30px;}
#menuwrap{ position:absolute; right:50px; bottom:27px; }
#menuwrap li{ float:left; margin-left:30px; list-style-type:none; }
#menuwrap a{ text-decoration:none; font-family:SansationRegular;} 
a{ color:#ffffff; text-decoration:none; }
a:hover{ text-decoration:underline; }
#col1menu .nav-selected{ background:#333333; }
.nav-selected{ font-weight:bold; }
#col1menu li{  padding:5px;}
#col1menu ul{  padding-left:0;}
#col1menu ul, #col1menu li{ list-style-type:none; margin:0; }
#col1menu ul{ margin-bottom:20px; }
#col1menu{ width:220px; float:left; }
#col1menu.nav li{ padding-left:20px; } 
.col2transparent{ box-shadow:0px 0px 6px #aaaaaa; -moz-box-shadow: 0px 0px 6px rgb(aa,aa,aa); opacity:0.2; filter:alpha(opacity=20);  -moz-opacity:0.2; background-color:#444444; border:2px solid #222222; width:630px; position:absolute; top:25px; left:0px; z-index:0; }
.framed{ font-family:SansationLight; box-shadow:0px 0px 6px #aaaaaa; -moz-box-shadow: 0px 0px 6px rgb(aa,aa,aa);  -moz-opacity:0.2; background-color:#111111; border:2px solid #222222; padding:10px; width:95%; margin:20px 0; }
.imghead{ font-family:SansationLight; box-shadow:0px 0px 6px #aaaaaa; -moz-box-shadow: 0px 0px 6px rgb(aa,aa,aa);  -moz-opacity:0.2; background-color:#111111; border:2px solid #222222; width:880px; height:237px; margin: 0;  margin-bottom:20px; padding: 0; }
a:visited{ color:#eaeaea; }
#topcontent{ margin-bottom:40px; }
#col1{ width:372px; float:left; margin-right:20px; margin-left:30px; }
#col2{ width:422px; float:left;  }
#headline{ padding:0; margin:0; height:26px; padding-top:6px; color:#ffffff; padding-left:10px; }
/* .headline{ background: url('/themes/pion/files/newsback.png') top center repeat-x; margin-top:1px; color:#676767; padding:5px 20px;  } */
.headline{ background: url('/files/4113/2288/0956/separator.png') top center no-repeat; margin-top:1px; color:#ffffff; padding:20px; padding-bottom:0px;  }
.headlinetitle{ text-decoration:underline; }

.arrow,.headlinetitle{ font-size:14px; }
.arrow{ width: 30px; cursor:pointer; }
.headlinecontent{ margin-top:15px; display:none; }

.ccm-page-list-thumbnail img{ margin:0; margin-right:10px; padding:0; }
.ccm-page-list-thumbnail h3{ margin:0; }



/** ADMIN */

.panel{ width:100%; z-index:2; margin-top:0px; min-height:20px; padding:0px; height:46px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -webkit-box-shadow: 0px 0px 2px 1px rgba(190,190,190,190);
-moz-box-shadow: 0px 0px 2px 1px rgba(190,190,190,190);
box-shadow: 0px 0px 2px 1px rgba(190,190,190,190); background:#222222; /* Old browsers */
}
.list{ border:1px solid #444444; z-index:1; }
.list tr:nth-child(odd) {background: #222222;}
#main { font-size:11px; font-family:Verdana; }
#colmenu{ height:50px;}
#colmenu div{ float:left; margin-left:10px; }
#addcomponentform{ display:none; position:absolute; top:0; left:0; background:#000000; padding:40px; }
.shadow{ -webkit-box-shadow: 0px 0px 2px 1px rgba(190,190,190,190); -moz-box-shadow: 0px 0px 2px 1px rgba(190,190,190,190); box-shadow: 0px 0px 2px 1px rgba(190,190,190,190); }
.json{ padding:30px; display:none; background:#000000; z-index:10; }
.mactive{ background:url('/files/7613/2680/0828/admin_icon_background.png') no-repeat; width:48px; height:48px; }
.menu:hover{ background:url('/files/7613/2680/0828/admin_icon_background.png') no-repeat;  }
#searchBar{ position:fixed; top:0px; right:0px; width:350px; padding:0px; display:none; z-index:102; background:#000000; }
#searchpanel{ padding:20px; margin-bottom:20px; position:relative; padding-top:30px; }
#searchResult{ }
#closesearch{  position:absolute; top:0; right:0; padding:10px; height:30px; }
#searchinput{ width:290px; height:20px; }
.category{ border:1px solid #222222; }
.categorytitle{ padding:10px 20px; background:#111111; }
.categoryoutput{ margin-bottom:10px; }
.categoryoutput img{ margin-right:10px; }
.categoryinfo{ margin-bottom:3px; padding:20px; }
#topbar{ width:auto	; height:36x; background:#222222; position:absolute; top:0; right:0; text-align:right; padding:10px; }
#topbar2{ width:auto	; height:36x; background:#222222; position:absolute; top:0; right:0; text-align:right; padding:10px; }
#orderwrap{ clear:both; margin-top:20px; }
#productpanel{ padding:5px 10px; position:absolute; top:0; right:0px; }
#jsonwindow{ padding-top:60px; position:relative; top:30px; left:30px; margin-right:40px; min-width:300px; min-height:400px; max-width:900px; }
#productview{ min-width:400px; }
.windowpanel{ text-aling:right; position:absolute; top:10px; right:10px; }
.invoicewindow{ z-index:100; position:relative; background:#ffffff; color:#000000; max-width:600px;}
.clickable td{ cursor:pointer; }
.headerrow td{ font-weight:bold; }