@CHARSET "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,latin-ext);

/*

Szürke szín: #a7cf38

*/

body ,html { font-family: 'Roboto Condensed', sans-serif; color: #2f2f2f; padding: 0px; margin: 0px; height:100%; background:#f5f5f5 url(/hpimages/bgr2.jpg) fixed top left ; background-size:100%;  font-size: 14px; line-height: 115%; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea {  color: #222; }

::-moz-selection { background: #8bc34a; color: #fff; text-shadow: none; }
::selection { background: #8bc34a; color: #fff; text-shadow: none; }

form {	padding: 0px;	margin: 0px;	border: 0px;}
p {	margin: 0px;	padding: 5px 0px 15px 0px;	}

h1, h2, h3, h5{ color: #2f2f2f;  font-weight: normal;   -webkit-font-smoothing: antialiased; line-height: 110%;  }

h1 { 	margin: 0px 0px 10px 0px;	padding: 0px;	font-size: 24px;    font-weight: bold;  }
h2 { 	padding:0px;	margin: 5px 0px 15px 0px;		font-size: 18px; font-weight:normal;  }
h3 { 	margin: 4px 0px 4px 0px;	padding: 0px;		font-size: 14px; }

h1.withIndex{ margin-bottom:0px; line-height:100%; margin-top:15px; }
h2.index{ margin-top:0px; text-transform:uppercase; font-style:italic ; font-weight:normal;}

*{margin:0px; padding:0px;}
a { color: #abd338; text-decoration:none; }
a:hover { color: #33691e; }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #33691e; color: #000; text-decoration: none; }
mark { background: #33691e; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

.clearer , .clr{ clear:both; }

ul{ margin:0px; padding-left:20px; }
ul li{ padding:0px 0px 6px 0px; }
.icons{ background: transparent url(/hpimages/icons.png) no-repeat top left; }

.site{ width:1200px; }
.topHead{ background-color:#000; min-height:60px; box-shadow: 1px 1px 3px #000; position:fixed; width:100%; z-index:2000; }
.topHead a.logo{ float:left; display:block; }
.topHead .searchBox{ width:460px; float:left; margin-left:40px; padding-top:10px; }
.topHead a.loginBtn{ float:right; display:block; padding:10px; color:#bdbdbd; background-position:-20px 0px; text-transform:uppercase; padding-left:40px; margin-top:10px; margin-right:10px; border-bottom:5px solid #000; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; }
.topHead a.loginBtn:hover { color:#a9ce39; border-bottom:5px solid #a9ce39; }
.topHead .topShareButtons{ float:right; }

ul.searchInputs{ list-style: none; }
ul.searchInputs li{ float:left; background-color:#242424; padding-bottom:0px;}
ul.searchInputs li input.search_input{ background-color:transparent; color:#9a9a9a; border:none;  padding:10px; width:300px; }
ul.searchInputs li input.search_btn{ background-color:#bdbdbd; color:#000; padding:10px 10px; border:none; }
a.closeSearch{ background-color:#000; display:none; height:30px; padding-top:3px; width:36px; padding-right:6px; color:#bdbdbd; font-size:30px; line-height:35px; text-align:center; }
ul.searchInputs li.closeSearchBox{ background-color:#000; }

.topHead .topShareButtons{ float:right; }
.topHead .topShareButtons a { display:inline-block; height:60px; text-indent:-9999px; width:60px; background-color:#212121; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; float:left; margin-right:2px; }
.topHead .topShareButtons a.topFB{ background-position:5px -142px; }
.topHead .topShareButtons a.topFB:hover{ background-position:-45px -142px; }
.topHead .topShareButtons a.topP{ background-position:4px -64px; }
.topHead .topShareButtons a.topP:hover{ background-position:-45px -64px; }
.topHead .topShareButtons a.topTW{ background-position:8px -216px; }
.topHead .topShareButtons a.topTW:hover{ background-position:-45px -216px; }
.topHead .topShareButtons a:hover{ background-color:#a9ce39; }
.topHead .topShareButtons span.googlePlus{ float:right; width:80px;  display:inline-block; height:30px; padding:15px 20px;  }

.topHead .topShareButtons a.topSearch{ background-position:0px -938px; display:none; }
.topHead .topShareButtons a.topSearch:hover{ background-position:-55px -938px; }

.leftMenuBox{ position:fixed; top:90px; width:180px; z-index:10; }  
.leftMenuBox a{ font-size:16px; color:#FFF; text-shadow:1px 1px 1px #000; -webkit-text-shadow:1px 1px 1px #000; -ms-text-shadow:1px 1px 1px #000; -moz-text-shadow:1px 1px 1px #000; -o-text-shadow:1px 1px 1px #000; display:block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; padding:8px 10px 8px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; border:1px solid transparent; border-left:none;  }
.leftMenuBox a:hover{ border:1px solid #000; border-left:none; }

.contentContainer{ padding-left:200px; padding-top:80px; }
.middleContent{ float:left; width:670px;  padding:10px; }
.rightContent{ float:right; width:300px; padding-top:10px; }

.shadowBoxLevel1{ box-shadow:2px 2px 2px #333;  }
.shadowBoxLevel2{ box-shadow:5px 5px 5px #333;  }

.firstNews{ background-color:rgba(0,0,0,0.5); position:relative; max-height:450px; overflow:hidden;  }
.firstNews > * , .listBoxHeadItem > * , a.rightTitleLink > * { transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.firstNews a , .firstNews img , .listBoxHeadItem a , .listBoxHeadItem  img{ display:block; }
.firstNews img{ width:100%; }
.newsTitleBox{ position:absolute; bottom:0px; background: transparent url(/hpimages/bgr_fade_75.png) repeat-x top left; padding:20px; z-index:2; color:#FFF; font-size:14px; text-shadow:1px 1px 1px #000; -moz-text-shadow:1px 1px 1px #000; -webkit-text-shadow:1px 1px 1px #000; -ms-text-shadow:1px 1px 1px #000; -o-text-shadow:1px 1px 1px #000; width:100%; }
.newsTitleBox a{ color:#FFF;  }
.newsTitleBox h1{  }

a.readMoreSlide{ padding-top:15px; position:absolute; z-index:3; top:50%; left:20%; background-color:#33691e; height:85px; width:100px; color:#FFF; font-style:italic; text-transform: uppercase; text-align:center; display:block; border-radius:50%; margin-top:-50px; margin-left:-50px; box-shadow:2px 2px 2px #000; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; opacity:0;}

.firstNews:hover a.readMoreSlide{ opacity:0.8; left:50%;  }
.firstNews:hover .newsTitleBox{ background-position:0px -100px; padding-bottom:40px; }


.listHeadBox{ padding:20px 0px; }
.listBoxHeadItem{ position:relative; width:48%; margin:1%; float:left; height:220px; overflow:hidden; background-color:rgba(0,0,0,0.8); }
.listBoxHeadItem img{ width:100%; }
.listBoxHeadItem a.readMoreSlide{ width:50px; height:39px; background-color:#000; padding-top:0px; margin-left:-25px; line-height:50px; padding-top:11px; }
.listBoxHeadItem .newsTitleBox{ background-position:0px -40px; padding:10px; }
.listBoxHeadItem .newsTitleBox h2{ padding:0px; margin:0px; }
.listBoxHeadItem .newsLeadBox{ background-color:#000; position:absolute; width:100%;  bottom:-60px; z-index:2;  }
.listBoxHeadItem .newsLeadBox .in{ padding:10px; font-size:12px; color:#898989; height:40px; }
.listBoxHeadItem .newsLeadBox .in p{ margin:0px; padding:0px; }

.listBoxHeadItem:hover a.readMoreSlide{ opacity:0.8; left:50%;  }
.listBoxHeadItem:hover .newsTitleBox{ background-position:0px -100px; bottom:60px; }
.listBoxHeadItem:hover .newsLeadBox{ bottom:0px; }



.readMore{ text-align:center; }
.readMore a{ display:block; color:#000; padding-bottom:10px; height:70px; position:relative; }
.readMore a span{ position:absolute; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; white-space:nowrap; display:block; width:100%; text-align:center; }
.readMore a span.u{ top:0px; }
.readMore a span.d{ top:45px; }
.readMore:hover a span.u{ top:30px; }
.readMore:hover a span.d{ top:10px;  }


.sepBoxTitle{ padding:20px 0px; border-top:1px solid #000;  }
.sepBoxTitle a{ color:#FFF; }
.sepBoxTitle h2{ text-shadow:2px 2px 2px #000; font-size:45px; font-weight:normal; }

.homeProductsBox{ padding-top:0px; }

.banner300x250{ margin:20px 0px; }

a.rightTitleLink{ margin:20px 0px; color:#FFF;  text-shadow:2px 2px 2px #000; -moz-text-shadow:2px 2px 2px #000; -webkit-text-shadow:2px 2px 2px #000; -ms-text-shadow:2px 2px 2px #000; -o-text-shadow:2px 2px 2px #000; display:block; }
a.rightTitleLink span{ display:inline-block; font-weight:normal; }
a.rightTitleLink span.t{ font-size:45px; font-weight:300; line-height:140%; } 
a.rightTitleLink span.rightTitleLead { font-size:16px; width:220px; }
a.rightTitleLink span.rightIcon{ float:right; width:60px; height:70px;  background-position:-27px -315px; margin-top:10px; }

.rightBox{ margin:20px 0px; }
.rightBoxText{ background-color:#FFF; padding:20px;   }

.contentBlockTitle h1 , .detailPageTitle h1{ color:#FFF; text-shadow:2px 2px 2px #333; -moz-text-shadow:2px 2px 2px #333; -webkit-text-shadow:2px 2px 2px #333; -ms-text-shadow:2px 2px 2px #333; -o-text-shadow:2px 2px 2px #333; font-size:45px; font-weight:300; }

.shareWhiteContent , .detailContent{ padding:15px; background-color:#FFF; margin:15px 0px; }

.shareWhiteContent { height:55px;  }
.shareThanks{ font-size:11px; color:#888888; font-style:italic; font-weight:600; text-align:center; padding-bottom:10px;  }
.addThisBox{ float:right; }
.shareWhiteContent .tweet{ float:left; }
.shareWhiteContent .fb{ float:left; margin-left:0px; padding-top:5px; }

.detailMoreTitle a{ color:#2f2f2f; }

.whiteListContent{ background-color:#FFF; padding:20px; margin-top:20px; }

.listDateSep{ border-bottom:1px solid #DDD; text-align:right; height:14px; margin-bottom:20px; font-size:12px; }
.listDateSep span{ display:inline-block; background-color:#FFF; padding:5px 15px;  }
.listDateSep span.view{ background-color:#e2e2e2; }
.listDateSep span.catlink{ background-color:#abd338; padding:0px; }
.listDateSep span.catlink a{ padding:5px 15px; display:inline-block; color:#2f2f2f ; background-color:#abd338;}

.newsListItem {    }
.newsListItem .newsListItemPic{ width:250px; float:left; max-height:250px; overflow:hidden; }
.newsListItem .newsListItemPic img{ width:100%; display:block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.newsListItemPicText{ margin-left:265px; padding-right:10px; }
.newsListItemPicText a{ color:#2f2f2f; font-size:20px; }
.newsListItemPicText .newsListLeadBox{ color:#898989;  }
.newsListItem:hover .newsListItemPic img{  -webkit-transform: scale(1.2);  transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2);    }

.detailText { line-height:160%; font-size:16px; }
.detailText img{  width:100%; height:auto; }

.rightItem{ height:250px; background-color:#000; overflow:hidden; margin:20px 0px; position:relative; }
.rightItem .rightItemPic img{ width:100%; height:auto; }
.rightItem .rightItemTitle{ position:absolute; bottom:0px; z-index:2; width:100%; }
.rightItem .rightItemTitle a{ color:#FFF; font-size:14px; font-weight:700;  }
.rightItem .rightItemTitle .in{ margin:15px; background-color: rgba(33,33,33,0.8); padding:10px; }
.rightItem .rigtItemMore{ position:absolute; right:0px; width:80px; padding:10px 10px 10px 30px; height:110px; background-position:6px -667px; color:#FFF; z-index:2; text-align:right; } 
.rightItem .rigtItemMore a{ font-weight:700; color:#FFF;  }


.rightList a { display:block; padding:6px 0px; color:#2f2f2f; transition:all 0.3s ease; }
.rightList a::before{ content: "\f0a9"; width:1.1em; color:#000; display:inline-block; font-family:'FontAwesome'; }
.rightList a:hover{ color:#33691e; padding:10px 0px; background-color:#e2e2e2; }

.rightItemsMoreBox h5{ border-bottom:1px solid #DDD; margin-bottom:5px; font-size:18px; }

.rightItemsListBox .listBoxHeadItem{ margin:0px; float:none; width:100%; }

ul.rightSports{ list-style:none; padding:0px; }
ul.rightSports li{ display:block; float:left; text-align:center; width:24%; border-right:1px solid #DDD; }
ul.rightSports li:last-child{ border-right:none; }
ul.rightSports li a{ font-size:11px; color:#000; display:block; padding:4px 0px;  }
ul.rightSports li a span.icons{ display:inline-block; width:35px; height:45px; margin-bottom:15px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; }
ul.rightSports li a span.t{ display:block; }
ul.rightSports li.ballsports a span{ background-position:-8px -808px; }
ul.rightSports li.watersports a span{ background-position:-8px -874px; }
ul.rightSports li.winter a span{ background-position:-70px -875px; }
ul.rightSports li.athletics a span{ background-position:-47px -807px; }
ul.rightSports li a.selected{ border-bottom:6px solid #abd338; }
ul.rightSports li a.selected:hover span.icons{ margin-bottom:15px; }

ul.rightSports li a:hover span.icons{ margin-bottom:0px; }

a.goTop{ position:fixed; bottom:0px; left:20px; display:inline-block;  background-color:#000; color:#FFF; text-align:center; padding:15px; z-index:1000; display:none;  }

.rightItemsPopUp{ background-color:#000; padding:15px; position:fixed; bottom:20px;  z-index:3000; width:270px; right:-360px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;  border:8px solid #abd338; }
a.closePop{ position:absolute; top:-36px; padding:10px; right:0px; background-color:#abd338; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; color:#000; }
a.closePop:hover{ background-color:#abd338; color:#000; }

.rightItemsPopUpShow{  right:20px; }

.rightItemsPopUp .title{ text-transform:uppercase; color:#e3e3e3; border-bottom:2px solid #e3e3e3; margin-bottom:10px; }
.rightItemsPopUp .listBoxHeadItem .newsTitleBox h2{ font-size:14px; }
.rightItemsPopUp .listBoxHeadItem{ height:120px; }

.followTitle{ margin-top:15px; }
.followBox{ height:50px; }
.followFB{ overflow:hidden; width:70px; float:left; }
.followFB .in{ margin-left:-60px; margin-top:-30px; width:60px;  }
.followTW{ width:140px; float:right; padding-top:3px; }

.search_menu{ padding:15px 0px; }
.search_menu a{ display:inline-block; padding:6px 15px ;   background-color:#abd338; color:#000; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;  }
.search_menu a:hover , .search_menu a.selected { background-color:#000; color:#FFF; }


.footer{ margin-top:30px; padding:50px 40px 10px 40px; color:#FFF; background-color:#000; }
.footer .copy{ font-size:12px; text-align:right; }

ul.footerBoxes{ padding:0px; list-style:none; }
ul.footerBoxes li{ width:33%; display:block; float:left; }
ul.footerBoxes li .title{ padding-bottom:30px; font-size:40px; font-weight:300; }
.footerMenu { padding-bottom:15px; }
.footerMenu a{ display:block; color:#FFF; padding:5px 0px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; }
.footerMenu a:hover{ padding-left:10px; }


.itemScopeDate{ padding:8px 0px; color:#DDD; font-size:11px; font-style:italic; }

/* OLD */

table.form tr.bold td {	font-weight: bold;}
div#nameselect {    position: absolute;    z-index: 10px;    top: 20px;    left: 0px;}
div#nameselect select {    overflow: hidden;    width: 130px;    height: 160px;    background-color: #ECF7F7;    display: none;}
table.landing td {    padding: 4px;    vertical-align: top;}
table.landing td.header {    background-color: #FF0066;    color: #ffffff;    font-weight: bold;}
table.landing td.blue_header {    background-color: #0198CD;    color: #ffffff;    font-weight: bold;}
table.landing a.inbox,table.landing a.friends {    color: #ffffff;    font-weight: bold;    text-decoration: none;    padding: 6px;    width: 133px;    display: block;    margin: 3px;}
table.landing a.inbox {    background-color: #FF0066;}
table.landing a.friends {    background-color: #0198CD;}
p.folder {    padding: 5px 10px 5px 10px;    background-color: #FF0066;    color: #ffffff;}
p.folder a {    color: #ffffff;    text-decoration: none;}
table.imgeditor {    float: left;    margin: 0px 2px 2px 0px;}
table.imgeditor td {    padding: 2px;}
table.imgeditor tr.head td {    color: #ffffff;    font-weight: bold;    background-color: #0099CB;}
table.imgeditor  img {    vertical-align: middle;    margin: 2px;    border: 1px solid #ffffff;}
table.imgeditor tr.head td a {    color: #ffffff;    font-weight: normal;}
table.imgeditor tr.row1 td {    border-bottom: 1px solid #336699;    background-color: #DBF7F7;}
table.imgeditor tr.row2 td {    border-bottom: 1px solid #336699;    background-color: #ECF7F7;}

div.pager {    clear: both;    margin: 10px 0px 10px 0px;       text-align: center;}
div.pager a,div.pager span {    display: inline-block;    text-align: center;    margin: 3px;    font-weight: bold;    padding: 10px 15px ;}
div.pager a {    background-color: #ffffff;    text-decoration: none;    color: #333;	}
div.pager span {    background-color: #DDD;    color: #000;	 }

div.friendholder {    width: 290px;     float: left;    margin: 11px 0px 0px 11px;    margin: expression('11px 0px 0px 6px');    border: 1px solid #454545;}
div.friendholder,div.friendholder img,div.friendholder div.img {    border: 1px solid #7EC9E8;}
div.friendholder div.name {    background-color: #7EC9E8;    color: #ffffff;    font-weight: bold;    padding: 2px 5px 2px 5px;}
div.friendholder div.name a,div.friendholder div.name span {    color: #ffffff;    float: right;    text-decoration: none;    font-weight: normal;    font-size: 10px;}
div.friendholder div.text {    padding: 5px 5px 0 5px;}
div.friendholder div.text img{ width:auto; }
div.friendholder div.img {    width: 100px;    height: 100px;    float: left;    margin-right: 5px;}
div.friendholder img {    float: left;    margin-right: 5px;}
div.iam,div.iam img,div.iam div.img {    border: 1px solid #000000;}
div.iam div.name {    background-color: #000000;    color: #ffffff;    font-weight: bold;    padding: 2px 5px 2px 5px;}
div.waintingforme,div.waintingforme img,div.waintingforme div.img {    border: 1px solid #FF9507;}
div.waintingforme div.name {    background-color: #FF9507;    color: #ffffff;    font-weight: bold;    padding: 2px 5px 2px 5px;}
div.waiting,div.waiting img,div.waiting div.img {    border: 1px solid #99999B;}
div.waiting div.name {    background-color: #99999B;    color: #ffffff;    font-weight: bold;    padding: 2px 5px 2px 5px;}
div.friend,div.friend img,div.friend div.img {    border: 1px solid #FF0066;}
div.friend div.name {    background-color: #FF0066;    color: #ffffff;    font-weight: bold;    padding: 2px 5px 2px 5px;}
div.nofriend,div.nofriend img,div.nofriend div.img {    border: 1px solid #7EC9E8;}
div.nofriend div.name {    background-color: #7EC9E8;    color: #ffffff;    font-weight: bold;    padding: 2px 5px 2px 5px;}
a.galItem {    margin: 4px 4px 0px 0px;    padding: 10px;    float: left;    border: 1px solid #888888;    background-color: #F6F6F6;    background-repeat: no-repeat;    background-position: center center;    text-align: center;    line-height: 10px;    width: 144px;    height: 124px;}
a.galItem:hover {    border: 1px solid #000000;    background-color: #DBF7F7;}
a.galItem img {    vertical-align: middle;}
a.big_text_link {    display: block;    margin: 10px 0px 10px 0px;    padding: 4px 6px 4px 6px;    color: #ffffff;    background-color: #0033FF;    font-weight: bold;    width: 110px;    text-align: center;    text-decoration: none;}
a.big_text_link:hover {    background-color: #FF0066;}
div.imgholder {    border: 1px solid #005D7B;    width: 100px;    height: 100px;}
div.divborder {    height: 100px;    width: none;    float: left;}
div.divborder img {    border: 1px solid #005D7B;}

.fbRightBox{ overflow:hidden; }
.hideBox{display:none; }

.archiveBox{ border:6px solid #000; background-color:#FFF; margin-bottom:15px; }
.archiveTitle{ padding:8px; background-color:#e65100; color:#FFF;}
.archiveTitle h3{ color:#FFF; }
.archiveText { padding:8px; }

a.buttonGo{ display:inline-block; padding:6px 15px; background-color:#8bc34a; color:#FFF; text-transform:uppercase; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
a.buttonGo::before { content: "\f0a9"; width: 1.1em; color: #FFF; display: inline-block; font-family: 'FontAwesome'; }
a.buttonGo:hover{ padding-left:20px; background-color:#558b2f;  }

ul.archiveMenu{ list-style:none; padding:0px; }
ul.archiveMenu li{ display:inline-block; padding-right:15px; }

a.mobileMenuBtn{ display:none; height:47px; width:45px; background-color:#212121; color:#FFF; float:right; font-size:35px; padding:13px 0px 0px 15px; }
a.mobileMenuBtn:hover{ background-color:#8bc34a; }

.rightCompBox{ position:relative; }
.rightCompBox .rightCompBoxTitle{ position:absolute; z-index:10; padding-left:15px; }
.rightCompBox .rightCompBoxTitle span.t{ font-size:18px; color:#000; }
.rightCompBox .rightCompBoxTitle a.rightTitleLink{ width:90%; text-shadow:1px 1px 1px #000; display:block; margin:10px 0px; }

.adsContent{ text-align:center; padding:10px 0px;}

.rightSubscribe{ background:#FFF url(/hpimages/icon_subscribe.png) no-repeat top left; background-position:190px 80px; } 

.productAmazon{ position:relative; width:100%; display:table; }
.productAmazon .pic{  width:120px; float:left;  }
.productAmazon .title{ position:relative;  margin:20px 250px 20px 140px; top:0px; left:0px; height:100px; display:table-cell; vertical-align:middle;  }
.productAmazon .title a{ font-size:16px; background-color:#abd338; color:#FFF ; line-height:21px; }
.productAmazon .l{ float:right; border-left:1px solid #DDD; padding-left:15px; padding-top:15px;  }



@media screen and (max-width:1200px) {
    .site { width:100%;  }
	.middleContent{ margin-right:320px; width:auto; }
	.rightContent{ position:absolute; right:0px; }
}

@media screen and (max-width:1100px) {
    .leftMenuBox{ position:fixed; width:100%; top:60px; background-color: rgba(0,0,0,0.9); border-bottom:2px solid #000;  padding-top:5px; text-align:center; }
	.leftMenuBox a{ display:inline-block; padding:12px 20px; border:none; }
	.leftMenuBox a:hover{ border:none; background-color:#000; }
	.middleContent{ width:auto; }
	.contentContainer{ padding-left:15px; padding-top:120px; }
	/*
	.topHead{ position:absolute; }
	*/
	.topHead .searchBox{ width:320px;  }
	ul.searchInputs li input.search_input{ width:100%; }
}

@media screen and (max-width:950px) {

	.topHead .searchBox{ display:none; }
	.topHead .topShareButtons a.topSearch{ display:block; }

}

@media screen and (max-width:748px) {
	
	.contentContainer{ padding-right:15px; }
	.middleContent{ margin-right:0px; float:none; }
	.rightContent{ float:none; width:100%; position:relative; }
	.rightItemBox{ width:45%; float:left; margin:2%; }
	.rightItemBox img{ width:100%; }
	.rightItemBox.rightBoxText { width:40%; padding:2.5%; } 
	.topHead .searchBox{ display:none; }

	ul.footerBoxes li{ float:none; width:100%; }
	.footerMenu a{ display:inline-block; padding:5px 15px; }
	.leftMenuBox a{ padding:12px 10px; }

}

@media screen and (max-width:670px) {
	
	.newsListItem .newsListItemPic{ width:40%; }
	.newsListItemPicText{ margin-left:42%; }
	.middleContent{ padding:0px; }
	.contentContainer{ padding:8px; }
	.shareWhiteContent{ height:auto;  } 
	.shareWhiteContent .tweet{ float:none; padding:10px 0px; }
	.shareWhiteContent .fb{ float:none; padding:10px 0px; }
	.addThisBox{ float:none; padding:10px 0px; }
	
	.newsTitleBox{ width:97%; }
	.firstNews .newsTitleBox{ width:90%; }
	
	.listBoxHeadItem .newsTitleBox{ background-position:0px -100px; bottom:60px; }
	.listBoxHeadItem .newsLeadBox{ bottom:0px; }

	.topHead .searchBox{ margin-left:0px; padding-top:0px; padding-bottom:15px; }
	a.closeSearch{  display:inline-block; }

	.detailMoreTitle{ padding-left:15px; }
	.detailPageTitle{ padding:0px 15px; }
	.contentContainer{ padding:0px; padding-top:80px; }
}

@media screen and (max-width:640px) {

	.topHead .topShareButtons{ display:none; float:left; }
	.leftMenuBox{ display:none; top:60px; }

	a.mobileMenuBtn{ display:inline-block;   }
	.topHead{ min-height:60px; background-color:#000; }

	.topHead .topShareButtons a { display:inline-block; width:40px;  margin-right:1px; }
	.topHead .topShareButtons a.topFB{ background-position:-5px -142px; }
	.topHead .topShareButtons a.topFB:hover{ background-position:-55px -142px; }
	.topHead .topShareButtons a.topP{ background-position:-6px -64px; }
	.topHead .topShareButtons a.topP:hover{ background-position:-55px -64px; }
	.topHead .topShareButtons a.topTW{ background-position:-2px -216px; }
	.topHead .topShareButtons a.topTW:hover{ background-position:-55px -216px; }
	.topHead .topShareButtons span.googlePlus{ display:none;  }

	.topHead .topShareButtons a.topSearch{ background-position:-10px -938px;  }
	.topHead .topShareButtons a.topSearch:hover{ background-position:-65px -938px; }

	.topHead .searchBox{ width:315px; }
	.topHead .searchBox ul{ padding-left:5px; margin-bottom:10px; }

	.productAmazon .l{ float:left; width:100px; }
	.productAmazon .l img{ width:100%; }



}

@media screen and (max-width:480px) {
	
	.leftMenuBox{ position:relative; width:auto;   top:0px; }
	.leftMenuBox a{ display:block; padding:12px 5px; border:none; }
	
	.listHeadBox{  margin:0px 10px; }
	
	.listBoxHeadItem .newsTitleBox{  background-position:0px -40px; padding:10px; bottom:0px; }
	.listBoxHeadItem .newsLeadBox{ bottom:-60px; }

	.rightItemsPopUp{  padding:5px; position:fixed; bottom:10px;  z-index:3000; width:250px; right:-300px;  }
	.rightItemsPopUpShow{  right:0px; }

	.listBoxHeadItem{ float:none; width:94%;  margin:0px 10px; border-bottom:15px solid #FFF; }

	.newsListItem .newsListItemPic{ width:100%; float:none; }
	.newsListItemPicText{ margin-left:0%; }

	.rightItemBox{ width:96%; float:left; margin:2%; }
	.rightItemBox.rightBoxText { width:91%; padding:2.5%; } 
	
	body{background-image:none; background-color:#FFF;}
	
	.contentBlockTitle h1 , .detailPageTitle h1{ font-size:35px; color:#000; text-shadow:none; }
	.readMore{ background-color:#8bc34a; }
	.detailMoreTitle{ color:#888888; }
	.detailMoreTitle a{ color:#888888;  }
	
	.rightItemsPopUp .listBoxHeadItem .newsTitleBox{  background-position:0px -40px; padding:10px; bottom:0px; }
	.rightItemsPopUp .listBoxHeadItem .newsLeadBox{ bottom:-60px; }

	.ads468{ display:none; }

	.productAmazon{ position:relative; width:100%; display:block; }
	.productAmazon .pic{  width:auto; float:none; text-align:center; }
	.productAmazon .title{ position:relative;  margin:15px; height:auto; display:block; text-align:center; }
	.productAmazon .l{ float:none; border-left:none; padding:10px;  text-align:right; width:100%; }
	.productAmazon .l img{ width:20%; }



}

@media screen and (max-width:320px) {
	
}