html { height: 100%; padding: 0; margin: 0;}
body{ font-size: 11px; margin: 0; font-family: Calibri, Arial, sans-serif;}

/* RESPONSIVE ELEMENTS HIDDEN UNLESS TRIGGERED BY MEDIA QUERIES */
.respClear550 {display: none;}

.siteWrapper {clear: both; background: #010101 url('../images/back.jpg') repeat-x; border-top: 1px #c0c0c0 inset;}
/* GENERAL STYLING */ 
.clear, h5, .header,  .head, .main, .content, .box, .nobox, .h3, .menu, .mcoupontitle, .mcouponsection, .formline, .optTitle, .optDesc, .mainCat , .buttonLine , .standard, .featured , .error, .err, .footer { clear: both;}
.clearSpace {clear: both; height: 10px;}

.h2 { background: #404040; min-height: 30px; margin-top: 10px; padding: 0 10px 0 10px; border-top: 1px #606060 solid; border-right: 1px #606060 solid; border-left: 1px #606060 solid; border-bottom: 5px #C00000 solid;}
.h2 span { float: right; margin: 5px 5px 0 0; font-size: 15px; color: #ffffff;}
 h2 { margin: 2px 10px 0 0; width: calc(100% - 150px); color: #ffffff; padding: 0; text-align: left; font-size: 20px; font-weight: bold;}


.h3 { background: #404040; min-height: 30px; margin-top: 10px; padding: 0 10px 0 10px; border-top: 1px #606060 solid; border-right: 1px #606060 solid; border-left: 1px #606060 solid; border-bottom: 5px #C00000 solid;}
.h3 span { float: right; margin: 3px 5px 0 0; font-size: 13px; color: #ffffff;}
 h3 { margin: 2px 0 0 0; color: #ffffff; padding: 0; text-align: left; font-size: 20px; font-weight: bold;}
 h4 { height: 18px; padding: 4px 10px 0 0; margin: 0 0 2px 0; color: #000000; font-weight: bold; font-size: 18px;}
 /*h5 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #909090; color: #ffffff;} */
h5 { border-bottom: 2px #C00000 solid; padding: 0 0 2px 0; margin: 0 0 5px 0; color: #ffffff; font-weight: bold; font-size: 14px;}
 a:link, a:active, a:visited { text-decoration: none; color: #c0c0c0;}
 a:hover { color: #ffffff;}
 ol { font-size: 14px; padding: 0 0 10px 0px; margin: 5px 0 0 40px; }
 ol li { padding: 0 0 2px 0; margin: 0 0 0 0;}
.h5alt {border: none; background: #404040; padding: 2px 5px 2px 5px; border-radius: 4px;} 
.h5alt:first-of-type {margin: 0;}
.h5alt:not(:first-of-type) {margin: 5px 0 0 0;} 
.backlinks {padding: 0 10px 0 10px;} 
.list2 { margin: 5px 0 10px 50px; padding: 0; font-style: italic;}
.list2 li a:link, .list2  li a:active, .list2 li a:visited, a.redlink, .message a, .path a, .backlinks a{ color: #A20000; font-weight: bold; font-style: normal;} 
.list2 li a:hover, a.redlink:hover, .message a:hover, .path a:hover, .backlinks a:hover {text-decoration: underline;}
.error, .err { color: #C00000;}
.error, .err , .message { font-weight: normal; padding: 10px;}
.nobox .message {font-size:20px;}
.error span, .err span , .message span { font-weight: bold;} 
 
#cookiebanner { height: 20px; font-size: 16px; font-weight: bold; padding: 10px; color: #ffffff; background: #000000; text-align: center; margin: 0 auto;}

/* SHADOWED ELEMENTS */
.userLogged, .userLogged img, input[type=checkbox]:hover, .linkXtraContent, .linkXtraTrigger, .tips a:hover .tips-container, .tags a:hover .tips-container  { box-shadow:0px 0px 10px #595959; }

.main, .h2, .h3, #map, #map2, .box, .subFooter {box-shadow: 0 0 10px rgba(0,0,0,0.6);}
.content, .menu, .categoryDrop, h1, h1, h3, .subFooter, .serverTime  {
text-shadow: 3px 3px 3px rgba(0,0,0,0.3);}


/* SHARED CURVES */
.lInfo, .bar, .bar-first, .sort select, .buttonLine a, input[type=checkbox], .tipstop, .capt, .lNav a, .bar-first a, .ava, .ava img, .button, .menuButton,
.userPanel a, .smallButton, .input1, .input2, .input3, .input4, .input6, .socialSelect, .tips, .categoryDrop, .mcoupon, .mapbutton, .artImg0, .artImg1, 
.thumb img, .dThumb, .dThumb img, .aImage, .aImage img, .headAds, .headAds img, .optFeat, .addr, #map, #map2, .dLogo, .dLogo img, .dUploads, .dUploads img, #thumbBox img,
.content, .box, .pagingLinks a:link, .pagingLinks a:active, .pagingLinks a:visited, .pagingLinks span, .rateBack, .mainCat button, .bigSearch, .bigSearch button  {
-webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px;  border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px;  border-bottom-right-radius: 4px;}
.lInfo, .bar, .bar-first, .sort select, .buttonLine a, input[type=checkbox], .tipstop, .capt, .lNav a, .bar-first a, .ava, .ava img, .button, .menuButton,
.userPanel a, .smallButton, .input1, .input2, .input3, .input4, .input6,  .socialSelect, .tips, .categoryDrop, .mcoupon, .mapbutton, .artImg0, .artImg1,
.thumb img, .dThumb, .dThumb img, .aImage, .aImage img, .headAds, .headAds img, .optFeat, .addr, .dLogo, .dLogo img, .dUploads, .dUploads img, #thumbBox img,
.menu, .homemenuitem, .menuitem, .menuactive, .h3, .pagingLinks a:link, .pagingLinks a:active, .pagingLinks a:visited, .pagingLinks span, .rateBack, .mainCat button, .bigSearch, .bigSearch button  {
-webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px;  border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px;  border-top-right-radius: 4px;}  
 
.main, .standard, .featured, .thumb, .bio, .linkXtraTrigger, .lmainnt, .linkXtraContent, .tips a:hover .tips-container, .tags a:hover .tips-container, #thumbBox, .catStats, .responsiveCatStats  {
 -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px;  border-bottom-left-radius: 10px;}
.main, .standard, .featured, .thumb, .bio, .linkXtraTrigger, .lmainnt, .linkXtraContent, .tips a:hover .tips-container, .tags a:hover .tips-container, #thumbBox, .catStats  { 
 -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px;  border-top-left-radius: 10px;}
.profile .thumb, .bio, .message .thumb, .lmain, .lmainnt, .linkXtraContent, .tips a:hover .tips-container, .tags a:hover .tips-container, #thumbBox  {
-webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px;  border-top-right-radius: 10px;} 
.main, .profile .thumb, .bio, .message .thumb, .lmain, .lmainnt, .linkXtraContent, #thumbBox, .responsiveCatStats     { 
-webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px;  border-bottom-right-radius: 10px;}
.menu, .homemenuitem, .menuitem, .menuactive, .h2, .h3 {
-webkit-border-top-right-radius: 20px; -moz-border-top-right-radius: 20px;  border-top-right-radius: 20px;} 

/* SHARED GRADIENTS */
input[type=text], input[type=password], textarea, select, .bigSearch {
background: -moz-linear-gradient(top,  #e0e0e0 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #e0e0e0 0%,#ffffff 100%);
background: -o-linear-gradient(top, #e0e0e0 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #e0e0e0 0%,#ffffff 100%);
background: linear-gradient(to bottom, #e0e0e0 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 );}

.buttonLine a, .button, .userPanel a, .smallButton, .tips, .lNav a, .bar-first a , .rateBar, .mapbutton, .mainCat button, .bigSearch button, .menuButton { background: #4E0000;
 background: -moz-linear-gradient(top,  #C00000 0%, #4E0000 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C00000), color-stop(100%,#4E0000));
 background: -webkit-linear-gradient(top,  #C00000 0%,#4E0000 100%);
 background: -o-linear-gradient(top,  #C00000 0%,#4E0000 100%);
 background: -ms-linear-gradient(top,  #C00000 0%,#4E0000 100%);
 background: linear-gradient(to bottom,  #C00000 0%,#4E0000 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C00000', endColorstr='#4E0000',GradientType=0 );}

.menu, .h2, .h3, .tipstop { background: #606060;}
 .menu, .homemenuitem, .menuitem, .h2, .h3, .tipstop{ 
 background: -moz-linear-gradient(top,  #606060 0%, #101010 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(100%,#101010));
 background: -webkit-linear-gradient(top,  #606060 0%,#101010 100%);
 background: -o-linear-gradient(top,  #606060 0%,#101010 100%);
 background: -ms-linear-gradient(top,  #606060 0%,#101010 100%);
 background: linear-gradient(to bottom,  #606060 0%,#101010 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#101010',GradientType=0 );}

/* USER LOGGED IN */ 
.userLogged {min-height: 30px; background: #AD0000; border-bottom: 2px #000000 inset;}
.userLogged .userInfo { max-width: 1020px; color: #c0c0c0; font-size: 14px; padding: 5px 10px 5px 10px; margin: 0 auto; font-weight: bold;}
.userLogged span {color: #ffffff;}
.userLogged img {float: left; margin: 0 10px 0 0; width: 100px; height: 100px; border: 3px #000000 solid; border-radius: 4px;} 
 
/* HEADER */ 
.header { max-width: 1040px; min-height: 160px; margin: 0 auto;}
.head { min-height: 160px;}
.logo { float: left; width: 404px; height: 103px; margin: 10px 0 10px 20px;}
.logo img { border: none;}
.headMain { float: left; margin: 0 0 0 10px; padding: 10px;  min-height: 85px; max-width: 605px; width: calc(100% - 464px);}

.headAds { float: right; border: 1px #AD0000 solid; margin: 10px 0 0 0; height: 73px; width: 470px; padding: 0 10px 10px 10px; box-shadow: 0 0 10px rgba(0,0,0,0.6);}
.headAds span {color:#c0c0c0; font-size: 9px; font-weight: bold;}
 
.main { max-width: 1040px; margin: 10px auto; padding: 10px 0 0 0;
-webkit-border-top-right-radius: 32px; -moz-border-top-right-radius: 32px;  border-top-right-radius: 32px;}
.main, .headAds, .headAds img {  border: 1px #606060 solid;}
.main, .headAds { background: url('../images/trans.png') repeat; /*background: #02010F;*/}

.bigSearch {clear: both; border-top: 2px #909090 solid; border-left: 2px #909090 solid; border-bottom: 1px #909090 solid; border-right: 1px #909090 solid; font-family: calibri; font-weight: bold; font-size: 16px; margin: 30px auto 10px; height: 36px; width: 90%; max-width: 600px;}
.bigSearch img {float: left; height: 31px; width: 22px; padding: 0 0 0 0; margin: 2px 5px 2px 5px;}
.bigSearch input {float: left; width: calc(100% - 156px); margin: 0 10px 0 0; height: 24px; border: none; font-size: 25px; font-weight: bold; padding: 5px;}
.bigSearch button {float: left; width: 120px; margin: 1px 2px 1px 0;}

/* MAIN MENU */
.menu { max-width: 1010px; border: 1px #606060 solid; border-bottom: 5px #C00000 solid; margin: 0 auto 0; height: 34px; padding: 0 10px 0 0;}
.menuicon {display: none; }
.homemenuitem, .menuitem, .menuactive {float: left; height: 29px; border-right: 2px #606060 solid; margin-right: 1px; font-size: 18px; font-weight: bold; display: block;  padding:  5px 20px 0 20px; }
.menuactive {background: #ffffff;}
.homemenuitem:hover, .menuitem:hover { background: #606060;}

.menuButton {float: right; margin: 5px 0 0;}

/* PAGE TITLE, CATEGORY RSS AND SERVER TIME */
/* background */
.underMenu { background: #C00000;
 background: -moz-linear-gradient(top,  #C00000 0%, #ffffff 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C00000), color-stop(100%,#ffffff));
 background: -webkit-linear-gradient(top,  #C00000 0%,#ffffff 100%);
 background: -o-linear-gradient(top,  #C00000 0%,#ffffff 100%);
 background: -ms-linear-gradient(top,  #C00000 0%,#ffffff 100%);
 background: linear-gradient(to bottom,  #C00000 0%,#ffffff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C00000', endColorstr='#ffffff',GradientType=0 );
 max-width: 1020px; border-left: 1px #606060 solid; border-right: 1px #606060 solid; margin: 0 auto 0;
 clear: both; min-height: 42px; height: auto; padding: 0 0 0 0;}
/* page title */
.h1 { float: left; padding: 0 0 0 10px; background: #ffffff; border-right: 1px #AD0000 solid; min-height: 40px; width: calc(100% - 320px); -webkit-border-top-right-radius: 40px; -moz-border-top-right-radius: 40px;  border-top-right-radius: 40px;}
 h1 { float: left;  width: calc(100% - 50px);  margin: 0 10px 0 0; padding: 5px 0 5px 0; font-size: 30px; }
 h1 span {color: #5C0000; font-style: italic; }
 h1 a:link,  h1 a:active, h1 a:visited { color: #000000;}
 h1 a:hover { color: #606060;} 
/* rss */ 
.rssPageLinks {float: left; width: 40px; height: 40px;}
.rssPageLinks img {margin: 9px 0 0 0; border: none;}
/* time and date */
.serverTime { float: left; display: table; text-align: center; width: 288px; padding: 0; font-size:16px; margin: 0 10px 0 10px;}
#clockbox {display: table-cell; vertical-align: middle; font-weight: bold; font-family: arial; color: #000000;} 


/* BREADCRUMB */
.breadcrumb {padding: 10px 0 0 0;  background: #ffffff;}
.path { min-height: 18px; font-size:15px; font-weight:  bold; padding: 6px 6px 0 6px; border-top: #c0c0c0 1px inset; border-left: #c0c0c0 1px inset; border-right: #e0e0e0 1px inset; border-bottom: #e0e0e0 1px inset; border-radius: 5px; background: #eaeaea;}
.path {margin: 0;}
.pathItem { float: left; height: 18px; margin: 0 0 5px 0; }
.patharrow { float: left; margin: 3px 10px 0 12px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #99A2B8;}


/* CONTENT, COLUMNS & SECTION */ 
.content { border-left: 1px #606060 solid; border-right: 1px #606060 solid; border-bottom: 1px #606060 solid; max-width: 1020px; background: #ffffff; margin: 0 auto 10px;}
.rightColumn { float: left; margin: 0 10px 20px 0; width: 298px;}
.centreColumn { float: left; margin: 0 10px 0 10px;  min-width: 298px; width: calc(100% - 328px); max-width: 692px; font-size: 18px; }
.rightColumn h3 { width: 280px;} 
.centreColumn h2, .centreColumn h3 { max-width: 670px;} 
.box, .nobox {}
.box { background: #f0f0f0;}
.nobox {margin: 10px 0 0 0; padding: 0px;}
.rightColumn .box { /*width: 280px;*/ font-size: 15px; border: 1px #606060 solid; padding: 8px;}
.rightColumn .box ul {clear: both; list-style: none; font-size: 15px; margin: 0 10px 0 10px; padding: 0; font-weight: bold;}
.rightColumn .box ul li{clear: both; font-size: 16px; margin: 0; padding: 0; color: #000000;}
.rightColumn .box ul li span, .linkXtraContent ul li span {float: right; font-style: italic; color: #670000; }
.rightColumn .box section { clear: both; padding: 0 0 5px 0; margin: 0 0 0px 0; border-bottom: 1px #670000 dotted;}
.centreColumn .box { font-weight: normal; padding: 0 0 10px 0; margin: 0 0 10px 0;  border: 1px #c0c0c0 solid;}
 
.catBox { float: left; width: 217px; margin: 10px 0 0 10px;}
.catBox ul { list-style: none; margin: 5px 0 0 0; padding:0;}
.catBox ul li { padding: 0 0 0 10px; margin: 0;} 
 

/* LISTING OPTIONS */
.optDesc { font-size: 18px; font-weight: bold; margin: 10px;}
.optFeat { float: right; width: 40%; font-size: 14px; padding: 5px 10px 10px 10px; border: 1px #000000 solid; background: #404040; color: #ffffff; margin: 0 0 0 10px;}
.optFeat ul { float: left; margin: 0 0 0 20px; padding: 0 0 0 0;}
.optFeat ul li { padding: 0 0 2px 0;  margin: 0;}

/* BUTTONS */
.buttonLine { font-weight: bold; text-align: right; margin-top: 10px;}
.buttonLine a, .button, .userPanel a, .smallButton, .menuButton, .lNav a, .bar-first a, .mainCat button, .bigSearch button { display: block; font-family: calibri; font-weight: bold; color: #c0c0c0; text-align: center; border: 1px #000000 solid;}
.buttonLine a, .button, .userPanel a, .smallButton, .menuButton, .lNav a, .bar-first a {margin-right: 5px;}
.buttonLine a, .button, .mapbutton, .bigSearch button {width: 100px; font-size: 18px; float: right;  padding: 4px 0 5px 0px;}
.userPanel a, .smallButton, .lNav a, .bar-first a, .menuButton  {width: 65px; font-size: 14px; padding: 2px 0 2px 0px;}
.buttonLine a:hover, .button:hover, .userPanel a:hover, .smallButton:hover, .menuButton:hover, .tips:hover, .lNav a:hover, .bar-first a:hover, .mainCat button:hover, .bigSearch button:hover { background: #A20000; color: #ffffff;}
.lNav a, .bar-first a {float: left;}
.button, .mapbutton, .bigSearch button  {height: 34px; cursor: pointer;}
.smallButton { height: 23px; cursor: pointer;}
#last {margin-right: 0;}

/* FORMS */
 #fileDelCateg { display: none; }
 #fileDelCateg, a#plusCategLink:link, a#plusCategLink:active, a#plusCategLink:visited  {
  width: 20px; float:left; color: #FF0000; font-weight: bold; font-size: 30px; margin: -5px 0 0 5px; padding: 0 0 0 0; height: 20px;;}
.formline, .formlinen {background: #f0f0f0; border: 1px #ffffff solid; padding: 5px;}
.label { font-size: 14px; float: left; text-align: right; width: 120px; font-weight: bold;}
.formfield { float: left; margin-left: 5px; width: calc(100% - 175px); /*width: 420px;*/}
.formfield div {float: left; max-width: 380px;  width: calc(100% - 30px);}
.formfield span { padding: 0 0 0 0; float: left;}
.careNotice {font-size: 13px; color: #A50000; font-weight: bold;}
.input1, .input2, .input3, .input4, .input5, .input6, .socialSelect  { border-top: 2px #909090 solid; border-left: 2px #909090 solid; border-bottom: 1px #909090 solid; border-right: 1px #909090 solid; font-family: calibri; font-weight: bold; font-size: 16px;} 
.input1, .input2 { width: calc(100% - 10px); /*width: 400px;*/ padding :5px;}
.input1, .input5 { height: 20px;}  
.input2 { height: 100px;}
.input3 {float: left;}
.input3 { min-width: 30px; width: calc(100% - 78px); height: 20px; padding: 5px;}
.input4, .socialSelect { height: 32px;  padding: 2px 5px 5px 5px;}
.input4 { width: 100%; }
.input6 {float: right; height: 10px; padding: 5px;  margin: 0 5px 0 0; width: 75px;}

.socialSelect {width: 100px; font-size: 14px;}
input[type=checkbox] { float: left; width: 20px; height: 20px; }

.req { border-top: 2px #C00000 solid; border-left: 2px #C00000 solid; border-bottom: 1px #C00000 solid; border-right: 1px #C00000 solid;}
.math {float: left; font-weight: bold; font-size: 14pt; color: #C32B21; margin: 2px 5px 0 0;}
.capt {float: left; width: 265px; margin-left: 5px;}

/* MERCHANT COUPON */
.mcoupontitle { font-weight: bold; color: #000000; margin: 5px 0 5px 0; font-size:15px; text-align: center;}
.mcoupon { margin: 10px 0 0 10px; padding:5px; background: #ffffff; border: 2px #000000 dashed; width: 430px;}
.mcouponsection { padding:5px; margin: 0;}
.mcoupontag { float:left; width:80px; font-weight: bold; font-size: 20px;}
.mcouponlogo { float: left; width: 100px; height: 100px; margin-right:10px; overflow: hidden; border: none;}
.mcouponlogo img { border: none; width: 100px;}
.mcoupondesc { float: left; width: 230px; font-weight: bold; font-size:12px;}
.mcouponexpiry { float:left; width: 205px; text-align: left;}
.mcouponcode { float: left; width: 205px; text-align: right;}
.printbutton { width: 430px; margin: 20px auto; text-align: right;}
 
/* LISTINGS */
.standard, .featured, .article { margin: 10px 8px 0px 8px; font-size: 15px; line-height: 17px;}
.standard .thumb, .article .thumb, .featured .thumb {float: left; width: 140px; overflow: hidden;padding: 5px;border: 5px #1F3969 outset; background-size: cover;}
.standard .thumb, .article .thumb { height: 92px; }
.featured .thumb {height: 142px;}

.lmain, .lmainnt {float: left; background: #dfdfdf; border-top: 1px #606060 solid;border-right: 1px #606060 solid; border-bottom: 1px #606060 solid;}
.lmain {width: calc(100% - 183px);/* 491px; */ padding: 0 10px 0 10px;}
.lmainnt {width: 650px; padding: 0 10px 0 10px; border-left: 1px #606060 solid;}
/*.standard .lmain, .featured .lmain, .article .lmain { padding: 0 10px 0 10px;}*/
.standard .lmain, .article .lmain, .standard .lmainnt, .article .lmainnt { height: 110px;  }
.featured .lmain, .profile .lmain, .featured .lmainnt { height: 160px;}
.standard .linkContainer, .article .linkContainer {height: 78px; overflow: hidden;  margin: 0 0 5px 0;}
.featured .linkContainer {height: 132px; overflow: hidden;}
.desc {overflow: hidden;}
.standard  .desc, .article  .desc  { height: 54px; }
.featured .desc  { height: 103px;}
.ava { float: left;  padding: 5px; background: #202020; border: 1px #000000 solid;}
.ava, .profile .thumb img, .ava img  { width: 150px; height: 150px;}
.standard .linkXtraContent, .article .linkXtraContent {height: 100px;}
.standard .linkXtraTrigger, .article .linkXtraTrigger {margin-top: 40px;}
.featured .linkXtraContent {height: 150px;}
.featured .linkXtraTrigger {margin-top: 60px;}
.featured .addr { float:right; width: 150px; font-size: 13px; height: 95px; color: #ffffff; background: #404040; margin: 0 0 0 10px; padding: 4px; border: 1px #000000 solid;}
.lNav { height: 30px; text-align: right; } 
.linkXtra { 	float: right; width: auto; height: 110px; margin:0 -10px 0 0; position: relative; z-index:2; height: 0;}
.linkXtraContent { float: left; background-color: #ffffff; color: #000000; padding: 5px 10px 5px 10px; border-left: 1px #000000 solid; width: 230px; font-size: 13px; display: none;}
.linkXtraContent {font-weight: bold;}
.linkXtraContent ul {list-style: none; padding: 0; margin: 0;}
.linkXtraContent ul li {padding: 0; margin: 0;}
.linkXtraTrigger { float: left; height: 23px; line-height:15px; width: 5px; padding: 7px 5px 2px 3px; text-align: center; background: #404040; color: #ffffff; font-size:18px; font-weight: bold; cursor: pointer;}	
.lInfo { float: right; height: 20px; padding: 1px 6px 1px 6px; position: relative; top: -30px; z-index: 1; background: #202020; border: 1px #000000; color: #ffffff; font-weight: bold;}
.lInfo span {color: #c0c0c0;}
.responsiveThumb, .responsiveCatStats {display: none;}

.catStats, .responsiveCatStats {background: #202020; font-weight: bold; font-size: 13px; color: #c0c0c0;}
.catStats span, .responsiveCatStats span {color: #ffffff;}
.catStats {float: left;  list-style: none; width: 140px; height: 90px; margin: 0; padding: 10px; border: 1px #000000 solid; }
.catStats li span {float: right;}

 /* CATEGORY DROPDOWN */
.categoryDrop { background: #202020; border: 1px #000000 solid; padding: 5px 10px 5px 10px; margin: 5px 0 5px 0;}
.mainCat { font-size: 15px; font-weight: bold; color: #ffffff;}
.mainCat button {float: right; cursor: pointer;}
.subcategories { list-style: none; margin: 0 0 0 10px; padding:0 0 0 0; font-size: 15px; font-weight: normal;}
.subCategories li { margin: 0; padding: 0 0 0 10px;}
.count { float: right; color: #c0c0c0; font-style: italic;} 
.vis {display: none;}

/* SORTS & PAGING */
.pagingBar { clear: both; text-align: right; margin: 20px 8px 5px 8px; border-top: 1px #6E0000 dotted; }
.total { clear: both; font-weight: bold; margin: 0 0 5px 0;}
.pagingLinks { clear: both; height:28px; padding: 5px 0 0 0;}
.bar, .bar-first, .pagingLinks a:link, .pagingLinks a:active, .pagingLinks a:visited {
 text-align: center; font-weight: bold; min-height: 23px; padding: 5px 10px 5px 10px;
 background: #505050;  color: #c0c0c0; font-size: 18px;}
.pagingLinks a {margin-left: 5px; width: 25px;}
.pagingLinks span { background: #c0c0c0; padding: 5px 10px 5px 10px; color: #000000; margin: 0 0 0 5px;}

.bar {margin: 20px 0 10px 0;}
.pagingLinks a:hover { color: #ffffff; text-decoration: none;}
.sort { margin:3px 0 0 0; padding: 0px; text-align: right;}
.sort select { float: right; margin: 3px 10px 0 0; padding: 0 0 0 5px; font-size: 12px; font-weight: bold; color: #c0c0c0; height: 20px; border: 1px #c0c0c0 solid; background: #202020;}
.sort span {float: right; color: #c0c0c0; font-weight: bold;}

.bar-first {margin: 0 0 10px 0;}

/* USER PROFILE */
.profile { margin: 0 0 10px 0; font-size: 15px; line-height: 15px; width: 677px;}
.profile .thumb { float: left;  width: 150px; height: 150px; padding: 5px; background: #202020; border: 1px #000000 solid;}
.profile .lmain { width: 491px;}
.pdesc { float: left; width: 212px; margin:0 0 0 10px;}
.profile .lNav { clear: both;}
.bio { width: 202px; height: 120px; background: #dfdfdf;  padding: 5px; margin: 0 0 10px 0;} 
.bio span { height: 100px; padding: 5px 0 20px 0;}
.plist {float: left; list-style: none; width: 280px; padding: 0; font-style: 14px; margin: 0 0 0 10px; font-weight: bold; }
.plist li {clear: both; padding: 0; margin: 0; padding: 0 0 6px 0;}
.plist li span {float: right; color: #670000; }

.message .thumb { float: left;  margin: 20px; width: 75px; height: 75px; padding: 5px; background: #202020; border: 1px #000000 solid;}
.message .thumb img { width: 75px; height: 75px;}

/* DETAILS AND ARTICLE PAGES - both use details.tpl */
.dURL { clear: both; text-align: right; font-size: 22px; margin: 0 10px 5px 0; font-style: italic; overflow-wrap: break-word; word-wrap: break-word;}
.dThumb, .aImage { float: left; background: #202020;  border: 1px #000000 solid; padding: 5px;}
.dThumb { margin: 5px 20px 0 0;}
.aImage { margin: 0 10px 10px 0; width: 302px; color: #ffffff; text-align:center;}
.aImage span {font-weight: normal; font-size: 12px;}
.dThumb img, .aImage img { border: 1px #A20000 solid;  }
.dThumb img {height: 190px; width: 268px;}
.aImage img {width: 300px;}
.dLogo { float: left; border: 1px #606060 solid; padding: 5px; margin-right: 10px;}
.dUploads{ float: left; border: 1px #606060 solid; padding: 5px; margin: 10px 0 0 10px; overflow: auto;}
.dUploads img {height: 100px;}
.artImg0, .artImg1 { border: 4px solid; #202020;}
.artImg0 {float: right; margin: 10px 0 10px 10px;}
.artImg1 {float: left; margin: 10px 10px 10px 0;}
.detailBut {float: left; margin: 5px 10px 5px 0;}

/* RATINGS */
.rateBack { float: right; position: relative; background: #808080; width: 152px; height: 15px; float: right; padding: 4px; margin: 5px 0 5px 10px;}
.rateBar {float: left; width: 15px; height: 16px; border-top: 1px red solid;}
.rating {position: absolute; top: 0px; left: 8px; color: #c0c0c0; text-align: center;}
.star { float: left; width: 15px; font-size: 18px; line-height: 16px; color: #C00000; text-shadow:1px 0px #FF0000;}
 
/* Comment Avatar */
.commAvatar { float: left; border: 1px #606060 solid; padding: 4px;}
.commAvatar img { width: 50px; height: 50px; border: 1px #606060 solid;}
.commComm { float: left;  margin: 0 0 0 5px;}
 /* End Comment Avatar Mod by Bruleo */
 
/* Related Links */
.relatedLinks { clear: both; padding: 5px;} 
.relatedLinks h2, .relatedLinks h3 {margin: 0 0 10px 0; padding: 0 0 2px 0; border-bottom: 2px #000000 solid; color: #000000;}
.relatedLinks ul {list-style: none; margin: 0; padding: 0;}
.relatedLinks ul li {margin: 0; padding: 0 0 10px 0;}
/* END MODS BY BRULEO */

/* Map */
#map {max-width: 690px; width: calc(100% - 2px); height: 440px; border:1px #606060 solid;} 

 /* Tool Tips */
.tips { float: right; text-align: center; font-weight: bold; margin: 0 0 0 0; width: 30px; height: 30px; border: 1px #000000 solid; }
.tips a { position:relative;}
.tips a:link, .tips a:active, .tips a:visited { width: 30px; height: 26px; padding: 4px 0 0 0; display: block; font-weight: bold; text-decoration: none;} 
.tips a .tips-container, .tags a .tips-container {display:none;}
.tips a:hover .tips-container, .tags a:hover .tips-container { position: absolute; font-size: 15px; border: 2px #000000 outset;  display: block; background: #a0a0a0; z-index: 5000; bottom: 20px; right: 40px; width: 400px; text-align: left; padding: 5px; color: #000000;}
.tipstop { padding: 5px 10px 5px 10px; margin: 5px; border: 1px #000000 solid; color: #ffffff;}
.tipsMain { padding: 10px;}
.tipsMain span {color: #BB0000;}

/* MODS BY BRULEO - Added for Cookie Compliance Notice */
#cookiebanner { min-height: 20px; font-size: 16px; font-weight: bold; padding: 10px; color: #ffffff;  background: #000000;text-align: center;margin: 0 auto;}
 /* MODS BY BRULEO - Added for Robot Trap */
.warningmsg { border-radius: 10px; font-weight: bold; padding: 5px; color: red; background: #000000; border: 2px solid red; text-align: center; margin-top:10px; font-size:18px;}
 /* END MODS BY BRULEO */
.footerLogo {position:relative; text-align: right; height: 0; left: 40px;}
.scrollToTop{width:40px; height:25px;font-weight: bold; padding: 15px 0 0 0; color: #c0c0c0;text-decoration: none;text-align: center; position:fixed;bottom:50px;right:50px;display:none; background:  url('../images/scroll.png') no-repeat;}


.alphaLinks {clear: both; padding: 0;}
.alphaLinks a { float: left; text-align: center; background: #202020; border: 1px #000000 solid; width: 31px; padding: 7px 0 6px 0; margin: 0 3px 10px 4px; font-size: 16px; font-weight: bold; border-radius: 5px;}

/* FOOTER */
.footer { border: 1px #606060 solid; border-radius: 4px; background: #000000 url('../images/footerBack.jpg') no-repeat; background-size: 100% 100%;  margin: 0 10px 10px 10px; padding: 5px 10px 5px 10px; color: #ffffff; font-size: 16px;
 -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px;  border-bottom-left-radius: 6px;
 -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px;  border-bottom-right-radius: 6px;}
.fSection { min-height: 250px; float: left; width: 479px;  padding: 0; margin: 10px;} 
.fSection ul {list-style: none; padding: 0; margin: 5px 5px 0 5px; font-weight: bold; } 
.fSection li { margin: 0; padding: 0 0 1px 0;}
.fSection li span {float: right; font-style: italic; color: #c0c0c0; }
.fSection h3 { border-bottom: 5px #C00000 solid;  padding: 0 0 2px 0;}
.subFooter {margin:10px auto; font-size: 16px; color: #909090; text-align: center; font-weight: bold; padding: 0 0 10px 0;}
  
  
.specialNotes {clear: both; font-size:14px; border: 2px #ffffff inset; border-radius: 5px; padding: 10px; margin: 0 20px 20px 20px; background: #202020; color:#ffffff;}

.IPBanned { padding: 20px; margin: 10px 15px 0 15px; color: #C00000; font-size: 20px; line-height: 25px; border: 2px inset #C00000; background: #FDF6F0; border-radius: 5px;}
.IPBanned span { font-weight: bold; }

.geoLink {text-align: center; margin: 12px auto; color: #000000; font-size:12px; font-weight: bold;}
 
@media only screen and ( max-width: 1056px ) {
	.main {border-radius: 0; border-right: none; border-left: none; border-top: none;}
	.fSection {width: calc(50% - 20px);}
	
}

/* Amend header layout */
@media only screen and ( max-width: 970px ) {
	.header { text-align: center;}
	.head { min-height: 160px;}
	.logo { float: none; display: inline-block; margin: 10px 10px 0 10px;}
	.headMain { float: none; clear: both; display: inline-block; margin: 10px 10px 0 10px; padding: 0; width: 494px;}	
		
}

@media only screen and ( max-width: 900px ) {
	/* remove menu item */
	#menuRSS {display: none;}
}
@media only screen and ( max-width: 855px ) {
	.userOptions {display: block; color: #ffffff; height: 100px; padding: 5px;}	
	/* Remformat listings display for lists. */
	.thumb, .lInfo, .sort span, .catStats {display: none;}
	.lmain, .lmainnt {border: 1px #606060 solid; border-radius: 10px;}
	.lmain {max-width: 481px; width: calc(100% - 24px); padding: 0 10px 0 10px;}
	.responsiveThumb {display: inline-block; float: left; width: 95px; height: 95px; border: 3px #202020 solid; border-radius: 5px; margin: 0 5px 0 0;}
	.responsiveCatStats {display: block; border-left: 1px #606060 solid; border-right: 1px #606060 solid;  border-bottom: 1px #000000 solid; width: 80%; margin: 0 auto; padding: 5px 10px 5px 10px;}
	.ava {margin: 0 auto 20px; float: none;}	
	/* centre items in details page nav/rating bar */
	.bar-first {text-align: center;}
	.rateBack, .detailBut {clear: both; float: none; display: inline-block; margin: 5px;}	
}
@media only screen and ( max-width: 820px ) {
	/* remove menu item */
	#menuContact {display: none;}
}
@media only screen and ( max-width: 740px ) {
	.menu {border-radius: 0;}
	.homemenuitem {border-right: none; border-radius: 0; width: calc(100% - 270px); height: 29px; border-radius: none;}
	.menuicon { display: block; float: right; font-size: 25px; font-weight: bold; float: right; margin: -2px 10px 0 20px;}
	.menu .menuitem, .menu .menuactive {display:none; }
	.menuButton {float: right; margin: 5px 5px 0 0;}
	.menu.responsive {position: relative; height: 39px; border-bottom: none;}
	.responsive .menuicon {margin: 3px 10px 0 20px;}
	.responsive #menuRSS, .responsive #menuContact {display: block;}
	.responsive .homemenuitem {height: 32px; border-bottom: 1px #000000 inset; padding: 9px 20px 0 20px;}
	.responsive .menuitem, .responsive .menuactive {height: 34px; border-bottom: 1px #000000 inset;}
	.responsive .homemenuitem:hover, .responsive .menuitem:hover {border-bottom: 1px #606060 inset;} 
	.responsive .menuitem, .responsive .menuactive  { clear: both; margin: 0 0 0 0; float: left; padding: 10px 10px 0 20px; display: block; text-align: left; width: calc(100%); border-top: 1px #AD0000 inset; border-bottom: 1px #d2b677 outset; border-radius: 0; }	
	.responsive .menuitem:last-child {border-bottom: 5px #C00000 solid;}
	.responsive .menuButton { margin: 9px 5px 0 0;}
	.responsive span {display: none;}
}
/* Single Column layout */
@media only screen and ( max-width: 645px ) {
	.centreColumn, .rightColumn {clear: both; margin: 0 10px 0 10px; width: calc(100% - 20px);}
	/* Reformat underMenu Bar */
	.underMenu {backround: none;}
	.serverTime {display: none;}
	.h1 {width: calc(100% - 10px);}

	 
	/* Reformat listings display for lists. */
	.thumb, .catStats, .sort span {display: block;}
	.lmain, .lmainnt {float: left; background: #dfdfdf; border-top: 1px #606060 solid; border-right: 1px #606060 solid; border-bottom: 1px #606060 solid; border-left: none; 
	-webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0;  border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0;  border-bottom-left-radius: 0;}
	.lmain {max-width: 481px; width: calc(100% - 185px); padding: 0 10px 0 10px;}
	.responsiveThumb, .responsiveCatStats {display: none;}
	.fSection {min-height: auto; width: calc(100% - 20px);}
}
@media only screen and ( max-width: 550px ) {
	.headMain {width: 90%;}
	.headAds {width: calc(100% - 22px);}
	.headAds div {width: 100%; overflow: hidden;}
	.respClear550 {display: block; clear: both; padding: 0; height: 0px;}
}	
@media only screen and ( max-width: 520px ) {
	/* Remformat listings display for lists. */
	.thumb, .lInfo, .sort span, .catStats {display: none;}
	.lmain, .lmainnt {border: 1px #606060 solid; border-radius: 10px;}
	.lmain {max-width: 481px; width: calc(100% - 24px); padding: 0 10px 0 10px;}	
	.responsiveThumb {display: inline-block; float: left; width: 95px; height: 95px;  border: 3px #202020 solid; border-radius: 5px; margin: 0 5px 10px 0;}
	.responsiveCatStats {display: block; border-left: 1px #606060 solid; border-right: 1px #606060 solid;  border-bottom: 1px #000000 solid; width: 80%; margin: 0 auto; padding: 5px 10px 5px 10px;}
	/* Reduce Logo Size */
	.logo { width: 90%; height: auto;}
	.logo img { max-width: 404px; width: 100%;}	
}