/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
html {
background: #222222 url('../images/section_bg.jpg') no-repeat 0 0 fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body {
height: auto;
/* background-color: #222222; */
/* background: #222222 url(../images/site/shape184.png) 0 0; */
color: white;
}
section{
width:100%;
position: relative;
background: #6c150c url(../images/site/middleSectionBgStrech.jpg) no-repeat 50% 0;
-moz-background-size: 100%;
-webkit-background-size: 100%;
background-size: 100%;
padding: 10px 0;
}
section:before,
section:after { position: absolute; left: 0; height: 10px; width: 100%; display: block; content: ""; background: #f4aa09 url(../images/site/stripe_01.png) no-repeat 0 0; }
section:before { top: 0; }
section:after{ bottom: 0; }
footer{
height:120px;
/*background-color: blue;*/
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1 {
/* font-family: Georgia, serif;
font-weight: normal;
padding-top: 20px;
*/ }
h2 {
/* padding-top: 20px;
*/ }
p {
/* overflow: hidden;
padding: 10px 0;
*/ }
html { height: 100%; position: relative; }
body { }
.wrap { vertical-align: middle; position: absolute; left: 0; top: 50%; margin-top: -310px; height: 610px; width: 100%; }
/** menu **/
.nav-bar { margin: 0; padding: 0; overflow: hidden; }
.nav-bar li { display: inline-block; }
header .nav-bar li { vertical-align: bottom; margin-bottom:-1px;}
footer .nav-bar li { vertical-align: top; }
footer .nav-bar li a { border-radius: 0 0 360px 360px; }
header .nav-bar li a { border-radius: 360px 360px 0 0; }
.nav-bar li a {
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in; }
.nav-bar li a:hover { }
/*header styles */
header .nav-bar li { margin-right: 20px; }
header .nav-bar li:last-child { margin-right: 0; }
/** submenu **/
.subnav-bar { text-align: right; list-style: none; margin-right: 20px!important;margin-top: 0px; padding: 0; line-height: 26px; height: 32px; font-size: 12px!important; font-family: Helvetica, Arial, sans-serif; position: relative; border: 0;}
.subnav-bar li { border-radius: 0px 0px 3px 3px; display: inline-block; position:relative; }
.subnav-bar li a {
color: #fff; background: #5E0900; border:0; font-weight: normal; border-radius: 0px 0px 8px 8px; display: inline-block;
vertical-align: top; padding: 0 4px; margin: 0 3px 0 0; box-shadow: 1px 1px 2px rgba(0,0,0,.5); }
.subnav-bar li a:hover { }
.subnav-bar .selected a,
.subnav-bar a:hover { cursor: pointer; color: #000; background: #FDEF82; text-decoration: none; border-radius: 0px 0px 8px 8px;
box-shadow: 0 0 transparent; text-decoration: none;
background: #fffd9f;
background: -moz-linear-gradient(left, #fffd9f 0%, #cc9715 50%, #fffd9f 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fffd9f), color-stop(50%,#cc9715), color-stop(100%,#fffd9f));
background: -webkit-linear-gradient(left, #fffd9f 0%,#cc9715 50%,#fffd9f 100%);
background: -o-linear-gradient(left, #fffd9f 0%,#cc9715 50%,#fffd9f 100%);
background: -ms-linear-gradient(left, #fffd9f 0%,#cc9715 50%,#fffd9f 100%);
background: linear-gradient(to right, #fffd9f 0%,#cc9715 50%,#fffd9f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffd9f', endColorstr='#fffd9f',GradientType=1 );
}
/* tabs */
.tabrow { text-align: right; list-style: none; margin-right: 20px!important;margin-top: 0px; padding: 0; line-height: 26px; height: 32px; font-size: 12px; font-family: Helvetica, Arial, sans-serif; position: relative; border: 0; }
.tabrow li { border-radius: 0px 0px 3px 3px; display: inline-block; position:relative; }
.tabrow a { color: #fff; background: #5E0900; border:0; font-weight: normal; border-radius: 0px 0px 8px 8px; display: inline-block;
vertical-align: top; padding: 0 4px; margin: 0 3px 0 0; box-shadow: 1px 1px 2px rgba(0,0,0,.5); }
.tabrow .selected a,
.tabrow a:hover { cursor: pointer; color: #000; background: #FDEF82; text-decoration: none; border-radius: 0px 0px 8px 8px;
box-shadow: 0 0 transparent; text-decoration: none;
background: #fffd9f;
background: -moz-linear-gradient(left, #fffd9f 0%, #cc9715 50%, #fffd9f 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fffd9f), color-stop(50%,#cc9715), color-stop(100%,#fffd9f));
background: -webkit-linear-gradient(left, #fffd9f 0%,#cc9715 50%,#fffd9f 100%);
background: -o-linear-gradient(left, #fffd9f 0%,#cc9715 50%,#fffd9f 100%);
background: -ms-linear-gradient(left, #fffd9f 0%,#cc9715 50%,#fffd9f 100%);
background: linear-gradient(to right, #fffd9f 0%,#cc9715 50%,#fffd9f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffd9f', endColorstr='#fffd9f',GradientType=1 );
}
.tab-content > .tab-pane, .pill-content > .pill-pane {
display: none;
}
.tab-content > .active, .pill-content > .active {
display: block;
}
/* .makis, .omilies, .filoi, .home, .language,
{ display: block; background: url('../images/site/topnav.png') no-repeat;text-indent: -9999em; }
.makis { background-position: -0px -0px; width: 262px; height: 109px; }
.omilies { background-position: -0px -109px; width: 242px; height: 102px;margin-top:7px; }
.filoi { background-position: -0px -211px; width: 219px; height: 97px; margin-top:12px; }
.home { background-position: -0px -308px; width: 122px; height: 53px; margin-top:56px; }
.language { background-position: -0px -308px; width: 61px; height: 26px; margin-top:56px; }
*/
.bn{margin-top:-16px;}
.agapimena, .archeio, .makis, .junior, .omilies, .filoi, .home, .margarita, .omilies, .language, .language, .senior {
display: block; background: url(../images/site/navigation-en.png) no-repeat top left;text-indent: -9999em;
}
.agapimena{ background-position: 0 0; width: 260px; height: 130px; position: relative; z-index: 1; margin: 0 -50px 0 5px;}
.archeio{ background-position: 0 -149px; width: 172px; height: 87px; position: relative; z-index: 2; }
.filoi{ background-position: 0 -286px; width: 219px; height: 97px; margin: 0 -20px; }
.home{ background-position: 0 -433px; width: 122px; height: 53px; }
.junior{ background-position: 0 -536px; width: 182px; height: 83px; position: relative; z-index: 2; margin-left: -50px; }
.makis{ background-position: 0 -669px; width: 262px; height: 109px; margin: 0 -20px; }
.margarita{ background-position: 0 -828px; width: 181px; height: 84px; margin-left: -50px; }
.omilies{ background-position: 0 -962px; width: 242px; height: 102px; }
.language{ background-position: 0 -620px; width: 122px; height: 53px; position: relative; z-index: 2; margin-left: -70px; }
.senior{ background-position: 0 -1114px; width: 181px; height: 86px; margin: 0 20px; }
/* the container */
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
width:auto;
margin-right:30px;
overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
margin-right:0;
}
.mCS_disabled .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed .mCSB_container.mCS_no_scrollbar{
margin-right:30px;
}
.mCustomScrollBox .mCSB_scrollTools{
width:16px;
height:100%;
top:0;
right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
height:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{
padding-bottom:40px;
}
.mCSB_scrollTools .mCSB_draggerRail{
width:2px;
height:100%;
margin:0 auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
cursor:pointer;
width:100%;
height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
height:100%;
margin:0 auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
height:20px;
overflow:hidden;
margin:0 auto;
cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
bottom:0;
margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal .mCSB_container{
height:auto;
margin-right:0;
margin-bottom:30px;
overflow:hidden;
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
margin-bottom:0;
}
.mCS_disabled .mCSB_horizontal .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed .mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
margin-right:0;
margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
width:100%;
height:16px;
top:auto;
right:auto;
bottom:0;
left:0;
overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{
height:100%;
width:auto;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{
padding-bottom:0;
padding-right:20px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:2px;
margin:7px 0;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
width:30px;
height:100%;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
width:20px;
height:100%;
overflow:hidden;
margin:0 auto;
cursor:pointer;
float:left;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
right:0;
bottom:auto;
margin-left:-40px;
margin-top:-16px;
float:right;
}
/* default scrollbar colors and backgrounds */
.mCustomScrollBox .mCSB_scrollTools{
opacity:0.75;
}
.mCustomScrollBox:hover .mCSB_scrollTools{
opacity:1;
}
.mCSB_scrollTools .mCSB_draggerRail{
background:#000; /* rgba fallback */
background:rgba(0,0,0,0.4);
filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:#fff; /* rgba fallback */
background:rgba(255,255,255,0.75);
filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85);
filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9);
filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image:url(../mCSB_buttons.png);
background-repeat:no-repeat;
opacity:0.4;
filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position:0 0;
}
.mCSB_scrollTools .mCSB_buttonDown{
background-position:0 -20px;
}
.mCSB_scrollTools .mCSB_buttonLeft{
background-position:0 -40px;
}
.mCSB_scrollTools .mCSB_buttonRight{
background-position:0 -56px;
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
opacity:0.75;
filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
opacity:0.9;
filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.allinone_carousel {
position: relative;
}
.allinone_carousel img {
max-width: none;
max-height: none;
}
.allinone_carousel_list {
margin: 0;
padding: 0;
list-style: none;
display: none;
}
.allinone_carousel .contentHolder {
position: relative;
overflow: hidden;
}
.mycanvas {
position: absolute;
top: 8px;
right: 10px;
z-index: 1000;
}
.myloader {
background: url(../skins/loader.gif);
width: 37px;
height: 37px;
position: absolute;
left: 49%;
top: 49%;
z-index: 999;
}
/***charming SKIN***/
.allinone_carousel.charming .contentHolderUnit {
position: absolute;
/*float:left;
display: block;*/
/* width:452px;
height: 302px;
*/ width:400px;
height: 300px;
margin-top: 0px!important;
overflow: hidden;
cursor: pointer;
background: url(../skins/charming/empty.gif) repeat;
}
.allinone_carousel.charming .elementTitle {
position: relative;
left: 0;
line-height: 15px!important;
top: 20px;
width: 100%;
text-align: center;
font: bold 22px/30px 'Droid Sans', Verdana, Helvetica, sans-serif;
color: #FFFFFF;
text-transform: capitalize;
z-index: 200;
}
.allinone_carousel.charming .playOver {
position: absolute;
width: 73px;
height: 73px;
background: url(../skins/charming/play_overOFF.png) 0 0 no-repeat;
display: none;
z-index: 200;
cursor: pointer;
}
.allinone_carousel.charming .playOver:hover {
background: url(../skins/charming/play_overON.png) 0 0 no-repeat;
display: none;
z-index: 200;
cursor: pointer;
}
.allinone_carousel.charming .bannerControls {
position: absolute;
left: 0;
top: 0;
z-index: 101;
margin-top:120px!important;
width: 100%;
}
.allinone_carousel.charming .leftNav {
position: absolute;
left: 5px;
width: 47px;
height: 47px;
background: url(../skins/charming/leftNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.allinone_carousel.charming .leftNav:hover {
background: url(../skins/charming/leftNavON.png) 0 0 no-repeat;
}
.allinone_carousel.charming .rightNav {
position: absolute;
right: 5px;
width: 47px;
height: 47px;
background: url(../skins/charming/rightNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.allinone_carousel.charming .rightNav:hover {
background: url(../skins/charming/rightNavON.png) 0 0 no-repeat;
}
.allinone_carousel.charming .bottomNav {
position: absolute;
height: 35px;
width: 0;
padding-left: 9px;
z-index: 140;
}
.allinone_carousel.charming .bottomNavButtonOFF {
float: left;
display: block;
width: 19px;
height: 19px;
background: url(../skins/charming/bottomNavOFF.png) 0 0 no-repeat;
padding-left: 9px;
cursor: pointer;
}
.allinone_carousel.charming .bottomNavButtonON {
float: left;
display: block;
width: 19px;
height: 19px;
padding-left: 9px;
background: url(../skins/charming/bottomNavON.png) 0 0 no-repeat;
cursor: pointer;
}
.allinone_carousel.charming .bottomNavLeft {
display: none;
position: absolute;
z-index: 140;
}
.allinone_carousel.charming .bottomNavRight {
display: none;
position: absolute;
z-index: 140;
}
.allinone_carousel.charming .bottomOverThumb {
position: absolute;
width: 88px;
height: 106px;
background: url(../skins/charming/bottomOverThumbBg.png) 23px bottom no-repeat;
bottom: 27px;
xleft: 0px;
margin-left: -25px;
}
.allinone_carousel.charming .bottomOverThumb img {
border: 4px solid #22032e;
}
/*******/
/***sweet SKIN***/
.allinone_carousel.sweet .contentHolderUnit {
position: absolute;
/*float:left;
display: block;*/
width:520px;
height: 385px;
overflow: hidden;
cursor: pointer;
/*border:1px #F00 solid;*/
background:url(../skins/sweet/empty.gif) repeat;
}
.allinone_carousel.sweet .elementTitle {
position: absolute;
left: 0;
top: 15px;
width: 100%;
text-align: center;
font: bold 22px/30px 'Droid Sans', Verdana, Helvetica, sans-serif;
color: #FFFFFF;
text-transform: capitalize;
}
.allinone_carousel.sweet .playOver {
position: absolute;
width: 100px;
height: 70px;
background: url(../skins/sweet/play_overON.png) 0 0 no-repeat;
display: none;
z-index: 200;
cursor: pointer;
}
.allinone_carousel.sweet .playOver:hover {
background: url(../skins/sweet/play_overOFF.png) 0 0 no-repeat;
display: none;
z-index: 200;
cursor: pointer;
}
.allinone_carousel.sweet .bannerControls {
position: absolute;
left: 0;
top: 0;
z-index: 101;
width: 100%;
}
.allinone_carousel.sweet .leftNav {
position: absolute;
left: -5px;
width: 110px;
height: 157px;
background: url(../skins/sweet/leftNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.allinone_carousel.sweet .leftNav:hover {
background: url(../skins/sweet/leftNavON.png) 0 0 no-repeat;
}
.allinone_carousel.sweet .rightNav {
position: absolute;
right: -5px;
width: 110px;
height: 157px;
background: url(../skins/sweet/rightNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.allinone_carousel.sweet .rightNav:hover {
background: url(../skins/sweet/rightNavON.png) 0 0 no-repeat;
}
.allinone_carousel.sweet .bottomNav {
position: absolute;
height: 35px;
width: 0;
padding-left: 9px;
z-index: 140;
}
.allinone_carousel.sweet .bottomNavButtonOFF {
float: left;
display: block;
width: 11px;
height: 11px;
background: url(../skins/sweet/bottomNavOFF.png) 0 0 no-repeat;
padding-left: 9px;
cursor: pointer;
}
.allinone_carousel.sweet .bottomNavButtonON {
float: left;
display: block;
width: 11px;
height: 11px;
padding-left: 9px;
background: url(../skins/sweet/bottomNavON.png) 0 0 no-repeat;
cursor: pointer;
}
.allinone_carousel.sweet .bottomNavLeft {
position: absolute;
width: 63px;
height: 35px;
bottom: -10px;
z-index: 140;
}
.allinone_carousel.sweet .bottomNavRight {
position: absolute;
width: 63px;
height: 35px;
bottom: -10px;
z-index: 140;
}
.allinone_carousel.sweet .bottomOverThumb {
position: absolute;
width: 88px;
height: 106px;
background: url(../skins/sweet/bottomOverThumbBg.png) 23px bottom no-repeat;
bottom: 27px;
margin-left: -25px;
}
.allinone_carousel.sweet .bottomOverThumb img {
border: 4px solid #FFFFFF;
}
/***powerful SKIN***/
.allinone_carousel.powerful .contentHolderUnit {
position: absolute;
/*float:left;
display: block;*/
width:326px;
height: 329px;
overflow: hidden;
cursor: pointer;
background: url(../skins/powerful/empty.gif) repeat;
}
.allinone_carousel.powerful .elementTitle {
position: absolute;
left: 0;
top: 370px;
width: 100%;
text-align: center;
font: bold 16px/25px 'Droid Sans', Verdana, Helvetica, sans-serif;
color: #000000;
text-transform: uppercase;
}
.allinone_carousel.powerful .playOver {
position: absolute;
width: 100px;
height: 100px;
background: url(../skins/powerful/play_over.png) 0 0 no-repeat;
display: none;
z-index: 200;
cursor: pointer;
}
.allinone_carousel.powerful .playOver:hover {
background: url(../skins/powerful/play_over2.png) 0 0 no-repeat;
display: none;
z-index: 200;
cursor: pointer;
}
.text_span_powerful {
position: absolute;
left: 0;
width: 100%;
text-align: center;
font-weight: normal;
color: #FFFFFF;
text-transform: none;
}
.allinone_carousel.powerful .bannerControls {
position: absolute;
left: 0;
top: 0;
z-index: 101;
width: 100%;
}
.allinone_carousel.powerful .leftNav {
position: absolute;
left: -23px;
width: 110px;
height: 157px;
background: url(../skins/powerful/leftNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.allinone_carousel.powerful .leftNav:hover {
background: url(../skins/powerful/leftNavON.png) 0 0 no-repeat;
}
.allinone_carousel.powerful .rightNav {
position: absolute;
right: -23px;
width: 110px;
height: 157px;
background: url(../skins/powerful/rightNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.allinone_carousel.powerful .rightNav:hover {
background: url(../skins/powerful/rightNavON.png) 0 0 no-repeat;
}
.allinone_carousel.powerful .bottomNav {
position: absolute;
height: 35px;
width: 0;
padding-left: 9px;
margin-left: -3px;
z-index: 140;
}
.allinone_carousel.powerful .bottomNavButtonOFF {
float: left;
display: block;
width: 13px;
height: 13px;
background: url(../skins/powerful/bottomNavOFF.png) 0 0 no-repeat;
padding-left: 9px;
cursor: pointer;
}
.allinone_carousel.powerful .bottomNavButtonON {
float: left;
display: block;
width: 13px;
height: 13px;
padding-left: 9px;
background: url(../skins/powerful/bottomNavON.png) 0 0 no-repeat;
cursor: pointer;
}
.allinone_carousel.powerful .bottomNavLeft {
position: absolute;
width: 0px;
height: 35px;
bottom: -10px;
z-index: 140;
}
.allinone_carousel.powerful .bottomNavRight {
position: absolute;
width: 0px;
height: 35px;
bottom: -10px;
z-index: 140;
}
.allinone_carousel.powerful .bottomOverThumb {
position: absolute;
width: 88px;
height: 106px;
background: url(../skins/powerful/bottomOverThumbBg.png) 23px bottom no-repeat;
bottom: 27px;
margin-left: -25px;
}
.allinone_carousel.powerful .bottomOverThumb img {
border: 4px solid #FFFFFF;
}
.hideElement {
display: none;
}
/*#wrapper {
background-color: #fff;
width: 100%;
height: 301px;
overflow: hidden;
position: relative;
top: 50%;
left: 0;
}
#carousel img {
display: block;
float: left;
}
#prev, #next {
background-color: rgba(255, 255, 255, 0.7);
display: block;
height: 301px;
width: 50%;
top: 0;
position: absolute;
}
#prev:hover, #next:hover {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
}
#prev {
left: -495px;
}
#next {
right: -495px;
}
#pager {
margin-left: -470px;
position: absolute;
left: 50%;
bottom: 10px;
}
#pager a {
border: 2px solid #fff;
border-radius: 10px;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px 0 0;
}
#pager a:hover {
background-color: rgba(255, 255, 255, 0.5);
}
#pager a span {
display: none;
}
#pager a.selected {
background-color: #fff;
}
*/
.header{
/*width: 300px;*/
margin-top:10px;
margin-right:10px;
margin-left: -30px;
}
.header h1{
color:#FAD044;
font:normal 20px arial;
/*background: transparent url(../images/site/header-img.png) no-repeat top left;*/
}
.widget{
/*width: 300px;*/
/* margin-top:10px;
*/
margin:0 10px 10px -30px;
height: 260px;
overflow-x: auto;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
display: none;
}
::-webkit-scrollbar-track-piece {
background-color: #fff;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
-webkit-border-radius: 6px;
background: #ccc url(../images/site/scrollbar_thumb_bg.png) no-repeat center;
}
.spnimg{
margin-top: 13px;
margin-left: -18px;
}
.spnimg-video{
margin-top: 12px;
margin-left: -40px;
}
.wvideo{
margin: 0 10px 10px -45px;
}
.widget p{
font-size:12px;
/* margin:-1em 0;
*/ padding-right:10px;
}
.widget h1{
color:#FAD044;
font:normal 20px arial;
/*background: transparent url(../images/site/header-img.png) no-repeat top left;*/
}
.widget h2{
color:#FAD044;
font:normal 14px arial;
}
.widget ul li{
font-size:12px;
}
.widget ul li .list-header{
color: #FAD044;
}
.widget i{
color: rgb(136, 136, 136);
}
.wvideo ul{
list-style:none;
list-style-position:inside;
padding:0;
margin:0;
}
.wvideo ul li a{
font-size:12px;
color:#fff;
}
.wvideo ul li:hover{
background-color: rgba(224, 222, 182, 0.56);
color: #FAD044;
}
.wvideo ul li a:hover, .widget ul li:hover a{
color: #FAD044;
text-decoration:none;
}
#player_4605{z-index:10;}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px!important;
margin-bottom: 10px!important;
}
img {
max-width: 150% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
@media only screen and (min-width: 480px) {
/* Styles */
}
@media only screen and (mΞ±x-width: 900px) {
.wrap { position: static; }
}
@media only screen and (orientation:portrait){
transform: rotate(180deg);
}
}
}