html { height: 100%; margin-bottom: 1px; }
body{ font-size: 11px; margin: 0; background: #99A2B8; font-family: Calibri, Arial, sans-serif;}

.titleBar { width: 1020px; border-left: 1px #606060 solid; border-right: 1px #606060 solid; margin: 0 auto 0;
 clear: both; height: 40px; padding: 0 0 0 0; background: #99A2B8;}
 
.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;}

/* 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;} 
 h1 { float: left; height: 35px;  width: 650px; background: #ffffff; margin: 0 0 0 0; padding: 5px 10px 0 10px; font-size: 30px; }
 h1 span {color: #670000; font-style: italic; }
 h1 a:link,  h1 a:active, h1 a:visited { color: #000000;}
 h1 a:hover { color: #606060;}
.h3 { background: #404040; 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 #395687 solid;}
.h3 span { float: right; margin: 3px 5px 0 0; font-size: 13px; color: #ffffff;}
 h3 { max-width: 450px; 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 #99A2B8 solid; padding: 0 0 2px 0; margin: 0 0 5px 0; color: #ffffff; font-weight: bold; font-size: 14px;}
 
.h5alt {border: none; background: #404040; padding: 2px 5px 2px 5px; border-radius: 4px;} 
.h5alt:-of-type {margin: 0;}
.h5alt:not(:first-of-type) {margin: 10px 0 0 0;} 
 
 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;}
.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, .subFooter a, .backlinks a { color: #A20000; font-weight: bold; font-style: normal;} 
.list2 li a:hover, a.redlink:hover, .message a:hover, .path a:hover, .subFooter 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 */
input[type=checkbox]:hover, .linkXtraContent, .linkXtraTrigger, .tips a:hover .tips-container, .tags a:hover .tips-container  { box-shadow:0px 0px 10px #595959; }

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

.rssPageLinks {float: left; width: 40px; height: 40px; background: #ffffff;
 -webkit-border-top-right-radius: 40px; -moz-border-top-right-radius: 40px;  border-top-right-radius: 40px;}
.rssPageLinks img {margin: 9px 0 0 0; border: none;}

/* SEARCH */
.search { float: left; height: 34px; width: 290px; padding: 5px 10px 0 10px;}
.mainSearch {width: 285px; height: 25px; border: 1px #606060 inset;}
.search .glass {float: left; background: url('../images/glass.png') no-repeat; width: 15px; height: 21px; margin: 2px 5px 2px 2px;}
.search input {font-family:calibri; font-weight: bold;float: left; font-size: 18px; border: none; background: #ffffff;  width: 192px; height: 23px;}
.search button {float: left; margin: 1px;}
/* Advanced Search Form */

.asearch input[type=text] {width: 275px; height: 25px; border: 1px #606060 inset; border-radius: 5px;}

/* SHARED CURVES */
.lInfo, .bar, .bar-first, .sort select, .buttonLine a, input[type=checkbox], .tipstop, .capt, .lNav a, .bar-first a, .ava, .ava img, .button,
.userPanel a, .smallButton, .input1, .input2, .input3, .input4, .input6, .socialSelect, .tips, .categoryDrop, .mcoupon, .mapbutton, .artImg0, .artImg1, 
.thumb img, .dThumb, .dThumb img, .aImage, .aImage img, .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, .mainSearch  {
-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,
.userPanel a, .smallButton, .input1, .input2, .input3, .input4, .input6,  .socialSelect, .tips, .categoryDrop, .mcoupon, .mapbutton, .artImg0, .artImg1,
.thumb img, .dThumb, .dThumb img, .aImage, .aImage img, .headAds img, .optFeat, .addr, .dLogo, .dLogo img, .dUploads, .dUploads img, #thumbBox img, .mainSearch,
.menu, .menuoption, .h3, .pagingLinks a:link, .pagingLinks a:active, .pagingLinks a:visited, .pagingLinks span, .rateBack, .mainCat 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, .headAds, .standard, .featured, .thumb, .bio, .linkXtraTrigger, .lmainnt, .linkXtraContent, .tips a:hover .tips-container, .tags a:hover .tips-container, .menuoption div:hover ul , #thumbBox, .catStats {
 -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px;  border-bottom-left-radius: 10px;}
.main, .headAds, .standard, .featured, .thumb, .bio, .linkXtraTrigger, .lmainnt, .linkXtraContent, .tips a:hover .tips-container, .tags a:hover .tips-container, #thumbBox, .catStats, .header   { 
 -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px;  border-top-left-radius: 10px;}
.headAds, .profile .thumb, .bio, .message .thumb, .lmain, .lmainnt, .linkXtraContent, .tips a:hover .tips-container, .tags a:hover .tips-container, .menuoption div:hover ul, #thumbBox, .header  {
-webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px;  border-top-right-radius: 10px;} 
.main, .headAds, .profile .thumb, .bio, .message .thumb, .lmain, .lmainnt, .linkXtraContent, .menuoption div:hover ul, #thumbBox    { 
-webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px;  border-bottom-right-radius: 10px;}
.menu, .menuoption, .h3, .menuitems, .menuactive  {
-webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px;  border-top-right-radius: 10px;} 

/* SHARED GRADIENTS */
input[type=text], input[type=password], textarea, select, .mainSearch {
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 { background: #1B6196;
 background: -moz-linear-gradient(top,  #395687 0%, #1B6196 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#395687), color-stop(100%,#1B6196));
 background: -webkit-linear-gradient(top,  #395687 0%,#1B6196 100%);
 background: -o-linear-gradient(top,  #395687 0%,#1B6196 100%);
 background: -ms-linear-gradient(top,  #395687 0%,#1B6196 100%);
 background: linear-gradient(to bottom,  #395687 0%,#1B6196 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395687', endColorstr='#1B6196',GradientType=0 );}

.menu, .h3, .tipstop { background: #606060;}
 .menu, .menuoption, .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 );}

.titleBar { background: #395687;
 background: -moz-linear-gradient(top,  #395687 0%, #ffffff 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#395687), color-stop(100%,#ffffff));
 background: -webkit-linear-gradient(top,  #395687 0%,#ffffff 100%);
 background: -o-linear-gradient(top,  #395687 0%,#ffffff 100%);
 background: -ms-linear-gradient(top,  #395687 0%,#ffffff 100%);
 background: linear-gradient(to bottom,  #395687 0%,#ffffff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395687', endColorstr='#ffffff',GradientType=0 );} 
 
/* HEADER */ 
.header { width: 1040px; height: 217px; margin: 0 auto; background: url('../images/headback.gif') repeat-x;}
.head { height: 217px;}
.logo { float: left; width: 420px; height: 160px; margin: 30px 0 0 50px;}
.logo img { border: none;}
.headMain { float: left; margin: 0 0 0 10px; height: 120px; width: 560px;}
.userPanel { clear: both; float: right; text-align: right; font-size: 15px; font-weight: bold; padding: 7px 5px 10px 5px; margin: 10px 10px 0 0; border: 1px #395687 solid; border-radius: 5px; background: url('../images/trans.png') repeat;}
.userPanel input ,.userPanel span, .userPanel a { float: right; margin-left: 5px;}
.userPanel span  { margin: 2px 0 0 5px; color: #ffffff;}
.login, .logged { float: right; max-height: 20px; margin: 0 0 0 0; padding: 0 0 0 0;}
.headAds { clear: both; height: 73px; width: 470px; padding: 0 10px 10px 10px; margin: 20px 0 0 50px;}
.headAds span {color:#c0c0c0; font-size: 9px; font-weight: bold;}
 
.main { width: 1040px; margin: 10px auto; padding: 0 0 0 0;
-webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px;  border-top-right-radius: 10px;}
.main, .headAds, .headAds img {  border: 1px #606060 solid;}
.headAds { background: url('../images/trans.png') repeat; /*background: #02010F;*/}
.main {background: #040613;}
/* MAIN MENU */
.menu { width: 1020px; border: 1px #606060 solid; border-bottom: 5px #395687 solid; margin: 0 auto 0; height: 34px;}
.menuoption, .menuactive { float: left; margin: 0; font-size: 18px; font-weight: bold;  border-right: 2px #606060 solid; margin-right: 1px;}
.menuoption { height: 35px;}
.menuoption:hover,  .menuoption li:hover { background: #606060;}
.menuactive { height: 25px; background: #ffffff; padding: 5px 21px 5px 20px;}
.menuoption a.men:link, .menu a.men:active, .menu a.men:visited { display: block;  height: 30px; padding:  5px 20px 0 20px;} 
.menuoption div { position: relative;}
.menuoption div ul {display: none;}
.menuoption div:hover ul { clear: both; margin: 0; position: absolute; z-index:10; display: block; top: 34px; left: -1px; border-top: 5px #395687 solid; border-left : 1px #606060 solid; border-right : 1px #606060 solid; border-bottom : 1px #606060 solid; padding: 5px 10px 5px 10px; background: url('../images/trans.png') repeat;}
.menuoption li { clear: both; display: block; border: 1px #000000 solid; margin: 5px 0 5px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius: 4px; background: #202020; width: 250px;}
.menuoption li a {display: block;padding: 4px 10px 4px 10px;}
.menuoption span {float: right; font-weight: normal; margin-top: 3px; font-size: 13px; font-style: italic;}

/* CONTENT, COLUMNS & SECTION */ 
.content { border-left: 1px #606060 solid; border-right: 1px #606060 solid; border-bottom: 1px #606060 solid; width: 1020px; background: #ffffff; margin: 0 auto 10px;}
.rightColumn { float: right; margin: 0 10px 20px 0; width: 300px;}
.centreColumn { float: left; margin: 0 10px 0 10px; width: 690px; font-size: 18px;}
.rightColumn h3 { width: 280px;} 
.centreColumn h3 { 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;} 
 
/* BREADCRUMB */
.path, .time {font-size:15px; font-weight: bold; margin-top: 10px; padding: 6px; height: 18px; border-top: #c0c0c0 1px inset; border-left: #c0c0c0 1px inset; border-right: #e0e0e0 1px inset; border-bottom: #e0e0e0 1px inset; border-radius: 5px; background: #fafafa;}
.time {text-align: right;}
.time span {font-weight: bold;}
.path div {float: left;}
.patharrow { margin: 3px 10px 0 10px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #99A2B8;}
/* FOOTER */
.footer { padding: 0 6px 5px 6px; color: #ffffff; font-size: 14px; background: #040613;
 -webkit-border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px;  border-bottom-left-radius: 8px;
 -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px;  border-bottom-right-radius: 8px;}
.fSection { float: left; width: 243px;  padding: 0; margin: 0 7px 0 7px;} 
.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 #395687 solid;  padding: 0 0 2px 0;}
.subFooter {background: url('../images/headback.gif') repeat-x; width: 1020px; margin:10px auto 10px; font-size: 16px; color: #000000; text-align: center; font-weight: bold; border: 1px #000000 solid; padding: 5px 10px 5px 10px; border-radius: 10px;}
 
/* LISTING OPTIONS */
.optDesc { float: left; font-size: 14px; width: 396px; font-weight: bold; margin: 10px;}
.optFeat { float: left; width: 240px; font-size: 14px; padding: 5px 10px 10px 10px; border: 1px #000000 solid; background: #404040; color: #ffffff; margin: 10px 10px 0 0;}
.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, .lNav a, .bar-first a, .mainCat button { display: block; font-family: calibri; font-weight: bold; color: #c0c0c0; text-align: center; border: 1px #000000 solid;}
.buttonLine a, .button, .userPanel a, .smallButton, .lNav a, .bar-first a {margin-right: 5px;}
.buttonLine a, .button, .mapbutton {width: 100px; font-size: 18px; float: right;  padding: 4px 0 5px 0px;}
.userPanel a, .smallButton, .lNav a, .bar-first a  {width: 65px; font-size: 14px; padding: 2px 0 2px 0px;}
.buttonLine a:hover, .button:hover, .userPanel a:hover, .smallButton:hover, .tips:hover, .lNav a:hover, .bar-first a:hover, .mainCat button:hover { background: #6985CB; color: #ffffff;}
.lNav a, .bar-first a {float: left;}
.button, .mapbutton {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 { float: left; text-align: right; width: 195px; font-weight: bold;}
.formfield { float: left; margin-left: 5px; width: 420px;}
.formfield div {float: left; width: 380px;}
.formfield span { padding: 0 0 0 10px; float: left; width: 380px;}
.careNotice {font-size: 13px; color: #A50000; font-weight: bold; width: 350px;}
.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: 400px; padding :5px;}
.input1, .input5 { height: 20px;}  
.input2 { height: 100px;}
.input3 {float: left;}
.input3 { width: 120px; height: 10px; margin-right: 5px; padding: 5px;}
.input4, .socialSelect { height: 32px;  padding: 2px 5px 5px 5px;}
.input4 { width: 413px;}
.input6 {float: right; height: 10px; padding: 5px;  margin: 0 5px 0 0; width: 75px;}

.socialSelect {width: 170px;}
input[type=checkbox] { float: left; width: 20px; height: 20px; border: 1px red solid;}

.req { border-top: 2px #99A2B8 solid; border-left: 2px #99A2B8 solid; border-bottom: 1px #99A2B8 solid; border-right: 1px #99A2B8 solid;}
.math {float: left; font-weight: bold; font-size: 15pt; color: red; margin: 2px 10px 0 5px;}
.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; width: 677px;}
.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: 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;}
.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;}


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

 /* 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; 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;}
.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;}


/* RATINGS */
.rateBack { position: relative; background: #808080; width: 152px; height: 15px; float: right; padding: 4px;}
.rateBar {float: left; width: 15px; height: 16px;}
.rating {position: absolute; top: 0px; left: 8px; color: #c0c0c0; text-align: center;}
.star { float: left; width: 15px; font-size: 18px; line-height: 16px; color: #99A2B8; text-shadow:1px 0px #FF0000;}
 
/* Comment Avatar Mod by Bruleo */
.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 */
 
/* MODS BY BRULEO - Added for Related Links */
.relatedLinks { clear: both; padding: 5px;} 
.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 */

/* Bigger Map mod by Bruleo */
.popupmap b #hide {display:none;}
.popupmap b {position:relative; z-index:5000;}
.popupmap b:hover {position:relative; z-index:5500;}
.popupmap b:hover #hide { display:block; position: absolute; top: -488px; left: -0px; display: block; width:1000px; height:600px; z-index:6000;}
#map {width: 688px; height: 440px; border:1px #606060 solid;} 
#map2 { height:600px; width:998px; padding: 0 0; border:1px #606060 solid;} 
 .popupmap b .button {position: relative; top: -55px; height: 0px; height: 25px;}
/* End Bigger Map mod by Bruleo*/

 /* TOOL TIPS and SEARCH TAGS */
.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;}

.tags { float: left; line-height: 15px; position: relative; padding:0;}
.tags a  { line-height: 15px; padding: 0; margin: 0;}
.tags a:link, .tags a:active, .tags a:visited { height: 15px; line-height: 15px; text-align: justify; padding:2px;  margin: 2px 2px 0 0; }
.tags a:hover { color: #c0c0c0;} 
.tags a.tag1  {font-size: 9px; color: #808080;}
.tags a.tag2  {font-size: 10px; color: #808080;}
.tags a.tag3  {font-size: 11px; color: #808080;}
.tags a.tag4  {font-size: 12px; color: #808080;}
.tags a.tag5  {font-size: 13px; color: #707070;}
.tags a.tag6  {font-size: 14px; color: #606060;}
.tags a.tag7  {font-size: 15px; color: #505050;}
.tags a.tag8  {font-size: 16px; color: #404040;}
.tags a.tag9  {font-size: 17px; color: #303030;}
.tags a.tag10 {font-size: 18px; color: #202020;}
.tags a.tag11 {font-size: 19px; color: #101010;}
.tags a.tag12 {font-size: 21px; color: #000000;}
.tags a.tag13 {font-size: 21px; color: #404040; font-weight: bold;}
.tags a.tag14 {font-size: 22px; color: #202020; font-weight: bold;}
.tags a.tag15 {font-size: 23px; color: #101010; font-weight: bold;}
.tags a.tag16 {font-size: 24px; color: #000000; font-weight: bold;}
.tags a.tag17 {font-size: 24px; color: #A20000; font-weight: bold;}

/* MODS BY BRULEO - Added for Cookie Compliance Notice */
#cookiebanner { 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;}

.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;}