a,a:not(.btn),body{ font-size: 13px; -webkit-transition:color 1s ease-in; -moz-transition:color 1s ease-in; -o-transition:color 1s ease-in; transition:color 0.25s ease-in; } a, a:hover, a:active, a:link,a:visited{ text-decoration: none; outline: none; } ul{ margin: 0; padding: 0; } ul li{ list-style: none; outline: none; } .float-left { float: left; } .float-right .mod-wrapper{ float: right; } #breadcrumbs{ padding: 0 10%; } h2,h1,h2,h3,h4,h5,h6,.module h3,.pf-desc h2 { color: #555; } /** Layout */ .pos-absolute,#sp-absolute-wrapper{ position: absolute; } #sp-component legend{ margin-bottom: 40px!important; } #sp-message-area{ position: relative; } #sp-sidebar-a{} /*GT02 Blognews*/ #sp-toolbar-wrapper{ background: none repeat scroll 0 0 #333333; color: #848484; border-bottom: 1px solid; box-shadow: 0 0 5px #000000; overflow: hidden; } #innertop > .grid-box > .module > h3,#innerbottom > .grid-box > .module > h3{ color: #999; font-size: 15px; line-height: 30px; text-shadow: none; } #sp-sidebar-a .sbmod-tit h3{ background: none repeat scroll 0 0 #2F3335; color: #fff; font-size: 13px; height: 38px; line-height: 38px; padding-left: 15px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.75); } #sp-sidebar-a { background: url("../images/bg-left.png") repeat-y scroll 0 0 #fff; padding-left: 15px; border-left: 1px solid #fff; margin-bottom: -30px; margin-top: -30px; padding-top: 15px; } #top-a{ border-bottom: 1px dashed #E1E1E1; } h3.header { border-bottom: 4px solid #eee; color: #B3B3B3; font-size: 15px; line-height: 30px; text-transform: uppercase; font-weight: bold; } #sp-sidebar-a h3.header { border: none; } /* Toolbar ----------------------------------------------------------------------------------------------------*/ #sp-toolbar-wrapper{ display: block; min-height: 35px; line-height: 35px; overflow: hidden; } .tb-nav ul li{ background: url("../images/tb-separate.png") no-repeat scroll right 50% transparent; float: left; line-height: 30px; padding: 0 10px; } .tb-nav ul li:last-child{ background: none; } .tb-nav ul li a{ color: #555; font-size: 11px; font-family: arial; } /*---Social icons---*/ .tb-social ul li{ background: url("../images/bg-social-tb.png") repeat scroll 0 0 transparent; cursor: pointer; display: block; float: left; height: 34px; line-height: 34px; width: 28px; } .tb-social ul li.ic-tw a{ background: url("../images/ic-social-tb.png") no-repeat scroll 2px 4px transparent; display: block; height: 25px; width: 25px; } .tb-social ul li.ic-tw a:hover{ background: url("../images/ic-social-tb.png") no-repeat scroll 2px -23px transparent; } .tb-social ul li.ic-fb a{ background: url("../images/ic-social-tb.png") no-repeat scroll -27px 4px transparent; display: block; height: 25px; width: 25px; } .tb-social ul li.ic-fb a:hover{ background: url("../images/ic-social-tb.png") no-repeat scroll -27px -23px transparent; } .tb-social ul li.ic-pin a{ background: url("../images/ic-social-tb.png") no-repeat scroll -56px 4px transparent; display: block; height: 25px; width: 25px; } .tb-social ul li.ic-pin a:hover{ background: url("../images/ic-social-tb.png") no-repeat scroll -56px -23px transparent; } .tb-social ul li.ic-in a{ background: url("../images/ic-social-tb.png") no-repeat scroll -85px 4px transparent; display: block; height: 25px; width: 25px; } .tb-social ul li.ic-in a:hover{ background: url("../images/ic-social-tb.png") no-repeat scroll -85px -23px transparent; } .tb-social ul li.ic-rss a{ background: url("../images/ic-social-tb.png") no-repeat scroll -115px 4px transparent; display: block; height: 25px; width: 25px; } .tb-social ul li.ic-rss a:hover{ background: url("../images/ic-social-tb.png") no-repeat scroll -115px -23px transparent; } .tb-social ul li.ic-cir a{ background: url("../images/ic-social-tb.png") no-repeat scroll -145px 4px transparent; display: block; height: 25px; width: 25px; } .tb-social ul li.ic-cir a:hover{ background: url("../images/ic-social-tb.png") no-repeat scroll -145px -23px transparent; } .tb-social ul li.ic-vi a{ background: url("../images/ic-social-tb.png") no-repeat scroll -175px 4px transparent; display: block; height: 25px; width: 25px; } .tb-social ul li.ic-vi a:hover{ background: url("../images/ic-social-tb.png") no-repeat scroll -175px -23px transparent; } .tb-social ul li.ic-gp a{ background: url("../images/ic-social-tb.png") no-repeat scroll -204px 4px transparent; display: block; height: 25px; width: 25px; } .tb-social ul li.ic-gp a:hover{ background: url("../images/ic-social-tb.png") no-repeat scroll -204px -23px transparent; } .tb-social ul li.ic-yt a{ background: url("../images/ic-social-tb.png") no-repeat scroll -234px 4px transparent; display: block; height: 25px; width: 25px; } .tb-social ul li.ic-yt a:hover{ background: url("../images/ic-social-tb.png") no-repeat scroll -234px -23px transparent; } /*---Search---*/ .tb-social{ background: url("../images/tb-separate.png") no-repeat scroll right 50% transparent; display: block; height: 35px; padding-right: 5px; width: 100%; } .tb-social ul{ float: right; margin-right: 7px; } .search{ } .searchbox .results li.results-header{ border-bottom: 1px solid #222; } .searchbox .results li.results-header, .searchbox .results li.more-results{ text-transform: none; font-family: open sans,arial; } #toolbar .searchbox{ background: url("../images/ic-search.png") no-repeat scroll 0 50% transparent; border: medium none; height: 35px; line-height: 35px; width: 55px; } #toolbar .searchbox input{ background: none repeat scroll 0 0 transparent; border: medium none; box-shadow: none; color: #848484; font-size: 12px; height: 33px; line-height: 34px; padding: 0 10px; } .searchbox .results { background: none repeat scroll 0 0 #333; border: 1px solid #222; } #sp-tb4 input{ background: url("../images/ic-search.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0); border: medium none; padding-left: 35px; width: 130px; font-size: 12px; } #sp-tb4 input:HOVER,#sp-tb4 input:FOCUS{ box-shadow:none; } .ltr #sp-tb1.span2 { margin-left: -15px; width: 133px; } .ltr #sp-tb2.span4{ margin-left: 13px; width: 35%; } .date-l { float: left; width: 10px; } .date-r .ic-date{ font-size: 12px; line-height: 28px; margin-left: 25px; text-align: center; text-shadow: 0 1px 0 #444; width: 25px; } .date-r { background: url("../images/tb-separate.png") no-repeat scroll right 50% transparent; display: block; height: 34px; line-height: 34px; padding-right: 3px; width: 100%; } .date-r span{ display: block; float: left; } .date-r .ic-day { font-family: arial; font-size: 11px; font-weight: normal; line-height: 28px; margin-bottom: 0; margin-left: 0; margin-top: 0; opacity: 0.55; } .date-r .ic-month{ font-size: 12px; line-height: 28px; opacity: 0.55; } .dateontop ul { margin: 0; padding: 0; } .dateontop ul li { float: left; list-style: none outside none; margin-right: 5px; margin-top: 4px; position: relative; } .dateontop ul li i{ font-size: 15px; font-weight: normal; margin-left: 15px; margin-top: 6px; position: absolute; } /* Authenticate */ .gt-authen ul { font-size: 11px; margin-top: 8px; } .gt-authen ul li { float: left; margin-right: 5px; } .gt-authen ul li a{ color: #848484; font-size: 12px; font-weight: normal; } #sp-tb4.span2 form{ margin: 0; } /*Header */ #sp-header-wrapper,#sp-main-body-wrapper,#sp-top-a-wrapper{ background: #fff; } #sp-main-body-wrapper{ border: none; background: #fff; } #sp-header-wrapper{ margin-top: 30px; } /*Menu*/ #sp-menu{ margin-top: 0; } #sp-main-menu ul.level-0 > li:hover, #sp-main-menu ul.level-0 > li.active{ box-shadow:none!important; } .sp-submenu .sp-submenu-wrap{ background: #222!important; } #sp-main-menu div.sp-menu-group .sp-menu-group-title{ border-bottom:1px solid #333!important; } #sp-menu-wrapper{ background: #fff; } #sp-main-menu ul.level-0 > li > a{ font-size: 15px; } #sp-menu-wrapper .container{ background: #333; height: 45px; } #sp-main-menu ul{ background: #222; } #sp-main-menu li li{ border: none!important; } #sp-main-menu li li:hover,#sp-main-menu li li:hover:not(.sp-menu-group), #sp-main-menu li li.active:not(.sp-menu-group){ background: #000!important; } #sp-main-menu ul.level-0 > li { height: 45px; line-height: 23px; margin: 0px 5px 0 0; } .level-0 > li:first-child > a { padding-left: 45px!important; } .level-0 > li:first-child > a > i { font-size: 20px; left: 20px; position: absolute; top: 10px; } #sp-main-menu ul.level-0 > li a:hover,#sp-main-menu ul.level-0 > li.active a,#sp-main-menu ul.level-0 > li:HOVER > a{ color: #fff; box-shadow:none!important; } /*K2 News By Cats*/ /*Breaking News*/ /* Ticker Styling */ .gt-newstick{ } .br-hdbg{ background: none repeat scroll 0 0 #444444; margin-top: 4px; padding: 0 6px 2px 10px; } .br-arr{ background: url("../images/bg-breakingnews.png") no-repeat scroll -3px 10px #fff; display: block; height: 36px; width: 7px; position: absolute; margin-left: 70px; } .mewstick-left{ color: #fff; float: left; font-size: 14px; line-height: 30px; width: 10%; margin-left: -27px; } .mewstick-left span{ float: left; } .mewstick-right{ float: right; width: 50%; } .mewstick-right-ma{ display:none; float: right; margin-top: -40px; width: 90%; } .ticker-wrapper.has-js { width: 75%; height: 32px; display: block; padding: 4px; font-size: 0.75em; } .ticker { width: 90%; height: 23px; display: block; position: relative; overflow: hidden; } .ticker-content { font-size: 15px; line-height: 1.2em; margin: 0; overflow: hidden; padding-top: 6px; position: absolute; white-space: nowrap; } .ticker-content:focus { none; } .ticker-content a { color: #666; font-size: 13px; text-decoration: none; } .ticker-swipe { margin-top: 7px; position: absolute; top: 0px; display: block; width: 10px; height: 23px; } .ticker-swipe span { height: 12px; width: 10px; display: block; } .ticker-controls { display: none; float: left; margin-top: 0; padding-left: 0; width: 0; height: 0; } .ticker-controls li { } .ticker-controls li.jnt-play-pause { } .ticker-controls li.jnt-play-pause.over { } .ticker-controls li.jnt-play-pause.down { } .ticker-controls li.jnt-play-pause.paused { } .ticker-controls li.jnt-play-pause.paused.over { background-position: 48px 32px; } .ticker-controls li.jnt-play-pause.paused.down { background-position: 48px 0px; } .ticker-controls li.jnt-prev { background-image: url('../images/controls.png'); background-position: 0px 16px; } .ticker-controls li.jnt-prev.over { background-position: 0px 32px; } .ticker-controls li.jnt-prev.down { background-position: 0px 0px; } .ticker-controls li.jnt-next { background-image: url('../images/controls.png'); background-position: 16px 16px; } .ticker-controls li.jnt-next.over { background-position: 16px 32px; } .ticker-controls li.jnt-next.down { background-position: 16px 0px; } .js-hidden { display: none; } .no-js-news { padding: 10px 0px 0px 45px; color: #F8F0DB; } .left .ticker-swipe { /*left: 80px;*/ } .left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker { float: left; margin-left: -15px; } .left .ticker-controls { float: left; margin-top: 0; padding-left: 0; } .right .ticker-swipe { /*right: 80px;*/ } .right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker { float: right; } .right .ticker-controls { padding-right: 6px; } /*Camera Slider*/ .camera_wrap{ margin-bottom: 0!important; } .camera_caption { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); height: 114px; } .camera_caption p { color: #A4A4A4; font-size: 15px; height: 43px; line-height: 23px; margin-top: -10px; overflow: hidden; text-shadow: none; } .camera_prev > span { background: url("../images/camera_skins.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.75); } .camera_next > span { background: url("../images/camera_skins.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.75); } .camera_caption h2 { color: #E1E1E1; cursor: pointer; font-size: 20px; line-height: 25px; margin-bottom: 15px; margin-top: 10px; } .camera_pag { display: block; margin-top: -30%; position: absolute; } .camera_wrap .camera_pag .camera_pag_ul li { height: 25px; margin: 20px 1px; width: 25px; } .camera_wrap .camera_pag .camera_pag_ul li { background: url("../images/cam-bullet.png") repeat scroll -70px -18px transparent; } .camera_wrap .camera_pag .camera_pag_ul li:hover > span { background: url("../images/cam-bullet.png") repeat scroll -43px -18px transparent; } .cameraCont, .cameraContents{ top: 0!important; } .camera_caption .readmore{ color: #fff; font-family: champagne; font-size: 18px; height: 29px; line-height: 29px; margin-left: -30px; margin-top: -46px; padding: 6px 9px; position: absolute; cursor: pointer; display: inline-block; outline: none; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .camera_azure_skin .camera_prev > span:hover, .camera_azure_skin .camera_next > span:hover{ background-color: #000; } .camera_caption .readmore i{ width: 20px; font-size: 24px; line-height: 30px; } /*K2 News by cat*/ .nspImageGallery a{ display: block; } .nspMainPortalMode4 .nspImages { margin-top: 10px; } .nspMainPortalMode4 .nspHeader{ border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; width: 93%!important; } .nspMainPortalMode4 .nspHeader a{ font-size: 12px!important; font-weight: normal!important line-height: 17px!important; } /* Cat News */ .entertaiment{ margin-top: -25px; } #innertop > .grid-box > .module > h3,#innerbottom > .grid-box > .module > h3{ color: #999; font-size: 15px; line-height: 30px; text-shadow: none; } .cat-news .hnews{ background: none repeat scroll 0 0 #222; display: block; overflow: hidden; height: 220px; margin-top: 15px; } .cat-news .lst-nav { background: url("../images/nav-lstnews.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.5); display: block; height: 55px; margin-left: 10.5%; margin-top: 6%; position: absolute; width: 55px; opacity:0; } .cat-news .lst-nav:hover{ background-color: #222; } .cat-news .lst-nav a { display:block; height: 55px; text-indent: -9000px; width: 55px; } .cat-news .zimg .sc-dark{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); display: block; height: 220px; position: absolute; width: 25.7%; opacity:0; } .hnews{ background: #222; } .hnews .share-this{ background: url("../images/ic-share.png") no-repeat scroll 0 -3px transparent; color: #808080; font-family: arial; font-size: 13px; font-weight: bold; padding-left: 25px; position: relative; top: -7px; } .hnews a .share-this{ text-indent: 15px; } .zimg{ display: block; float: left; width: 50%; } .zimg img { height: 220px; width: 100%; } .hnews-content{ float: right; padding-right: 10px; width: 48%; } .hn-share{ margin-left: 30px; margin-top: 187px; position: absolute; } .hnews-icon{ margin-top: -5px; position: absolute; } .hnews ul{ margin-top: 0; padding-left: 10px; } a.comments{ font-size: 11px; color: #555; } .hnews ul li h3 { font-weight: normal; line-height: 25px; margin-top: 10px; text-shadow: none; } .hnews ul li h3 a { color: #8A8A8A; font-size: 18px; line-height: 23px; } .hn-content{ background: none repeat scroll 0 0 #222222; display: block; height: 231px !important; padding-left: 15px; padding-right: 5px; } .hn-content h3{ font-weight: bold; line-height: 25px; font-size: 20px; padding-top: 10px; } .hn-icon{ color: #555; font-size: 12px; font-weight: normal; margin-bottom: 15px; margin-left: 10px; margin-top: -5px; } .cn-headnews .lst-nav { background: url("../images/nav-lstnews.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.5); display: block; height: 55px; margin-left: 43.5%; margin-top: 23%; position: absolute; width: 55px; opacity:0; } .cn-headnews .lst-nav:hover{ background-color: #222; } .cn-headnews .lst-nav a { display:block; height: 55px; text-indent: -9000px; width: 55px; } .cn-headnews .zimg .sc-dark{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); display: block; height: 220px; position: absolute; width: 25.7%; opacity:0; } .cat-news{ margin-top: 15px; } .hn-content h3 a{ color: #8A8A8A; font-size: 17px; } .hn-shares a{ color: #8A8A8A; font-size: 15px; } .cn-headnews{ background: none repeat scroll 0 0 #222; display: block; height: 230px; overflow: hidden; width: 100%; } .cn-headnews img{ height: 230px; } .cn-headnews .span6{ overflow: hidden; position: relative; } .cn-headnews .sc-dark { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); display: block; height: 100%; opacity: 0; position: absolute; width: 100%; } .hn-shares .share-this { background: url("../images/ic-share.png") no-repeat scroll 0 -3px rgba(0, 0, 0, 0); color: #808080; font-family: arial; font-size: 13px; font-weight: bold; padding-left: 25px; position: relative; } .hn-readmore{ position: relative; } .hn-content .readmore { color: #FFFFFF; cursor: pointer; float: right; font-size: 18px; padding: 7px 10px; position: absolute; right: -5px; top: 186px; } .hn-content p{ color: #555; } .list-news .hnews ul li h3 a{ font-size: 16px; line-height: 22px; } .list-news .hnews-content { height: 220px; position: relative; width: 48%; } .list-news .cn-headnews{ margin-top: 15px; margin-bottom: 25px; } .lst-share{ margin-left: 30px; margin-top: 190px; position: absolute; } .hnews a.comments, .hnews .date-time { color: #444; font-size: 11px; } .hnews .hd-intro { color: #444; font-family: arial; font-size: 13px; margin-top: 30px; padding-right: 10px; } .hnews .hd-intro a{ color: #999; font-size: 12px; } .hnews .readmore { color: #fff; cursor: pointer; font-family: champagne; font-size: 18px; margin-top: -2px; padding: 7px 10px; position: absolute; right: -173px; } .hnews .readmore i:hover,.hnews .readmore a:hover{ color: #fff; } .news-related{ margin-top: 30px; } .news-related .span6{ margin-left: 0; } .news-related .hnews-icon i{ color: #B1B1B1; } .news-related .hnews-icon{ color: #B1B1B1; font-size: 11px; margin-left: 85px; } .news-related .hnews-icon a.comments { color: #B1B1B1; } .news-related ul li{ float: left; height: 85px; padding-right: 20px; width: 46%; } .news-related ul li img{ cursor: pointer; height: 55px; opacity: 1; position: absolute; width: 75px; } .news-related ul li img:hover{ opacity:0.75; } .news-related ul li p{ color: #999; font-family: arial; font-size: 13px; margin-left: 90px; margin-top: -5px; } .news-related ul li a.readmore { color: #999; font-size: 12px; text-align: right; } .news-related ul li p a{ color: #555; font-size: 13px; } .news-related ul li h5 .ida-time, .col-news-related ul li h5 .ida-time { color: #DDD; } .news-related ul li h5 span{ color: #B3B3B3; font-size: 11px; line-height: 12px; } .news-related ul li h5 a{ cursor: pointer; font-size: 13px; padding: 4px 9px 5px 8px; } .news-related ul li h5 i{ font-size: 16px; line-height: 19px; } .col-news{ display: block; height: 222px; width: 100%; } .colnews-cap{ color: #fff; font-size: 24px; height: 55px; margin-top: -86px; padding: 0 20px; position: relative; } .colnews-cap h3{ font-size:15px; line-height: 20px; padding-top: 5px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.35); } .colnews-cap h3 a{ color: #555; font-size: 15px; font-weight: bold; } .colnews-cap h3 a:hover{ color: #fff; text-shadow: none; } .col-news ul { margin-top: 15px; } .col-news-related ul li { display: block; height: 85px; width: 100%; } .col-news ul li{ overflow: hidden; } .col-news ul li img{ cursor: pointer; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; height: auto; } .col-news ul li img:hover{ cursor: pointer; -webkit-transform: scale(1.25) rotate(-7deg); -moz-transform: scale(1.25) rotate(-7deg); -ms-transform: scale(1.25) rotate(-7deg); -o-transform: scale(1.25) rotate(-7deg); transform: scale(1.25) rotate(-7deg); } .col-news-related ul li img{ height: 50px; margin-top: 5px; position: absolute; width: 70px; } .col-news-related ul li img:hover{ opacity:0.75; } .col-news-related ul li p{ font-size: 12px; margin-left: 85px; margin-top: -5px; } .col-news-related ul li p a{ color: #444; font-size: 13px; } .col-news-related .hnews-icon i{ color: #B1B1B1; } .col-news-related .hnews-icon{ color: #B1B1B1; font-size: 11px; margin-left: 85px; } .col-news-related .hnews-icon a.comments { color: #B1B1B1; } .col-news-related ul li h3 a{ color: #444; } .col-news-related ul li h5 { color: #B3B3B3; font-size: 11px; margin-left: 115px; margin-top: -10px; } .col-news-related ul li h5 i { font-size: 16px; line-height: 19px; } .col-news-related ul li h5 span { color: #999; font-family: champagne; font-size: 13px; line-height: 12px; } .col-news-related ul li h5 a { border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; color: #999; cursor: pointer; font-family:champagne; font-size: 15px; padding: 7px 6px 5px 3px } /*Grid News*/ .nbc-grdnews{ position: relative; } .grd-news-related{ margin-top: 15px; } .grd-news-related .imgcontainer{ overflow: hidden; position: relative; float: left; min-height: 30px; width: 100%; } .grd-news-related ul li { display: block; float: left; position: relative; } .grd-news-related ul li h3 { font-size: 13px; margin-top: 20px; line-height: 25px; } .grd-news-related ul li h5 { color: #B3B3B3; font-size: 11px; margin-left: 115px; margin-top: -10px; } .grd-news-related ul li img{ } .grd-news-related h3 a,.grd-news-related h3 a:hover{ color: #444; font-size: 13px; } .grd-nav{ display: block; float: right; margin-left: 94.6%; margin-top: -51px; position: absolute; width: 65px; } .grd-nav span{ cursor: pointer; display: block; float: left; height: 16px; margin: 0 1px; width: 19px; } .grd-nav a{ display: block!important; text-indent: -9999px; } .grd-nav span.grd-list{ background: url("../images/nav-grdnews.png") no-repeat scroll -20px 0 transparent; } .grd-nav span.grd-list:hover{ background: url("../images/nav-grdnews.png") no-repeat scroll -20px -17px transparent; } .grd-nav span.grd-grid{ background: url("../images/nav-grdnews.png") no-repeat scroll 0 0 transparent; } .grd-nav span.grd-grid:hover{ background: url("../images/nav-grdnews.png") no-repeat scroll 0 -17px transparent; } .grdn-date{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); color: #FFFFFF; display: block; float: left; height: 40px; line-height: 18px; margin-left: 10px; margin-top: 5px; position: absolute; text-align: center; width: 38px; } .grdn-date .date{ color: #222; font-size: 15px; } .grdn-date .month{ display: block; width: 100%; font-size: 10px; } .nav-grdn{ margin-left: 35%; position: absolute; margin-top: 12%; } .nav-grdn span{ cursor: pointer; display: block; float: left; height: 30px; line-height: 30px; margin: 0 4px; width: 30px; } .grd-news-related .sc-dark{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); opacity: 0; position: absolute; height: 100%; width: 100%; } .nav-grdn .grn-zoom{ background: url("../images/ic-navgr.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.5); margin-top: 113%; opacity:0; z-index: 99999; } .nav-grdn .grn-link{ background: url("../images/ic-navgr.png") no-repeat scroll -30px 0 rgba(0, 0, 0, 0.5); margin-top: 113%; opacity:0; z-index: 99999; } .nav-grdn .grn-zoom:hover, .nav-grdn .grn-link:hover{ background-color: #000; } .nav-grdn .grn-zoom a, .nav-grdn .grn-link a{ display:block; height: 30px; text-indent: -9000px; width: 30px; } .grdn-date ul li h3{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75); border-radius: 2px 2px 2px 2px; color: #999; font-size: 10px; height: 14px; line-height: 14px; margin-left: 1px; margin-top: -9px; text-align: center; width: 28px; } .list-news .hnews{ height: 220px; margin: 25px 0 35px; width: 100%; } .lst-nav { background: url("../images/nav-lstnews.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.5); display: block; height: 55px; margin-left: 20.5%; margin-top: 12%; position: absolute; width: 55px; opacity:0; } .lst-nav:hover{ background-color: #222; } .lst-nav a { display:block; height: 55px; text-indent: -9000px; width: 55px; } .list-news .zimg .sc-dark{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); display: block; height: 220px; position: absolute; width: 47.8%; opacity:0; } .list-news .hnews .readmore { color: #fff; cursor: pointer; font-family: champagne; font-size: 18px; margin-top: -5px; padding: 7px 10px; position: absolute; right: -173px; } /*Popular*/ .pdark h4 a{ color: #ccc; font-size: 13px; } .pcolor h4{ color: #fff; font-size: 13px; } .pcolor h4 a{ color: #fff; font-size: 13px; } .pcolor h4 a:hover,.pcolor span a:hover{ color:#333!important; } .popular ul li{ height: 95px; margin: 2px 0; } .pdark{ background: none repeat scroll 0 0 #444; } pcolor{ padding: 0 20px; } .pdark a{ width: 100%; } .pdark span,.pcolor span { } .pdark span i{ color: #666; font-size: 13px; opacity: 0.7; padding-bottom: 10px; padding-right: 5px; } .pcolor span i{ color:#fff; font-size: 13px; padding-bottom: 10px; padding-right: 5px; } .popu-num-c .cm-arr{ background: url("../images/bg-colorarr.png") no-repeat scroll 0 0 transparent; display: block; height: 18px; margin-top: -1px; position: absolute; width: 33px; z-index: 9999; } .popu-num-d { background: url("../images/bg-cmnum-grey.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFFFFF !important; display: block; float: right; font-size: 12px !important; height: 19px; right: -11px; margin-top: 24px; padding: 5px 4px; position: absolute; text-align: center; text-transform: uppercase; width: 24px; } .popu-num-d .cm-arr{ background: url("../images/bg-darkarr.png") no-repeat scroll 0 0 transparent; display: block; height: 18px; margin-top: -1px; position: absolute; width: 33px; z-index: 9999; } .popu-item{ position: relative; } .popu-num-c { color: #FFFFFF !important; display: block; float: right; font-size: 12px !important; height: 19px; right: -11px; margin-top: 23px; padding: 5px 4px; position: absolute; text-align: center; text-transform: uppercase; width: 24px; } .pdark span a,.pdark span{ color: #aaa; font-size: 11px; line-height: 20px; cursor: pointer; } .pcolor span a,.pcolor span{ color:#fff; cursor: pointer; font-size: 11px; line-height: 20px; } .popu-item{ padding-left: 25px; } #pa-popular .span12{ margin-left: 0; } .popular ol#pagination li.next { background: url("images/bg_buttons.png") no-repeat scroll 0 -48px transparent; right: -30px; } .popular ol#pagination li.prev { background: url("images/bg_buttons.png") no-repeat scroll 0 -64px transparent; left: -30px; } .popular ol#pagination li { background: none repeat scroll 0 0 #808080; cursor: pointer; display: inline-block; height: 16px; list-style: none outside none; margin: 0 2px; text-align: left; text-indent: -8000px; width: 16px; } /*paging2*/ .popular{ margin-top: 15px; } .swControls{ margin-left: 35% !important; margin-top: -266px; position: absolute; } .swPage{ display: block; } .gkTabsItem{ padding: 20px 0; } .gkTabsGK5 { margin-top: 30px !important; overflow: hidden; position: relative; } .gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li,.gkTabsWrap.vertical ol{ line-height: 34px !important; height: 34px; } #sp-sidebar-a .gkTabsWrap.vertical ol { background: none repeat scroll 0 0 #333333 !important; border-bottom: medium none; display: block; height: 40px; width: 100%; } .gkTabsWrap.vertical ol li:hover, .gkTabsWrap.vertical ol li.active, .gkTabsWrap.horizontal ol li:hover, .gkTabsWrap.horizontal ol li.active { height: 40px; line-height: 40px !important; } .gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li { background:transparent!important; border-radius:0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #fff; text-shadow: none!important; } #sp-sidebar-a .gkTabsWrap.vertical ol li, #sp-sidebar-a .gkTabsWrap.horizontal ol li { text-shadow: none!important; } .gkTabsWrap ol li:first-child{ margin-left: 10px!important; } a.swShowPage{ background-color: #808080; border-radius: 8px 8px 8px 8px; -o-border-radius: 8px 8px 8px 8px; -ms-border-radius: 8px 8px 8px 8px; -khtml-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; float: left; height: 8px; margin: 4px 3px; text-indent: -9999px; width: 8px; } /*Top Rate*/ .mod-top > h3.module-title{ color: #fff; font-size: 14px; height: 32px; line-height: 28px; padding-left: 15px; text-transform: uppercase; } #pa-toprate li { height: 80px; margin-bottom: 5px; } #pa-toprate li:last-child{ margin-bottom: 0; } .top-rate h4{ line-height: 20px; padding-left: 100px; } .top-rate p a{ color: #444; display: block; font-size: 13px; line-height: 20px; } .top-rate p{ color: #ccc; font-size: 13px; margin-top: -15px; padding-left: 130px; } .top-rate img { cursor: pointer; float: left; height: 55px; margin-top: 5px; position: relative; width: 75px; } .top-rate img:hover{ opacity:0.75; } .top-rate p { margin-top: 0; padding-left: 90px; } /* .top-rate .itemRatingBlock{ margin-top: -17px; padding-left: 100px; position: absolute; } .itemRatingList a, .itemRatingList .itemCurrentRating{ top: -28px; } */ #pa-toprate .itemRatingLog { float: left; font-size: 11px; margin-top: -6px; padding: 0 0 0 4px; position: relative; width: 100%; z-index: 10001; } #pa-toprate { margin-top: 5px; } #pa-toprate .itemRatingBlock{ margin-left: 90px; margin-top: -20px; } #pa-toprate .itemRatingList .itemCurrentRating{ margin-top: -27px; } /*Recent News*/ .recent-news{ margin-top: 10px; } .recent-news ul li { float: left; height: 65px; margin-bottom: 20px; } .recent-news ul li img { cursor: pointer; height: 55px; position: absolute; width: 75px; opacity:1; } .recent-news ul li img:hover{ opacity:0.75; } .recent-news ul li p { color: #444; font-size: 13px; line-height: 20px; margin-left: 93px; margin-top: -5px; } .recent-news ul li p a { color: #444; font-size: 12px; line-height: 20px; } .recent-news .hnews-icon { color: #B1B1B1; font-size: 11px; margin-left: 95px; } .recent-news .hnews-icon a.comments,.recent-news .hnews-icon i { color: #B1B1B1; } /*Photo News*/ .photonews{ margin-top: 10px; } .photonews ul li{ float: left; margin: 5px 14px; } .photonews ul li img { height: 50px; width: 75px; } .photonews ul li img:hover{ opacity:0.75; } /* Accordion News */ #innertop .gt-acc{ margin-bottom: -30px; } .gt-acc { margin-top: 20px; } .gt-acc .accordion-inner,.gt-acc .accordion-group{ border: none; } .gt-acc .accordion-heading { background: none repeat scroll 0 0 #F9F9F9; border-bottom: 0 none; margin-bottom: 5px; min-height: 35px; line-height: 35px; } .gt-acc h5{ line-height: 18px; } .gt-acc .acc-left{ margin-left: 15px !important; } .gt-acc .acc-right{ min-height: 160px; color: #777; } .gt-acc .acc-right h5 a,.gt-acc .acc-right h5{ color: #ccc; font-size: 13px; line-height: 20px; margin-top: 5px; text-align: right; } .gt-acc .accordion-heading a{ font-size: 15px; line-height: 25px; padding-left: 45px; } .gt-acc .acc-right h5 a{ background: none repeat scroll 0 0 #eee; color: #ccc; padding: 5px 15px; } .gt-acc .acc-right h5 a:hover{ color: #fff; } .gt-acc .accordion-body { display: none; margin-top: 15px; } .ac-date{ background: url("../images/acc-date.png") no-repeat scroll 0 -12px rgba(0, 0, 0, 0); display: block; height: 41px; margin-left: -4px; position: absolute; width: 36px; } .ac-date h3{ display: block; font-size: 13px; margin-top: 1px; position: absolute; text-align: center; width: 39px; } .ac-date h5{ color: #fff; display: block; font-size: 11px; margin-top: 22px; position: absolute; text-align: center; width: 39px; } /*Sidebar*/ /*Social Count*/ .social_count{ margin-top: 15px !important; } .social_count ul li{ float: left; height: 55px; width: 23%; max-width: 85px; text-align: center; margin: 0 3px; } .social_count ul li:first-child{ margin-left: 0; } .social_count ul li:hover { opacity:0.75; } .social_count li a i{ font-size: 30px; line-height: 60px; color: #fff; } .social_count li h2{ font-family: bebasneue; font-size: 10px; line-height: 18px; margin-top: 0; } .social_count li a.rss{ background: url("../images/bg-social4.jpg") no-repeat scroll 0 0 #ffa800; display: block; height: 55px; } .social_count li a.fb{ background: url("../images/bg-social3.jpg") no-repeat scroll 0 0 #2e3e7c; display: block; height: 55px; } .social_count li a.tw{ background: url("../images/bg-social2.jpg") no-repeat scroll 0 0 #25a7e5; display: block; height: 55px; } .social_count li a.m{ background: url("../images/bg-social1.jpg") no-repeat scroll 0 0 #60A02B; display: block; height: 55px; } .social_count li a.yt{ background: url("../images/bg-social1.jpg") no-repeat scroll 0 0 #60A02B; display: block; height: 55px; } .social_count li h2.rssc { background: none repeat scroll 0 0 #FFE6A6; color: #CF6E13; text-align: center; } .social_count li h2.fbc { background: none repeat scroll 0 0 #cbd7ff; color: #657fb7; text-align: center; } .social_count li h2.twc { background: none repeat scroll 0 0 #b5def4; color: #488bcd; text-align: center; } .social_count li h2.mc { background: none repeat scroll 0 0 #c2e69c; color: #648d37; text-align: center; } .social_count li h2.ytc { background: none repeat scroll 0 0 #c2e69c; color: #648d37; text-align: center; } /*Twister*/ .TDB-tweet-avatar:hover{ opacity:1; background: url("../images/ic-twitter.png") no-repeat scroll 0 0 transparent; } .TDB-tweet-avatar > img{ display: none; } .TDB-tweet-avatar{ background: url("../images/ic-twitter-gray.png") no-repeat scroll 0 0 transparent; display: block; height: 20px; width: 20px; position: absolute; } .TDB-tweet-user strong,.TDB-tweet-user strong a,.TDB-tweet-text a{ color: #8C8C8C; padding-left: 15px; } .TDB-tweet-container { background: none; border: none; } .TDB-tweet-text { color: #5F5F5F; font-size: 11px; } .TDB-tweet-time { color: #999; display: block; font-size: 85%; margin-bottom: 0; margin-top: 0; text-align: right; width: 100%; } .TDB-tweet-text { margin-left: -20px; } #sp-sidebar-a .TDB-tweet-container{ border: none; } #sp-sidebar-a .TDB-tweetavatar-left .TDB-tweet-align-left { border: medium none!important; margin: 0 0 20px 18px!important; } #sp-sidebar-a .TDB-tweetavatar-left .TDB-tweet-align-left:before, #sp-sidebar-a .TDB-tweetavatar-left .TDB-tweet-align-left:after{ border: none!important; } .TDB-tweet-user a:hover,a.hashlink:hover,a.userlink:hover{ color: #59BAEB; } .scrollup{ width:40px; height:40px; position:fixed; bottom:35px; right:50px; display:none; text-indent:-9999px; background: url('../images/icon_top.png') no-repeat; z-index: 9999; } .scrollup:hover{ background-position: 0 -40px ; } .bg-modtit { border-bottom: 5px solid; font-size: 14px; height: 23px; line-height: 24px; padding-bottom: 8.9px; text-shadow: none; } /*Header Font*/ h1 a ,h3,h1, h2, h3, h4, h5, h6{ color: ##555;; font-size: 15px; } /* Sub Header Font*/ .gallery-filters a,.category-name a { color: #555; font-size: 12px!important; } /* Subtittle Font*/ .entry-meta span,.create-date,.publish-date{ color: #555; font-size: 12px!important; } .entry-meta a span a,.create-date a,.publish-date a,.gallery-filters a, .category-name a, span .author { font-weight: bold!important; } .entry-meta.muted { background: none repeat scroll 0 0 #F5F5F5; font-size: 12px; margin-bottom: 20px; padding: 10px 20px; } /* Short Code ***********************************************************************************************************/ .nav-pills > li > a,.nav-tabs > li > a, .accordion-heading a{ font-weight: normal; } /* SC Button */ .btnol-color{ border:medium solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 9px 25px; margin: 0 5px; } .btnol-grey{ border: medium solid #505050; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 9px 25px; margin: 0 5px; } /* Slider Collection ----------------------------------------------------------------------------------------------------*/ /* Revo Slider */ /****************************** - BUTTONS - *******************************/ .fullwidthbanner{ max-height: 550px; } .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top;} .purchase:hover, .button:hover, .button.big:hover { background-position:bottom, 15px 11px;} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;} a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .button.green, .button:hover.green, .purchase.green, .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .button.blue, .button:hover.blue, .purchase.blue, .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;} .button.red, .button:hover.red, .purchase.red, .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;} .button.orange, .button:hover.orange, .purchase.orange, .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;} .button.darkgrey,.button.grey, .button:hover.darkgrey,.button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;} .button.lightgrey, .button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;} .tp-bullets.simplebullets.round .bullet{ background: none repeat scroll 0 0 rgba(255, 255, 255, 1); border-radius: 2px 2px 2px 2px; } .tp-leftarrow.default{ background:url("../images/ic-gticons.png") repeat scroll -15px -120px rgba(0, 0, 0, 0.5) !important; border-radius: 2px 2px 2px 2px; height: 45px !important; width: 30px !important; } .tp-rightarrow.default{ background: url("../images/ic-gticons.png") repeat scroll -50px -120px rgba(0, 0, 0, 0.5) !important; border-radius: 2px 2px 2px 2px; height: 45px !important; width: 30px !important; } .tp-bannertimer{ top: 0 !important; } .rv_text{ color: #FFFFFF; font-size: 30px; font-weight: bold; line-height: 40px !important; padding: 0 20px !important; text-transform: uppercase; text-shadow: none!important; } .rv_bg{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; } .gt-fullcontainer-a #fullcontainer-a{ background: #444444; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #444444 0%, #555555 50%, #333333 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#444444), color-stop(50%,#555555), color-stop(100%,#333333)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #444444 0%,#555555 50%,#333333 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #444444 0%,#555555 50%,#333333 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #444444 0%,#555555 50%,#333333 100%); /* IE10+ */ background: linear-gradient(to right, #444444 0%,#555555 50%,#333333 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#333333',GradientType=1 ); /* IE6-8 */ margin: 0 auto; text-align: center; } #sp-sliders-a{ background: #555; } /* Portfolio ----------------------------------------------------------------------------------------------------*/ .port-item .dark-screen{ -webkit-box-shadow: inset 0px 0px 90px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 90px 0px rgba(0, 0, 0, 0.25); } .gt-footer .cr-info a { font-size: 11px; } .gt-tag .k2TagCloudBlock a:hover{ color: #fff!important; line-height: 20px; margin: 1px; padding: 5px 10px; } .gallery-flickr ul li img:hover{ background: none!important; } #options ul li a { color: #545454; font-size: 12px; } .dark-screen h1 { margin-top: 10% !important; } #sp-footer-wrapper { line-height: 30px; color: #555; } /* Contact Page ----------------------------------------------------------------------------------------------------*/ #sp-sliders-a #s5_quick_contact { background: none repeat scroll 0 0 #fff; border-top: 20px solid; border-radius:5px 5px 0px 0px; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); margin-left: 15%; padding: 30px 0 30px 30px; position: absolute; margin-top: -51%; width: 240px; } #s5_qc_submitbutton.button{ background-image: none!important; } #sp-sliders-a #s5_quick_contact input{ border-radius: 0 0 0 0; font-size: 13px; margin: 10px 0 3px; } #sp-sliders-a #s5_quick_contact textarea{ border-radius: 0 0 0 0; font-size: 13px; margin: 3px 0; } #sp-sliders-a .icontact-close { background:url("../images/ic-close.png") no-repeat scroll -5px -4px rgba(0, 0, 0, 0); cursor: pointer; display: none; height: 34px; position: absolute; right: -17px; top: -17px; width: 34px; } /* K2 ----------------------------------------------------------------------------------------------------*/ div.itemHeader h2.itemTitle { border-bottom: 1px solid; } .gkTabsWrap.vertical ol { border-bottom: 3px solid; } .gkTabsWrap.vertical ol li:hover, .gkTabsWrap.vertical ol li.active, .gkTabsWrap.horizontal ol li:hover, .gkTabsWrap.horizontal ol li.active{ text-shadow: none !important; } .gkTabsWrap.vertical ol li:hover, .gkTabsWrap.vertical ol li.active, .gkTabsWrap.horizontal ol li:hover, .gkTabsWrap.horizontal ol li.active { color: #FFFFFF !important; text-shadow: none!important; } div.k2Pagination ul li { display: inline; padding: 5px 8px; } #k2Container,#content { padding:0px 10px 20px; } #k2Container .componentheading{ display: none; } #k2Container .modal{ display: none; } div.k2SearchBlock form input.inputbox { border-radius: 0 0 0 0; box-shadow: none; margin-top: 15px; } .itemAuthorName a{ display: block; text-indent: -9000px; } div.itemFullText img ,div.itemAuthorBlock img.itemAuthorAvatar{ padding-bottom: 5px; } div.catItemIntroText img,div.userItemIntroText img,div.tagItemIntroText img { display: block; padding-bottom: 20px; padding-top: 35px; text-align: center; } div.catItemHeader span.catItemAuthor{ display: none; } div.itemCommentsForm h3 { margin-left: 15px; } #submitCommentButton{ margin-left: 20px !important; padding-right: 17px !important; } div.itemBody { margin-top: 15px; } div.itemToolbar { background: none repeat scroll 0 0 transparent; border-bottom: medium none; border-top: medium none; margin: 5px 0 0; padding: 2px 0; } div.itemToolbar ul li a#fontIncrease img,div.itemToolbar ul li a#fontDecrease img{ background-position: 0 0; } #k2Container .itemTitle,div.tagItemHeader h2.tagItemTitle, #k2Container .itemTitle,div.tagItemHeader h2.tagItemTitle a, div.userItemHeader h3.userItemTitle, div.userItemHeader h3.userItemTitle a,div.catItemHeader h3.catItemTitle, div.catItemHeader h3.catItemTitle a, div.genericItemHeader h2.genericItemTitle, div.genericItemHeader h2.genericItemTitle a, div.catItemHeader span.catItemAuthor a{ color: #555; display: block; font-size: 18px; height: 100%; line-height: 30px; padding: 0; width: 100%; font-weight: bold; } #k2Container .itemAuthor,#k2Container .itemToolbar{ font-family: arial; font-size: 12px; } #k2Container .itemImageBlock { } #k2Container .itemIntroText p, #k2Container .itemIntroText p span, #k2Container .itemFullText p, #k2Container .itemFullText p span, div.tagItemIntroText p, div.tagItemIntroText p span, .catItemIntroText span, .catItemIntroText p span, .genericItemIntroText p, .genericItemIntroText p span{ font-family: arial!important; font-size: 13px!important; color: #777!important; } div.catItemImageBlock, span.genericItemImage img { display: none; } #k2Container .itemRatingBlock{ padding: 0; } span.userItemImage img{ border: medium none; margin-top: 15px; padding: 0; } #k2Container .post-data > span:first-child{ margin-left: 15px; } #k2Container .post-data > span { float: left; margin: 0 5px; } #k2Container .post-data { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.01); height: 7px; margin-left: 5px; margin-top: 6px; padding-bottom: 15px; } #k2Container .post-data i{ color: #999; text-shadow: 0 1px 0 #fff; } div.catItemTagsBlock ul.catItemTags li { color: #999; text-shadow: 0 1px 0 #fff; } #k2Container .post-data .userItemDateCreated, #k2Container .post-data .itemAuthor, #k2Container .post-data > span a.itemCommentsLink{ color: #848484; font-size: 12px; font-weight: normal; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75); } div.itemAuthorLatest ul li a, a.itemRelTitle,div.itemNavigation a.itemPrevious, div.itemNavigation a.itemNext, span.itemHits,.catItemTitle a{ color: #555; font-size: 12px; font-weight: normal !important; margin-left: 15px; } .itemRatingForm { display: block; float: left; line-height: 25px; margin-top: 0; vertical-align: middle; } div.itemTagsBlock ul.itemTags i{ color: #848484; } #k2Container .itemIntroText{ margin: 0; padding: 0; } #k2Container img:hover{ opacity:0.75; cursor: pointer; } #k2Container .itemHeader span.itemAuthor a, div.tagItemCategory a,div.userItemCategory a, div.catItemCategory a,div.catItemReadMore a, div.genericItemCategory a,div.genericItemReadMore, div.genericItemReadMore a{ color: #848484; font-size: 13px; font-weight: bold; } div.tagItemReadMore a,div.userItemReadMore a, .itemAuthor a{ color: #959595; font-size: 13px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75); } #itemListLinks h4, div.catItemCategory span,div.catItemTagsBlock span, div.genericItemCategory span{ color: #848484; font-size: 13px; font-weight: normal; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75); } div.catItemTagsBlock ul.catItemTags li a, div.userItemTagsBlock ul.userItemTags li a,div.itemTagsBlock ul.itemTags li a, .itemTags a,.itemCategory a,.userItemTags i{ color: #848484; font-size: 13px; font-weight: normal; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75); } div.catItemTagsBlock ul.catItemTags li a, div.userItemTagsBlock ul.userItemTags li a, div.itemTagsBlock ul.itemTags li a,.itemTags a, .userItemTags i{ background: url("../images/ic-tag-r.png") repeat-x scroll 0 0 transparent; border-radius: 0 4px 4px 0; line-height: 26px; margin-left: 19px; padding: 5px 10px 5px 4px; } .itemAuthorLatest h3, .itemTagsBlock span, .itemRelated h3, .itemCommentsForm h3, div.itemCategory span, div.itemNavigation span.itemNavigationTitle, div.userItemCategory span, div.userItemTagsBlock span, div.tagItemCategory span,div.genericItemIntroText p, div.genericItemIntroText p span, .hd-left .catItemCommentsLink{ color: #444; font-size: 12px; font-weight: normal!important; padding: 0 4px 0 0; } div.itemCommentsForm form input#submitCommentButton{ border: medium none } .catItemView h3{ font-size: 13px; height: 15px; line-height: 16px; margin: 5px 0 5px 15px; } .k2Pagination .pagination { margin: 5px 0; } .k2Pagination .pagination a,.k2Pagination .pagination strong{ border: 1px solid #eee; color: #848484; margin: 0 1px; padding: 0 10px; } div.itemTagsBlock ul.itemTags li{ background: url("../images/ic-tag.png") no-repeat scroll 0 0 transparent; color: #555555; display: block; float: right; font-size: 13px !important; line-height: 25px; margin: 1px; } .gt-tag .k2TagCloudBlock a{ background: none repeat scroll 0 0 #2D2D2D; color: #848484; font-size: 12px !important; margin: 1px; padding: 5px 10px; } div.k2TagCloudBlock { padding: 5px 0; } div.itemComments,div.itemTagsBlock, div.userItemTagsBlock, div.itemListCategory,div.catItemTagsBlock, div#itemListLinks{ background: url("../images/bg-wavegrid.png") repeat scroll 0 0 transparent; border: none; } div.itemTagsBlock,div.itemCategory, div.userItemTagsBlock,div.userItemCategory, div.userItemCommentsLink,div.catItemCategory, div.catItemTagsBlock,div.itemView, div.genericItemView,div.itemComments ul.itemCommentsList li{ border: none; } div.itemCommentsForm p.itemCommentsFormNotes, div.itemCommentsForm form label.formComment, div.itemCommentsForm form label.formName, div.itemCommentsForm form input#submitCommentButton, div.itemCommentsForm form label.formEmail, div.itemCommentsForm form label.formUrl{ font-size: 13px; padding-left: 15px; } div.itemCommentsForm form input.inputbox, div.itemCommentsForm form textarea.inputbox{ font-size: 12px; box-shadow:none; margin-left: 30px; width: 89%; } .k2Avatar img{ display: block; height: auto !important; margin: 2px 10px 4px 0; width: 50px !important; } div.itemBackToTop,span.itemDateModified, div.itemContentFooter,div.tagItemImageBlock, div.userItemCommentsLink,div.catItemCommentsLink{ display: none; } div.itemAuthorBlock,div.userBlock{ background: none repeat scroll 0 0 transparent; border: medium none; width: 80px; } .itemAuthorLatest .even,.itemAuthorLatest .odd, .itemRelated .even,.itemRelated .odd, div.itemNavigation,.itemCommentsList .even,.itemCommentsList .odd{ background: transparent; border: none; } div.itemListCategory h2 { font-size: 20px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); } div.itemListCategory img{ background: transparent; border: none; } div.catItemCategory { border:none; padding: 10px 0; } span.tagItemImage img { border: none; padding: 0; } .gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li{ border-radius: 0 0 0 0 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) !important; } div.k2CategoriesListBlock ul li { border-bottom: 1px solid #F1F1F1; color: #444; line-height: 35px; } .gt-archives .k2ArchivesBlock ul li{ border-bottom: 1px solid rgba(255, 255, 255, 0.08); line-height: 30px; } .gt-archives .k2ArchivesBlock ul li:last-child{ border-bottom: none; } .gt-archives .k2ArchivesBlock ul li a{ color: #555; font-size: 13px; text-decoration: none; } .gt-archives .k2ArchivesBlock ul { margin-top: -5px; } div.k2LatestCommentsBlock ul li span.lcComment,div.itemComments ul.itemCommentsList li p{ color: #848484; font-size: 12px; } div.k2LatestCommentsBlock ul li span.lcUsername, div.itemComments ul.itemCommentsList li span.commentAuthorName,.itemCommentsCounter { color: #848484; font-size: 12px; } div.itemHeader .post-data,.genericItemHeader .post-data, .tagItemList .post-data, .itemListLeading .post-data, .userItemHeader .post-data{ margin-top: 5px !important; } .itemListPrimary .post-data{ margin-top: 25px !important; } div.itemCommentsForm p.itemCommentsFormNotes { background: url("../images/bg_commentline.png") repeat-x scroll 0 -1px transparent; border-top: medium none; padding-top: 5px; } div.k2LatestCommentsBlock ul li.lastItem { width: 110%; } div.k2LatestCommentsBlock ul li a { color: #555; padding-right: 8px; } div.k2LatestCommentsBlock ul li span.lcCommentDate, div.itemComments ul.itemCommentsList li span.commentDate{ color: #848484; font-size: 10px; font-weight: normal; } .lcItemTitle a,div.k2LatestCommentsBlock ul li span.lcItemTitle, div.k2LatestCommentsBlock ul li span.lcItemCategory{ display:none; color:#999; font-size: 12px; } div.itemComments ul.itemCommentsList li img{ padding-right: 8px; } #tab-1 .even{ background: none; } div.k2LatestCommentsBlock ul li{ height: 60px; margin-bottom: 20px; } .hd-left{ height: 56px; padding: 7px 7px 0; position: absolute; width: 77px; } .hd-right{ padding-left: 105px; } .hd-left .itemDate { padding: 5px; position: absolute; top: 5px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; width: 65px; } .hd-left .catItemCommentsLink { border: 0 none; opacity: 0.75; position: absolute; top: 36px; width: 120px; display: block; } .hd-left .itemDate .date { color: #fff; display: block; float: left; font-size: 160%; font-weight: bold; line-height: 20px; margin-right: 5px; text-align: center; text-shadow: none !important; text-transform: uppercase; } div.itemIntroText img { margin-top: 15px; } div.itemToolbar ul li a.itemPrintLink span, div.itemToolbar ul li a span,div.itemToolbar ul li a, div.itemToolbar ul li { color: #555; } .hd-left .itemDate .month, .k2-latest .itemDate .year { color: #fff; display: block; font-size: 64%; letter-spacing: 1px; line-height: 1; padding: 1px 0; text-align: center; text-transform: uppercase; } .hd-left .itemDate .month-year { display: block; float: left; } .hd-left.itemDate .month, .hd-left .itemDate .year { color: #fff; display: block; font-size: 54%; letter-spacing: 1px; line-height: 1; padding: 1px 0; text-align: center; text-transform: uppercase; } .hd-left div.catItemHeader h3.catItemTitle { border-bottom: medium none !important; } div.itemFullText img { text-align: center; } div.itemHeader h2.itemTitle { color: #444; font-size: 16px; font-weight: normal; line-height: 20px; } div.catItemHeader h3.catItemTitle a{ color: #444; } div.itemRatingBlock span{ color: #444; font-size: 12px; } div.k2LatestCommentsBlock ul li span.lcComment,div.itemComments ul.itemCommentsList li p{ color: #848484; font-size: 12px; } div.k2LatestCommentsBlock ul li span.lcUsername, div.itemComments ul.itemCommentsList li span.commentAuthorName,.itemCommentsCounter { color: #848484; font-size: 12px; padding-left: 10px; } .lcUsername a{ font-weight: bold; } div.itemHeader .post-data,.genericItemHeader .post-data, .tagItemList .post-data, .itemListLeading .post-data, .userItemHeader .post-data{ margin-top: 5px !important; } .itemListPrimary .post-data{ margin-top: 25px !important; } div.itemCommentsForm p.itemCommentsFormNotes { background: url("../images/bg_commentline.png") repeat-x scroll 0 -1px transparent; border-top: medium none; padding-top: 5px; } div.k2LatestCommentsBlock ul li.lastItem { width: 110%; } div.k2LatestCommentsBlock ul li a { color: #555; padding-right: 8px; font-size: 12px; } div.k2LatestCommentsBlock ul li span.lcCommentDate, div.itemComments ul.itemCommentsList li span.commentDate{ color: #848484; font-size: 10px; font-weight: normal; } .lcItemTitle a,div.k2LatestCommentsBlock ul li span.lcItemTitle, div.k2LatestCommentsBlock ul li span.lcItemCategory{ display:none; color:#999; font-size: 12px; } div.itemComments ul.itemCommentsList li img{ padding-right: 8px; } .gkTabsItem .even{ background: none; } div.k2LatestCommentsBlock ul li{ height: 60px; margin-bottom: 20px; border: none; } /* K2 Tool */ /*Top Rate*/ .mod-top > h3.module-title{ background: none repeat scroll 0 0 #2F3335; border-top: 2px solid #FF9B2A; color: #FFFFFF; font-size: 14px; height: 32px; line-height: 28px; padding-left: 15px; text-transform: uppercase; } #pa-toprate li{ height: 90px; margin-bottom: -5px; width: 100%; } .top-rate h4{ line-height: 20px; padding-left: 100px; } .top-rate p a{ font-size: 13px; line-height: 20px; } .top-rate p{ color: #ccc; font-size: 11px; margin-top: -15px; padding-left: 130px; } .top-rate img { cursor: pointer; float: left; height: 55px; margin-top: 5px; position: relative; width: 80px; } .top-rate img:hover{ opacity:0.75; } .top-rate p { margin-top: 0; padding-left: 95px; } #pa-toprate .itemRatingLog { float: left; font-size: 11px; margin-top: -6px; padding: 0 0 0 4px; position: relative; width: 100%; z-index: 10001; } #pa-toprate { margin-top: 3px; } #pa-toprate .itemRatingBlock{ margin-left: 100px; margin-top: -18px; } #pa-toprate .itemRatingList .itemCurrentRating{ margin-top: -32px; } /*Recent News*/ .recent-news ul li { float: left; height: 60px; margin-bottom: 25px; } .recent-news ul li img { cursor: pointer; height: 55px; position: absolute; width: 80px; opacity:1; } .recent-news ul li img:hover{ opacity:0.75; } .recent-news ul li p { color: #999999; font-family: arial; font-size: 13px; margin-left: 95px; margin-top: -6px; line-height: 22px; } .recent-news ul li p a { color: #545454; line-height: 20px; } .recent-news .hnews-icon { color: #B1B1B1; font-size: 11px; margin-left: 95px; width: 105%; } .recent-news .hnews-icon a.comments { color: #B1B1B1; } /*Photo News*/ .photonews ul li{ float: left; margin: 5px; } .photonews ul li img { height: 45px; padding: 3px; width: 65px; } .photonews ul li img:hover{ opacity:0.75; } .hnews-icon i:first-child { border:none; } .hnews-icon i{ border-left: 1px solid; padding: 0 5px; } /*Recent News*/ .recn-item{ position:relative; display:block; overflow: hidden; box-shadow:0 0 50px 0 rgba(0, 0, 0, 0.03) inset; } .recnews-nav ul li a{ background: none repeat scroll 0 0 #EEEEEE; display: block; float: left; height: 5px; margin: 1px 2px; padding: 5px; text-indent: -9000px; width: 5px; } .recnews-cap h3{ line-height: 15px; margin-top: 10px; text-align: center; text-shadow: -1px 2px 1px rgba(255, 255, 255, 0.25); } .recnews-cap p{ font-size: 13px; text-align: center; } .recnews-cap h3 a{ font-size: 14px; padding: 0 15px; text-transform: uppercase; } .recn-cap{ position: relative; overflow: hidden; display: block; } .recnews-cap h3 a:hover{ color: #555!important; } .recnews-mask{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); position: absolute; display: none; z-index: 888; min-width: 800px!important; min-height: 600px!important; } .recnews-zoom{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); border: 2px solid; border-radius: 40px 40px 40px 40px; height: 37px; left:-8%; margin-top:30%; padding: 2px; position: absolute; width: 37px; opacity:0; z-index: 9999; text-shadow: -1px 2px 1px rgba(0, 0, 0, 0.25); } .recnews-zoom i{ color: #FFFFFF; font-size: 25px; line-height: 39px; padding: 10px; text-shadow: -1px 2px 1px rgba(0, 0, 0, 0.25); } .acymailing_form{ position: relative; } .subcribeme { border: 1px solid #E1E1E1; margin-top: 50px; } .subcribeme .subcribeme{ border: none; } .acysubbuttons .button { border: medium none; border-radius: 0; color: #FFFFFF; text-shadow:none!important; height: 30px; line-height: 23px; margin-left: 62%; } .acysubbuttons .button:hover{ color: #fff; } .acymailing_finaltext{ margin-left: 30px; text-align: center; color: #777; } .subcribeme h3.header { border-bottom: 1px solid #E1E1E1 !important; padding-left: 25px; text-transform: none; line-height: 40px; } .acyfield_email input{ margin-left: 30px; position: absolute; width: 55%!important; } /* Footer ----------------------------------------------------------------------------------------------------*/ #bottom h3.header{ border: none; } #sp-bottom-wrapper{ background: none repeat scroll 0 0 #222222; border-bottom: 1px solid #666666; border-top: 5px solid; } /* Jflickr Modules */ .gallery-flickr{ margin-top: -20px; } .gallery-flickr ul li{ float: left; margin: 1px; } .gallery-flickr ul li img { border: 1px solid #383838; height: 43px; padding: 1px; width: 53px; } #right .gallery-flickr ul li a, #left .gallery-flickr ul li a, .gallery-flickr ul li a { background: none repeat scroll 0 0 transparent; border: 0 none; float: left; margin: 0; padding: 0; } .aboutus i{ background: none repeat scroll 0 0 #222222; border: 1px solid #555555; border-radius: 30px; color: #666666; display: block; float: left; height: 25px; line-height: 25px; margin: 0 5px; text-align: center; width: 25px; } .aboutus p{ color: #eee; } .aboutus strong{ color: #ddd; } #sp-footer-wrapper .sp-totop i{ border: 1px solid #555; border-radius: 30px; color: #555555; display: block; height: 35px; line-height: 35px; text-align: center; width: 35px; } /* Tools ----------------------------------------------------------------------------------------------------*/ /* Forum */ #Kunena { margin-top: -3px; } #Kunena input.kbutton,#Kunena input.kbutton:hover { border: none; color: #fff; font-size: 14px; margin: 10px 0 0 5px; padding: 9px 15px !important; } #Kunena fieldset legend { background: none repeat scroll 0 0 #EEEEEE; text-align: center; border: none; } #sp-component #Kunena #ktab ul.menu li.active a, #sp-component #Kunena #ktab li#current.selected a, #sp-component #Kunena #ktab .current a,#sp-component #Kunena #ktab .current a span,#sp-component #Kunena #ktab a:hover, #sp-component #Kunena #ktab a span:hover{ color: #fff!important; } #Kunena a,#Kunena .kheader h2, #Kunena .kheader h2 a, #Kunena a:link,#Kunena a:visited, #Kunena a:active, #Kunena table tr th, #Kunena table tr td, #Kunena div, #Kunena p, #Kunena span, #Kunena ul li, #Kunena ul li a, #Kunena .ktitle, #Kunena a.ktitle,#Kunena fieldset legend { color: #848484 !important; font-size: 12px!important; font-weight: normal!important; text-decoration: none; } #Kunena table tr th, #Kunena table tr td, #Kunena div, #Kunena p, #Kunena span, #Kunena ul li, #Kunena ul li a{ font-size: 13px; } #Kunena #ktab a{ border-radius:0; } #Kunena .klist-markallcatsread,#Kunena .kforum-pathway,#Kunena div.kblock { background-color: #FFFFFF; border-color: #F1F1F1; } #Kunena div.kblock { margin: 35px 0; } #Kunena .kforum-pathway{ border-top: 1px solid #F1F1F1; } #Kunena .kforum-pathway .path-element, #Kunena .kforum-pathway-bottom .path-element{ background: url("../images/arrow.png") no-repeat scroll left center transparent; } #Kunena td.kprofileboxcnt { padding: 25px !important; } #Kunena .kforum-pathway,#Kunena div.kblock > div.kheader, #Kunena .kblock div.kheader{ padding: 10px 25px !important; } #Kunena form, #Kunena select, #Kunena textarea, #Kunena input, #Kunena select:focus, #Kunena select:hover{ border-color: #F1F1F1; border-radius: 0 0 0 0; box-shadow: none; color: #555; font-size: 12px; padding: 9px 10px !important; } #Kunena span.kreadforum, #Kunena span.knotloginforum{ background: url("../images/folder_nonew.png") no-repeat scroll left center transparent; } #Kunena tr.krow1 td { background-color: #fff; } #Kunena td, #Kunena table, #Kunena th, #Kunena div, #Kunena p, #Kunena span{ border-color: #f1f1f1!important; } #Kunena .klist-markallcatsread{ margin: 30px 0!important;; } #Kunena #ktab a span { padding: 7px 0; } /* Sidebar A */ .mod-fd{ padding: 20px 0; } /* Bottom A */ #sp-bottom-a-wrapper,#sp-top-d-wrapper{ background: none repeat scroll 0 0 #fff; border-top: 1px solid #EEEEEE; padding: 15px 0; } /* Bottom B */ #bottom-b h3.header{ border: none; } #sp-footer-wrapper{ border-top: 1px solid #666; } /* Virtuemart Shop ----------------------------------------------------------------------------------------------------*/ .modal{ display: none; } .browse-view .width30,.browse-view .width70{ width: 100%; } .paddingtop8 span{ float: left; } .product-neighbours a.previous-page, .product-neighbours a.next-page{ font-size: 12px; } span.title { border: none; } span.addtocart-button { float: left; margin: 6px 0 0 10px; } .vote{ line-height: 30px; } span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button{ background-image: url("../images/bg-addcart.png") !important; background-repeat: no-repeat !important; background-color:#555; background-position:15px center !important; border: none!important; box-shadow: none !important; border-radius:0; padding-left: 25px; height: 36px; width: 155px; } .ask-a-question a,.ask-a-question a:hover{ background: url(../images/bg-ask.png) no-repeat scroll 0 center #F5F5F5; padding: 18px 18px 18px 30px !important; } .icons img{ border: medium none !important; margin-top: 10px; } .recommened-to-friend img,.productdetails .icons ul li a img{ display: none; } .pdf_button a{ background: url("../images/ic-productdt.png") no-repeat scroll -64px -7px rgba(0, 0, 0, 0); display: block; height: 30px; width: 30px; } .printButton a{ background: url("../images/ic-productdt.png") no-repeat scroll -25px -7px rgba(0, 0, 0, 0); display: block; height: 30px; width: 30px; } .recommened-to-friend{ background: url("../images/ic-productdt.png") no-repeat scroll -103px -7px rgba(0, 0, 0, 0); display: block; height: 30px; width: 30px; } /* Print Box */ .productdetails-view h1{ font-size: 18px; } .featured-view h4,.latest-view h4, .topten-view h4, .recent-view h4{ font-size: 13px; font-weight: bold; line-height: 17px; } .productdetails .main-image{ border: none; } .productdetails .main-image img ,#content .productdetails img{ padding: 0!important; border: none; } #content .product-related-products .product-field-display img{ border: 1px solid #efefef; } .product-field-display a{ line-height: 25px; } span.quantity-controls { background: none repeat scroll 0 0 #808080; float: left; height: 34px; margin: 6px 0 0 8px; width: 20px; } span.quantity-controls input.quantity-controls { border: medium none; height: 18px; width: 20px; border-radius:0!important; } span.quantity-controls input.quantity-plus { background: url("../images/quantity-controls.png") repeat-x scroll 3px 2px transparent; margin-top: -8px; } span.quantity-controls input.quantity-minus { background: url("../images/quantity-controls.png") repeat-x scroll 18px 2px transparent; margin-top: -15px; } span.quantity-controls input.quantity-plus:hover,span.quantity-controls input.quantity-minus:hover{ padding: 0!important; border-radius:0!important; } span.quantity-box { float: left; padding-top: 6px; width: 27px; } span.quantity-box input{ border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 0; text-align: center; height: 34px; } .ratingbox span { background: url("../images/color-stars.png") repeat-x scroll 0 0 transparent; display: block; height: 24px; position: absolute; width: 1%; } .write-reviews{ text-align: left; } .ratingbox { background: url("../images/color-stars.png") repeat-x scroll 0 bottom transparent; display: block; height: 24px; position: relative; width: 120px; left: 0; } .hasTip img{ margin: 0!important; } #fancybox-close { background: url("../images/close.png") no-repeat scroll 0 0 transparent; right: -33px; } .back-to-category{ display: none; } .featured-view .spacer h3, .latest-view .spacer h3, .topten-view .spacer h3, .recent-view .spacer h3, .related-products-view .spacer h3, .browse-view .row .product .spacer h2{ font-size: 14px; font-weight: bold; margin: 6px 0; padding: 0; } p.product_s_desc { margin-bottom: 15px; margin-top: 0; } .productdetails .icons ul li{ display: block; float: left; height: 30px; margin: 0 1px; width: 30px; } .productdetails .icons a.modal{ display: block; background-color: rgba(0, 0, 0, 0) !important; box-shadow: none !important; left: 0 !important; margin-left: 0 !important; position: relative !important; top: 0 !important; width: 30px !important; z-index: 9; } .productdetails .icons { float: right; margin: 0 0 0 30px; text-align: right; } .productdetails-view .spacer-buy-area { margin:0; padding: 0 0 0 25px; } .product-price { background: none repeat scroll 0 0 #F5F5F5; border-radius: 5px; font-size: 13px; margin: 0 0 15px; padding: 15px; } .productdetails-view .product-short-description { font-family: arial; font-size: 13px; margin: 0 0 15px; padding: 0; } .productdetails-view .product-description, .product-fields { margin: 15px 0; } .product-neighbours a.previous-page{ background: url("../images/nav-productdt.png") no-repeat scroll 0 -5px rgba(0, 0, 0, 0); } .product-neighbours a.previous-page:hover{ background-position: 0 -33px; } .product-neighbours a.next-page{ background: url("../images/nav-productdt.png") no-repeat scroll right -92px rgba(0, 0, 0, 0); } .product-neighbours a.next-page:hover{ background-position:right -64px ; } .sn-cart .productdetails-view .product-description, .product-fields { display: none; } .product-dt{ width: 100%; display: block; } .product-dt .nav-tabs li a, .product-dt .nav-tabs li a { font-size: 13px; font-weight: normal; line-height: 20px; } .product-dt .nav-tabs li a,.product-dt .nav-tabs li a, .product-dt span.title{ font-size: 13px; font-weight: normal; line-height: 20px; } .product-dt .nav-tabs { height: 37px; } .product-dt .nav-tabs li:first-child a{ height: 21px; } .write-reviews textarea.virtuemart { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; display: inline-block; margin-bottom: 6px; } #com-form-order-number input,#com-form-order-pass input{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; width: 95%; } #com-form-order-submit{ float: right; margin-top: 47px; } #content .spacer img { border: 1px solid #efefef; padding: 0; } #content .category-view img{ border: 1px solid #efefef; } .product .spacer img{ border: 1px solid #efefef; padding: 0; margin: 15px; } .featured-view .spacer span, .latest-view .spacer span, .topten-view .spacer span, .recent-view .spacer span, .related-products-view .spacer span, .browse-view .row .product .spacer span { color: #666666; font-size: 15px; } #content .manufacturer-view-default img{ border: 1px solid #efefef; padding: 0; } #content .spacer img:hover{ opacity:1; } .product .np-shop > div{ margin-top: 5px; } .spacer h2{ font-size: 17px; line-height: 17px; } .featured-view .spacer span, .latest-view .spacer span, .topten-view .spacer span, .recent-view .spacer span, .related-products-view .spacer span, .browse-view .row .product .spacer span{ font-size: 13px; } .virtuemart_search{ width: 30%; } .browse-view h3{ font-size: 16px; } .virtuemart_search input.button[type="submit"], .virtuemart_search input.medium.button[type="submit"] { font-weight: normal; padding: 7px 9px; } .virtuemart_search .inputbox{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; height: 30px; margin-top: 15px; } .orderby-displaynumber .vm-pagination { margin-bottom: 15px; margin-top: 90px; } .vm-pagination a,.vm-pagination strong{ border: 1px solid #efefef; margin: 0 1px; padding: 5px 6px; } .orderby-displaynumber .vm-pagination span{ border-right: 1px solid; float: right; margin-right: 115px; margin-top: -67px; padding-right: 15px; } .grid-switch{ color: #CCCCCC; font-size: 20px; } .grid-switch i{ cursor: pointer; } .grid-switch i:hover{ color: #000; } .display-number{ font-size: 13px; } .product-related-products h4{ font-size: 15px; line-height: 15px; } /* Cart */ .show_cart{ font-weight: bold; } .total_products{ text-align: center; } .userdata input{ border-radius: 0 0 0 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; width: 95%; } #com-form-login-remember input{ width: 90px; } #com-form-login-remember .default { margin-left: 10px; background: url("../images/backgrounds.png") repeat-x scroll center top #E8E8E8; border: 1px solid #CAC9C9; border-radius: 4px; -o-border-radius:4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #848484; margin-left: 10px; padding: 0 16px; text-decoration: none; text-shadow: none; height: 30px; } #com-form-login-remember label { font-size: 12px; margin-left: 9px; margin-top: 15px; } table.cart-summary tr th { background: url("../images/backgrounds.png") repeat-x scroll center top #E8E8E8; border-bottom: 1px solid #E9E8E8; padding: 6px 9px 11px; } #remember { width: 25px !important; } .additional-images img { border: 1px solid #efefef !important; height: auto; margin-right: 8px; width: 100px; } .tabs dd.active, .tabs li.active { background: none repeat scroll 0 0 #FFFFFF; border-left: 1px solid #efefef; border-radius: 4px 4px 0px 0px; border-right: 1px solid #efefef; border-top: 1px solid #efefef; margin-top: -1px; } .tabs dd.active a, .tabs li.active a { background: none repeat scroll 0 0 transparent; border-left: none; border-right: none; color: #3C3C3C; cursor: default; font-weight: normal; } .write-reviews span.step,.write-reviews span.step{ font-weight:normal; } .write-reviews span input{ width: 5%; box-shadow:none; } textarea.virtuemart:hover,textarea.customer-comment:hover{ color:#555; background:#fff; } /*Add to cart*/ #facebox .content { background: none repeat scroll 0 0 #222; border-radius: 4px; -o-border-radius:4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; display: table; padding: 35px; width: auto; } #facebox .content a:hover{ color: #555; } #facebox .content .continue { background: none repeat scroll 0 0 #FFFFFF; font-weight: bold; padding: 7px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.16) !important; } #facebox .content .showcart { color: #FFFFFF; font-weight: bold; height: 30px; letter-spacing: -1px; line-height: 30px; margin: -5px 0 0 30px; padding: 0 15px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.16) !important; } #facebox .content div>div{ display:none; font-size: 12px; opacity: 0.75; } #facebox .content h4 { color: #848484; font-size: 14px; } /* VM Compare Product */ #lightbox-outer > #lightbox-content > div{ overflow-x: hidden !important; overflow-y: scroll !important; } #vm-compare{ background: none repeat scroll 0 0 #FFFFFF; } .vmcp-left{ float: left; } .vmcp-left ul { border:1px solid rgba(0,0,0,0.05); width: 120px; } .vmcp-left ul li{ border-bottom:1px solid rgba(0,0,0,0.05); height: 30px; line-height: 30px; padding-left: 10px; font-weight: bold; } .vmcp-left .pname{ } .vmcp-left .pimage{ height: 225px; line-height: 225px; } .vmcp-left .pprice{ } .vmcp-left .prate{ } .vmcp-left .pdesc{ height: 100px; line-height: 100px; } .vmcp-left ul li:last-child{ border-bottom:none; } .vmcp-right{ float: left; } .vmcp-right .compare_heading h3{ font-family: bebasneue,arial; margin-left: 15px; margin-top: 5px; } .vmcp-right .compare_heading p{ font-family: champagne,arial; font-size: 17px; margin-left: 15px; margin-top: -5px; } .vmcp-right .itemloading{ background: url("../images/ic-itemloading.gif") no-repeat scroll 0 0 transparent; display: block; height: 30px; left: 50%; position: absolute; top: 40%; width: 30px; z-index: 10001; } .vmcp-right .pdel{ background: url("../images/ic-del.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; float: right; height: 25px; margin-left: 226px; position: absolute; top: 6px; width: 25px; } .vmcp-right pc{ float: left; position: relative; } .vmcp-right pc ul{ border:1px solid rgba(0,0,0,0.05); margin: 5px 15px; } .vmcp-right pc ul li{ border-bottom:1px solid rgba(0,0,0,0.05); line-height: 29px; padding-left: 15px; } .vmcp-right pc ul li:last-child{ border-bottom:none; } .vmcp-right pc ul .piimage{ height: 225px; padding: 0; } .vmcp-right pc ul .piname{ } .vmcp-right pc ul .piprice{ font-weight: bold; } .vmcp-right pc ul .pirate{ height: 34px; line-height: 35px; margin: 5px 0; } .vmcp-right pc ul .pidesc{ height: 100px; } /* Feature Product */ .fp-nav{ float: right; margin-top: -388px; z-index: 9999; } .fp-shop{ margin-top: 10px; } .mod-vmfeaproduct h3{ background: url("../images/bg-debut_light.png") repeat scroll 0 0 transparent; line-height: 10px !important; } .mod-vmfeaproduct .vmheader{ background: url("../images/bg-debut_light.png") repeat scroll 0 0 transparent; line-height: 10px !important; margin: 15px 0 25px; padding-right: 10px; width: 95%; } .mod-vmfeaproduct .vmheader span { background: none repeat scroll 0 0 #FFFFFF; font-size: 18px; padding-right: 15px; } #fp_prev,#fp_next{ display: block; float: left; margin: 0 2px; width: 13px !important; } .vmproductmod-vmfeaproduct .caroufredsel_wrapper{ height: 307px !important; } .feaproduct ul { margin: 0; padding: 20px 0; list-style: none; display: block; } .feaproduct li { padding: 0; margin: 6px 15px; display: block; float: left; position: relative; } .feaproduct.responsive { width: auto; margin-left: 0; } .feaproduct img{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E0E0E0; border-radius:2px; -o-border-radius:2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.05); cursor: pointer; padding: 3px; } .fp-shop div a{ color: #555; font-size: 15px; font-weight: bold; line-height: 30px; } .fp-shop .PricesalesPriceWithDiscount{ display: none; } .shop-nav { float: left; } #fp-container .shop-nav { margin-top: 10px; position: relative; } #fp-container .shop-nav .sn-cart { background: none repeat scroll 0 0 #555; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5) inset; } #fp-container .shop-nav .button,#fp-container .shop-nav .button:hover{ background-color: #404040 !important; border-color: #404040 !important; } #fp-container .shop-nav .button:hover{ background-color: #222 !important; border-color: #404040 !important; } .shop-nav span { cursor: pointer; display: block; float: left; height: 30px; margin-right: 5px; text-align: center; width: 34px; } .shop-nav span a i.ida-list { color: #FFFFFF; font-size: 24px; line-height: 30px; } .shop-nav span.sn-cart .quantity-box,.shop-nav span.sn-cart .quantity-controls{ display: none; } .shop-nav span.sn-cart .addtocart-button{ background-color: transparent; background-position: 0 center!important; margin-left: 3px; margin-top: 7px; position: relative; width: 34px; } .shop-nav span.sn-cart .addtocart-button input{ text-indent: 9999px; } .spacer-buy-area span.addtocart-button input.addtocart-button-disabled{ background: url("../images/bg-addcart-da.png") no-repeat scroll 7px center #4F4F4F; border-radius:0; border-radius:0; -o-border-radius:0; -ms-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; height: 30px; margin: 9px 0 0 -19px; text-indent: 9000px; width: 34px; } span.addtocart-button input.addtocart-button-disabled{ background: url("../images/bg-addcart-da.png") no-repeat scroll 7px center #4F4F4F; border-radius:0; -o-border-radius:0; -ms-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; height: 30px; margin: 8px 0 0 -6px; text-indent: 9000px; width: 34px; } span.addtocart-button input.addtocart-button-disabled:hover{ background-color: #000; } .shop-nav span.sn-cart .addtocart-button:hover{ background-color:transparent!important; background-position: 0 center; } .PricesalesPrice span{ font-size: 30px; line-height: 50px; } /* NEw Product */ .np-nav{ float: right; margin-top: -388px; z-index: 99999; } .np-shop{ margin-top: 10px; } .mod-vmnewproduct h3{ background: url("../images/bg-debut_light.png") repeat scroll 0 0 transparent; line-height: 10px !important; } .mod-vmnewproduct .vmheader{ background: url("../images/bg-debut_light.png") repeat scroll 0 0 transparent; line-height: 10px !important; margin: 15px 0 25px; padding-right: 10px; width: 95%; } .mod-vmnewproduct .vmheader span{ background: none repeat scroll 0 0 #fff; font-size: 18px; padding-right: 15px; } #np_prev,#np_next{ display: block; float: left; margin: 0 2px; width: 13px !important; } .vmproductmod-vmnewproduct .caroufredsel_wrapper{ height: 307px !important; } .newproduct ul { margin: 0; padding: 20px 0; list-style: none; display: block; } .newproduct li { padding: 0; margin: 6px 15px; display: block; float: left; position: relative; } .spacer{ overflow: hidden; z-index: 100; } .newproduct.responsive { width: auto; margin-left: 0; } .pcap{ background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5); position:absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 2px; padding: 3px; z-index: 9; } .newproduct img{ background: none repeat scroll 0 0 #FFFFFF; border:1px solid rgba(0,0,0,0.05); border-radius:2px; -o-border-radius:2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.05); cursor: pointer; padding: 3px; width: 100%; } .np-shop div a{ color: #555; font-size: 15px; font-weight: normal; line-height: 30px; font-weight: bold; } .np-shop .PricesalesPriceWithDiscount{ display: none; } .shop-nav { float: left; } #np-container .shop-nav { margin-top: 10px; position: relative; } .np-qnav,.fp-qnav { margin-top: 30%; margin-left:38%; position: absolute; z-index: 10; } .np-qnav a i,.fp-qnav a i { color: #FFFFFF; font-size: 14px; font-weight: normal; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); } .np-qnav a,.fp-qnav a{ background: none repeat scroll 0 0 rgba(51, 51, 51, 0.95); border-radius: 20px; -webkit-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.5); color: #eee; display: block; float: left; height: 30px; line-height: 30px; margin: 0 2px; text-align: center; width: 30px; } #np-container .shop-nav .sn-cart { background: none repeat scroll 0 0 #444; border-radius:3px; -o-border-radius:3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5) inset; } #np-container .shop-nav .sn-cart:hover,#fp-container .shop-nav .sn-cart:hover{ background-color: 86C940; } #np-container .shop-nav .button,#np-container .shop-nav .button:hover{ background-color: #404040 !important; border-color: #404040 !important; } #np-container .shop-nav .button:hover{ background-color: #222 !important; border-color: #404040 !important; } .shop-nav span { cursor: pointer; display: block; height: 30px; margin-right: 5px; text-align: center; border-radius:3px; -o-border-radius:3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 34px; } .shop-nav span a i.ida-list { color: #FFFFFF; font-size: 24px; line-height: 30px; } .shop-nav span.sn-cart .quantity-box,.shop-nav span.sn-cart .quantity-controls{ display: none; } .spacer-buy-area .addtocart-area{ padding: 0; position: relative; } .shop-nav span.sn-cart .addtocart-button { background-color: transparent!important; background-position: 0 center; display: block; height: 30px; line-height: 30px; margin-left: 3px; margin-top: -9px; position: absolute; width: 31px; } .shop-nav span.sn-cart .addtocart-button input{ text-indent: 9999px; } /* .spacer-buy-area span.addtocart-button input.addtocart-button-disabled{ background: url("../images/bg-addcart-da.png") no-repeat scroll 7px center #4F4F4F; border-radius: 0 0 0 0; height: 30px; margin: 9px 0 0 -19px; text-indent: 9000px; width: 34px; }*/ .spacer-buy-area span.addtocart-button input.addtocart-button-disabled{ background: url("../images/bg-addcart-da.png") no-repeat scroll 7px center #4F4F4F; border-radius: 0 0 0 0; height: 26px; margin: 0 0 0 -3px; text-indent: 9000px; width: 145px; } span.addtocart-button input.addtocart-button-disabled{ background: url("../images/bg-addcart-da.png") no-repeat scroll 7px center #4F4F4F; border-radius: 0 0 0 0; height: 30px; margin: 8px 0 0 -6px; text-indent: 9000px; width: 34px; } span.addtocart-button input.addtocart-button-disabled:hover{ background-color: #000; } .shop-nav span.sn-cart .addtocart-button:hover{ background-color:transparent!important; background-position: 0 center; } .productdetails-view .addtocart-bar{ margin:30px 0 20px -35px; } /*Rating on homepage*/ .shop-nav .ratingbox{ margin-top: -5px; width: 120px; } .shop-nav .ratingbox .stars-orange{ margin-left: 1px; margin-top: 7px; } /* Compare product*/ .productcomp{ background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1) inset;; -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1) inset;; font-size: 17px; line-height: 30px; } .productcomp a:hover{ color: #000; } .productcomp a i { font-size: 20px; } .list-reviews span{ font-size: 13px; } /* Search Product */ #mod_virtuemart_search { border-radius: 0 0 0 0; box-shadow: none; font-size: 13px; height: 25px !important; margin-top: 15px; } /* Best Seller */ .vm-best{ margin-top: -30px; } .bestproduct{ bottom: 0; height: 235px; } .vmproductvm-best{ overflow: hidden; } .vm-best img{ border: 1px solid #efefef; height: 70px; width: 80px; } .bestproduct ul { display: block; list-style: none outside none; margin: 5px 0 0; padding: 0; } .bestproduct li { display: block; float: left; height: 70px; margin: 6px; padding: 0; position: relative; } .vmproductvm-best .bp-images{ display: block; position: absolute; } .vmproductvm-best .np-shop{ margin: -10px 10px 0 90px; } /* Must Have*/ .vm-musthave{ } .vm-must{ margin-top: -11px; overflow: hidden; padding-bottom: 3px; } #innerbottom .module-title{ font-family: arial; font-size: 13px; font-weight: bold; line-height: 17px; margin-top: -50px; } .vm-must img{ border: 1px solid #efefef; height: 70px; margin-right: 0; width: 90px; } .vm-must img:hover{ opacity:0.75; } .vm-must ul { display: block; list-style: none outside none; margin: 5px 0 0; padding: 0; } .vm-must li { display: block; float: left; height: 62px; margin: 6px; padding: 0; position: relative; } /* Side Bar */ #virtuemart_currency_id{ margin-top: -25px; } .mod-crc .button { font-size: 12px; font-weight: normal; margin-top: 10px; padding: 6px 8px !important; } /* Random Product */ #sidebar-a .vmproductmod-feature .spacer{ border: 1px solid #efefef; } /* VM Cat */ .mod-vmcat,.mod-crc { margin-top: -35px; } .mod-ranproduct { margin-top: -25px; } .mod-ranproduct img { border: 1px solid #efefef; } .VMmenu li{ border-bottom: 1px solid #F1F1F1; color: #444; line-height: 35px; } .VMmenu li:last-child{ border-bottom: none; } .VMmenu li ul{ border-top: 1px solid #F1F1F1; } .VMmenu li ul li a{ padding-left: 20px; font-size: 12px; } .VmArrowdown{ background-position: right center !important; height: 25px !important; } .textarea.customer-comment{ text-shadow: none; } .additional-images, .featured-view .product-price, .latest-view .product-price, .topten-view .product-price, .recent-view .product-price, .output-billto, .output-shipto { font-size: 12px; margin: 20px 0; } .vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited{ width: auto; background: #ff6622; border: 1px solid #ff6600; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: normal; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .manufacturer-product-link{ margin: 10px 0; } a.product-details, a.details, div.details, .manufacturer-product-link a{ border: 1px solid #EEEEEE; font-size: 12px !important; font-weight: bold; padding: 5px 15px; } .billto-shipto span, a.terms-of-service{ font-size: 13px; } /* Shop Features */ .shop-feature{ background: none repeat scroll 0 0 #FFFFFF; display: block; min-height: 115px; padding-top: 10px; position: relative; width: 100%; -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.03) inset; -moz-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.03) inset; } .shop-feature img{ margin-top: 23px; position: absolute; } .shop-feature h3 a{ font-size: 17px; margin-top: 10px; padding-left: 75px; } .shop-feature p{ font-size: 13px; margin-left: 75px; margin-top: -17px; } .shop-feature a.sf-readmore{ background: url("../images/readmore.png") no-repeat scroll 100% 0 transparent; height: 8px; margin-top: 7px; padding-left: 14px; position: absolute; text-indent: -9999px; width: 7px; } .wg-cart li{ font-size: 12px !important; line-height: 33px; } .wg-cart li a,.wg-cart li a :hover{ color: #555!important; } .wg-cart li a i{ font-size: 17px; padding: 0 5px; } .cart-container{ background: url("../images/bg-submn.png") no-repeat scroll 15px 14px transparent; display: none; margin-top: -20px; padding: 20px 0 !important; position: absolute; width: 215px; } .cart-items{ background: none repeat scroll 0 0 #FFFFFF; min-height:70px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05) inset; border: 1px solid #FFFFFF; border-radius: 5px; -o-border-radius:5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #848484; display: block; font-size: 12px; height: auto; padding: 15px 10px; position: relative; z-index: 10000; } .product_row{ border-bottom: 1px solid rgba(235, 235, 235, 0.7); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.01); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.01);; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.01);; } .product_name a{ font-size: 13px; font-weight: bold; color: #848484; } .cart-info .ida-shopping-cart{ color: #CCC; font-size: 20px; } .cart-info .ida-chevron-down{ color: #CCCCCC; font-size: 12px; font-weight: normal; margin: 0 3px 0 5px; } #facebox .content { background: none repeat scroll 0 0 #222; border-radius: 4px; -o-border-radius:4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; display: table; padding: 35px; width: auto; } #facebox .content a:hover{ color: #444; } #facebox .content .continue { background: none repeat scroll 0 0 #FFFFFF; font-weight: bold; padding: 7px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.16) !important; } #facebox .content .showcart { color: #FFFFFF; font-weight: bold; height: 30px; letter-spacing: -1px; line-height: 30px; margin: -5px 0 0 30px; padding: 0 15px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.16) !important; } #facebox .content div>div{ display:none; font-size: 12px; opacity: 0.75; } #facebox .content h4 { color: #848484; font-size: 14px; } .cart-summary tr td{ vertical-align: middle; } .cart-summary tr td a{ font-weight: bold; } .cart-summary .PricesalesPrice span{ font-size: 15px; color: #555; } .cart-summary .vm2-add_quantity_cart, .cart-summary .vm2-add_quantity_cart:hover{ background: url("../images/vm2-sprite.png") repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; box-shadow: none; } .cart-summary .quantity-input{ margin-top: 15px; } .cart-summary .vm2-remove_from_cart{ } textarea.customer-comment { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; color: #777777; margin-bottom: 30px; padding: 5px 5px 4px; text-align: left; width: 90%; } /*Banner*/ .productdetails .icons a.modal,.ask-a-question a{ border: none; } .main-image, .featured-view .product, .latest-view .product, .topten-view .product, .recent-view .product, .related-products-view .product, .center, span.center{ text-align: left; } /******************* END VM SHOP ************************/ /* iShortcode ----------------------------------------------------------------------------------------------------*/ /* Vertical Tab */ .mod-faqvertab .tabs-left > .nav-tabs .active > a, .mod-faqvertab .tabs-left > .nav-tabs .active > a:hover, .mod-faqvertab .tabs-left > .nav-tabs .active > a:focus, .tabs-left > .nav-tabs > li > a:hover{ border-left: 3px solid; border-radius:0!important; border-right: none; background: #fff; outline: none; } .mod-faqvertab .tabs-left > .nav-tabs .active > a{ border-bottom-color: #ddd!important; border-top-color: #ddd!important; } .mod-faqvertab{ padding: 20px 0; } .mod-faqvertab .tabs-left > .nav-tabs { padding: 20px 0; } .mod-faqvertab .tabbable { background: url("../images/bg-tab.png") repeat scroll right bottom rgba(0, 0, 0, 0); } .mod-faqvertab .nav-tabs{ /* background: #f7f7f7; background: -moz-linear-gradient(left, #ffffff 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); background: -webkit-linear-gradient(left, #ffffff 0%,#f7f7f7 100%); background: -o-linear-gradient(left, #ffffff 0%,#f7f7f7 100%); background: -ms-linear-gradient(left, #ffffff 0%,#f7f7f7 100%); background: linear-gradient(to right, #ffffff 0%,#f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=1 ); */ font-weight:bold; background:url("../images/bg-vtab.png") repeat scroll 0 center transparent; min-height: 200px; min-width: 240px; } .mod-faqvertab li a{ border-left: 3px solid #FBFBFB; padding: 12px 15px 12px 18px; font-size: 12px; color: #555; } .mod-faqvertab li a i{ padding-right: 5px; } .tab-content h3{ font-size: 18px; } /* Video */ video{ max-width: 100%; height: auto; } iframe, embed, object { max-width: 100%; } /* Pricing Table ***********************************************************************************************************/ .pt-basic { text-align: center; } .pt-basic [class*="span"] { margin:0 1px; } .pt-basic .features-list { text-align: left; border-radius:3px!important; } .pt-basic .ptactive { z-index: 9999; margin:-15px -1px -15px -1px; border: none; background: #fff; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .2); box-shadow: 0 5px 15px rgba(0, 0, 0, .2); } .pt-basic .header { min-height: 140px; background: #777; color: #fff; margin-bottom: -10px; } .pt-basic .header i{ color: #333333; font-size: 35px; margin-top: -24px; position: absolute; } .pt-basic .features-list .header { background: none;} .pt-basic .ptactive .header { min-height: 155px; } .pt-basic h1 { padding: 12px 15px; background: rgba(0, 0, 0, .2); color: #fff; font-weight: 800; font-size: 14px; margin-top: 0; } .pt-basic .ptactive h1 { color: #fff; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15); } .pt-basic h2 { margin-top: 13px; color: #fff; color: rgba(255, 255, 255, .7); font-weight: 800; font-size: 13px; } .pt-basic h2 span { display: block; color: #fff; font-size: 36px; line-height: 1.2; } .pt-basic h5{ height: 0; line-height: 0; text-align: center; } .pt-basic h5 i{ } .pt-basic .ptactive h2 span { font-size: 48px; } .pt-basic .ptactive h2 span:after { border-top:; content:''; position:absolute; top:31.2%; left:47%; border:10px solid transparent; z-index:99999999!important; } .pt-basic ul li { padding: 9px 20px; background: #f9f9f9; } .pt-basic ul li:nth-child(even) { background: #f1f1f1; } .pt-basic .footer { background: #f8f8f8; padding: 40px 0; } .pt-basic .features-list .footer { background: none; } .pt-basic .ptactive .footer { padding: 35px 20px; background: #fff; } .pt-basic .button{ border-radius: 5px; padding: 7px 18px; } .pt-basic .footer a{ color: #fff; } /*Price Table Sytle Sample*/ .pt-basic.blue .ptactive .header{ background: #003056!important; } .pt-basic.blue .ptactive .header i{ color: #003056!important; } .pt-basic.aqua .ptactive .header{ background: #306E73!important; } .pt-basic.aqua .ptactive .header i{ color: #306E73!important; } .pt-basic.red .ptactive .header{ background: #F23005!important; } .pt-basic.red .ptactive .header i{ color: #F23005!important; } .pt-basic.fuchsia .ptactive .header{ background: #3C0942!important; } .pt-basic.fuchsia .ptactive .header i{ color: #3C0942!important; } .pt-basic.pink .ptactive .header{ background: #FF0080!important; } .pt-basic.pink .ptactive .header i{ color: #FF0080!important; } .pt-basic.orange .ptactive .header{ background: #FF9900!important; } .pt-basic.orange .ptactive .header i{ color: #FF9900!important; } /*******************/ /** ACORDION *******/ /*******************/ .iaccordion { padding-top: 10px; } .ac-dash .accordion-heading{ background: url("../images/bg-accplus.png") no-repeat scroll left center #FAFAFA; padding-left: 30px; border:none; border-bottom: 1px dashed #CCCCCC; border-radius:0; } .ac-dash .accordion-heading.active{ background: url("../images/bg-accplusactv.png") no-repeat scroll left center #FAFAFA; } .ac-dash .accordion-inner,.ac-dash .accordion-group{ border: none; } .ac-flat .accordion-heading{ background: url("../images/bg-flataccplus.png") no-repeat scroll left center #FAFAFA; padding-left: 30px; border:none; border-radius:0; } .ac-flat .accordion-heading.active{ background: url("../images/bg-flataccplusactv.png") no-repeat scroll left center #FAFAFA; } .ac-flat .accordion-heading.active a:hover{ color: #fff; } .ac-flat .accordion-inner,.ac-flat .accordion-group{ border: none; } /************/ /*** jBar ***/ /************/ .jbar-chart{ display: block; position: relative; min-height: 200px; min-width: 200px; } .jqbar.horizontal .bar-label { text-align: right; width: 100px; } .jqbar { position: relative; height: 50px; } .bar-level{ /* Set the background size so the stripes work correctly */ -webkit-background-size: 44px 44px; -moz-background-size: 36px 36px; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) ); /* Mozilla (Firefox etc) background stripes */ /* Note: Mozilla's support for gradients is more true to the original design, allowing gradients at 30 degrees, as apposed to 45 degress in webkit. */ background: -moz-repeating-linear-gradient(top left -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px), -moz-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%), #74d04c; -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2); /* Animate */ -moz-animation: animate-stripes 2s linear infinite; -webkit-animation: animate-stripes 2s linear infinite; -o-animation: animate-stripes 2s linear infinite; -ms-animation: animate-stripes 2s linear infinite; -khtml-animation: animate-stripes 2s linear infinite; animation: animate-stripes 2s linear infinite; box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 1px rgba(0, 0, 0, 0.2) inset; } .jqbar.vertical { text-align: center; display: inline-block; } .jqbar.vertical span { display: block; font-size: 13px; } .jqbar.vertical .bar-percent { font-size: 11px; font-weight: bold; position: absolute; height: 20px; margin-bottom: 5px; width: 100%; } .jqbar.vertical .bar-level-wrapper { position: relative; display: inline-block; overflow: hidden; } .jqbar.vertical .bar-level { position: absolute; } /*horizontal*/ .jqbar.horizontal span { display: inline-block; margin-left: 5px; font-size: 15px; } .jqbar.horizontal .bar-percent { font-size: 11px; font-weight: bold; height: 20px; margin-bottom: 5px; } /* System ----------------------------------------------------------------------------------------------------*/ #totop-scroller { background: url("../images/totop_scroller.png") no-repeat scroll 50% 50% rgba(34,34,34,0.75); border-radius: 3px 3px 3px 3px; display: block; height: 51px; position: absolute; right: 0; text-decoration: none; top: -40px; width: 48px; z-index: 1; } #totop-scroller:hover{ background-color: rgba(0,0,0,0.75) } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{ border-radius:0; box-shadow:none; } fieldset { border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; margin: 18px 0; padding: 12px 12px 0; } .breadcrumb { background-image: url("../images/bg-breadcum.png") !important; background-position:380px -6px !important; background-repeat: no-repeat !important; display: block; font-size: 11px; line-height: 80px; min-height: 80px; padding-left: 25px !important; } .breadcrumb a{ color: #222; text-shadow: none; } #breadcrumbs .ida-home{ font-size: 15px; color: #B1B1B1; } .breadcrumb { border-radius: 0; color: #848484; } .breadcrumbs a,#sp-breadcrumbs-wrapper a{ color: #444; font-size: 13px !important; text-shadow:none; } .breadcrumb > li span{ color: #fff; font-size: 13px !important; text-shadow: none; } .breadcrumbs span, .breadcrumbs strong { color: #fff; } /** Pages */ .fi-left strong { border-bottom: 2px solid color: #747474; font-family: open sans,aller,arial; font-size: 13px; line-height: 40px; padding-bottom: 5px; } .fi-left a { color: #848484; } .fi-left > ul > li { color:#555; box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1); padding-bottom: 15px; margin-bottom:15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); } #s5_quick_contact { background: none repeat scroll 0 0 #FFFFFF; border-right: 15px solid #E1E1E1; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); margin-left: 10%; margin-top: -930px; padding: 30px 0 30px 30px; width: 22%; position: absolute; } .icontact-close { background: url("../images/close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; display: none; height: 34px; position: absolute; right: -17px; top: -17px; width: 34px; } /* RTL ***********************************************************************************************************/ /* Responsive ***********************************************************************************************************/ .sp-mobile-menu{ z-index: 9999; } .sp-mobile-menu ul li:first-child{ padding-top: 15px; } .sp-mobile-menu ul li span.sp-menu-toggler i{ background: #fff; color: #555; width: 20px; height: 20px; line-height: 20px; margin: 10px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-inverse{ margin-top: -20px; padding: 6px 15px; z-index: 100000; float: right; } .nav-collapse, .nav-collapse.collapse { margin-top: 53px; z-index: 99999; } @media (max-width: 320px) { @-ms-viewport{ width: 320px; } .mod-pf { margin-top: -50px!important; } .port-item,.mod-faqvertab .tab-content{ width: 100%!important; } #options { margin: 0 5%!important; } .mod-faqvertab .nav-tabs { min-width: 320px!important; } } @media (min-width: 321px) and (max-width: 480px) { .port-item{ width: 100%!important; height: auto; } } @media (min-width: 481px) and (max-width: 768px) { .gt-message span.me-button{ margin-top: -5%!important; } #options { margin: 0 5%!important;; } .gt-countdown { background-size: 500% auto!important; } } /*Iphone 5 Only*/ @media (min-width: 500px) and (max-width: 640px) { .port-item{ width: 100%!important; height: auto; } } /* Ipad Potrain */ @media (min-width: 569px) and (max-width: 768px) { #options { margin: 0 27%!important; } } /* Ipad Landscape */ @media (min-width: 769px) and (max-width: 1024px) { #options { margin: 0 30%!important; text-align: center; } } /* Work around for mobile*/ @media (max-width: 768px) { } /* Animation ***********************************************************************************************************/ @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-animation: flipInX 1s 1; -moz-animation: flipInX 1s 1; -ms-animation: flipInX 1s 1; -o-animation: flipInX 1s 1; animation: flipInX 1s 1; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation: fadeIn 1s 1; -moz-animation: fadeIn 1s 1; -ms-animation: fadeIn 1s 1; -o-animation: fadeIn 1s 1; animation: fadeIn 1s 1; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation: fadeInUp 1s 1; -moz-animation: fadeInUp 1s 1; -ms-animation: fadeInUp 1s 1; -o-animation: fadeInUp 1s 1; animation: fadeInUp 1s 1; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation: fadeInDown 1s 1; -moz-animation: fadeInDown 1s 1; -ms-animation: fadeInDown 1s 1; -o-animation: fadeInDown 1s 1; animation: fadeInDown 1s 1; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation: fadeInLeft 1s 1; -moz-animation: fadeInLeft 1s 1; -ms-animation: fadeInLeft 1s 1; -o-animation: fadeInLeft 1s 1; animation: fadeInLeft 1s 1; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation: fadeInRight 1s 1; -moz-animation: fadeInRight 1s 1; -ms-animation: fadeInRight 1s 1; -o-animation: fadeInRight 1s 1; animation: fadeInRight 1s 1; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation: bounceIn 1s 1; -moz-animation: bounceIn 1s 1; -ms-animation: bounceIn 1s 1; -o-animation: bounceIn 1s 1; animation: bounceIn 1s 1; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation: bounceInDown 1s 1; -moz-animation: bounceInDown 1s 1; -ms-animation: bounceInDown 1s 1; -o-animation: bounceInDown 1s 1; animation: bounceInDown 1s 1; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation: rotateIn 1s 1; -moz-animation: rotateIn 1s 1; -ms-animation: rotateIn 1s 1; -o-animation: rotateIn 1s 1; animation: rotateIn 1s 1; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation: rotateInUpLeft 1s 1; -moz-animation: rotateInUpLeft 1s 1; -ms-animation: rotateInUpLeft 1s 1; -o-animation: rotateInUpLeft 1s 1; animation: rotateInUpLeft 1s 1; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation: rotateInDownLeft 1s 1; -moz-animation: rotateInDownLeft 1s 1; -ms-animation: rotateInDownLeft 1s 1; -o-animation: rotateInDownLeft 1s 1; animation: rotateInDownLeft 1s 1; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation: rotateInUpRight 1s 1; -moz-animation: rotateInUpRight 1s 1; -ms-animation: rotateInUpRight 1s 1; -o-animation: rotateInUpRight 1s 1; animation: rotateInUpRight 1s 1; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation: rotateInDownRight 1s 1; -moz-animation: rotateInDownRight 1s 1; -ms-animation: rotateInDownRight 1s 1; -o-animation: rotateInDownRight 1s 1; animation: rotateInDownRight 1s 1; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation: rollIn 1s 1; -moz-animation: rollIn 1s 1; -ms-animation: rollIn 1s 1; -o-animation: rollIn 1s 1; animation: rollIn 1s 1; } /* System ***********************************************************************************************************/ .gt-hidden{ display: none; } /* Font Awesome Icons ***********************************************************************************************************/ .the-icons [class*="span"]:first-child{ margin-left: 2.5641%!important; } .the-icons{margin-top:22px;}.the-icons .span3 a{display:block;cursor:pointer;line-height:32px;height:32px;padding-left:10px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.the-icons .span3 a,.the-icons .span3 a:hover{color:#222222;} .the-icons .span3 a [class^="icon-"],.the-icons .span3 a [class*=" icon-"]{width:32px;font-size:14px;display:inline-block;text-align:right;margin-right:10px;} .the-icons .span3 a:hover{background-color:#fff0f0;text-decoration:none;}.the-icons .span3 a:hover [class^="icon-"],.the-icons .span3 a:hover [class*=" icon-"]{*font-size:28px;*vertical-align:middle;} .the-icons .span3 a:hover [class^="icon-"]:before,.the-icons .span3 a:hover [class*=" icon-"]:before{font-size:28px;vertical-align:-5px;} /* Version 4.2*/ .fontawesome-icon-list [class*="span"]:first-child{ margin-left: 2.5641%!important; } .fontawesome-icon-list{margin-top:22px;}.fontawesome-icon-list .span3 a{display:block;cursor:pointer;line-height:32px;height:32px;padding-left:10px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-family:'open sans',arial}.fontawesome-icon-list .span3 a,.fontawesome-icon-list .span3 a:hover{color:#222222;} .fontawesome-icon-list .span3 a [class^="icon-"],.fontawesome-icon-list .span3 a [class*=" icon-"]{width:32px;font-size:14px;display:inline-block;text-align:right;margin-right:10px;} .fontawesome-icon-list .span3 a:hover{background-color:#FFAA4A;text-decoration:none;color: #fff;}.fontawesome-icon-list .span3 a:hover [class^="icon-"],.fontawesome-icon-list .span3 a:hover [class*=" icon-"]{*font-size:28px;*vertical-align:middle;} .fontawesome-icon-list .span3 a:hover [class^="icon-"]:before,.fontawesome-icon-list .span3 a:hover [class*=" icon-"]:before{font-size:28px;vertical-align:-5px;} .fontawesome-icon-list a{font-size: 15px;}