html { height: 100%; margin :0;}
body{ font-family: arial; font-size: 12px; margin: 0; min-width: 335px;
background: #a1c7f5;
background: -moz-linear-gradient(top,  #e6f6fd 0%, #a1c7f5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f6fd), color-stop(100%,#a1c7f5));
background: -webkit-linear-gradient(top,  #e6f6fd 0%,#a1c7f5 100%);
background: -o-linear-gradient(top,  #e6f6fd 0%,#a1c7f5 100%);
background: -ms-linear-gradient(top,  #e6f6fd 0%,#a1c7f5 100%);
background: linear-gradient(to bottom,  #e6f6fd 0%,#a1c7f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f6fd', endColorstr='#a1c7f5',GradientType=0 );
font-family: Arial, sans-serif;}

.titleBar { max-width: 1020px; border-top: 5px #395687 solid; border-left: 1px #606060 solid; border-right: 1px #606060 solid; margin: 0 10px 0 10px;
 clear: both; height: auto; padding: 0 0 0 0; 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 );} 
 

/* GENERAL STYLING */ 
.clear, h5, .header,  .head, .main, .content, .box, .nobox, .h3, #nav, .newmenu, .mcoupontitle, .mcouponsection, .formline, .optTitle, .optDesc, .mainCat , .buttonLine , .standard, .featured , .error, .err, .footer { clear: both;}
.clearSpace {clear: both; height: 10px;} 
 h1 { float: left; min-height: 35px;  min-width: 300px; width: calc(100% - 370px); 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: #b81414; min-height: 37px; margin-top: 10px; padding: 0 10px 0 0; border-top: 1px #1E5698 solid; border-right: 1px #1E5698 solid; border-left: 1px #1E5698 solid;
background: -moz-linear-gradient(top,  #b81414 0%, #a52828 2%, #e6dada 24%, #f0f0f0 26%, #f0f0f0 96%, #b81414 98%, #ba7c7c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b81414), color-stop(2%,#a52828), color-stop(24%,#e6dada), color-stop(26%,#f0f0f0), color-stop(96%,#f0f0f0), color-stop(98%,#b81414), color-stop(100%,#ba7c7c));
background: -webkit-linear-gradient(top,  #b81414 0%,#a52828 2%,#e6dada 24%,#f0f0f0 26%,#f0f0f0 96%,#b81414 98%,#ba7c7c 100%);
background: -o-linear-gradient(top,  #b81414 0%,#a52828 2%,#e6dada 24%,#f0f0f0 26%,#f0f0f0 96%,#b81414 98%,#ba7c7c 100%);
background: -ms-linear-gradient(top,  #b81414 0%,#a52828 2%,#e6dada 24%,#f0f0f0 26%,#f0f0f0 96%,#b81414 98%,#ba7c7c 100%);
background: linear-gradient(to bottom,  #b81414 0%,#a52828 2%,#e6dada 24%,#f0f0f0 26%,#f0f0f0 96%,#b81414 98%,#ba7c7c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b81414', endColorstr='#ba7c7c',GradientType=0 );
}
.h3 span { float: right; margin: 16px 5px 0 0; font-size: 13px; color: #091830;}
 h3 { min-height: 25px; background: url('../images/bullet.png') 5px 8px no-repeat; margin: 0 0 0 0; color: #091830; padding: 12px 0 5px 42px; text-align: left; font-size: 20px; font-weight: bold;}

.h4 {clear: both; height: 25px; max-width: 480px; overflow: hidden;}
 h4 { float: left; height: 18px; overflow: hidden; padding: 4px 0 0 0; margin: 0 0 2px 0; color: #000000; font-weight: bold; font-size: 18px; max-width: 450px; width: calc(100% - 40px);}
.h4 img {float: right; border: 1px #606060 solid; border-radius: 3px; margin: 2px 0 0 0; height: 20px; width: 20px;}
 /*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;}
 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; text-align: left;}
 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: 10px 0 0 0;} 

.backlinks {padding: 0 10px 0 10px;} 
.list2 { margin: 5px 0 10px 0px; padding: 0; }
.list2 li {padding: 5px 0 5px 10px; margin: 0 0 0 20px; 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, .geoLink 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, .geoLink 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 */
#nav, #nav > ul > li:hover, #nav li ul:not( :hover ) li.active a, input[type=checkbox]:hover, .linkXtraContent, .linkXtraTrigger, .tips a:hover .tips-container, .tags a:hover .tips-container  { box-shadow:0px 0px 10px #595959; }

.uhits {color: #0B213B;}
.directory {color: #791712;}

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

.rssPageLinks {float: left; width: 40px; min-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: right; 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, .paybutton,
.menuButton, .userPanel a, .smallButton, .input1, .input2, .input3, .input4, .input6, .socialSelect, .tips, .categoryDrop, .mcoupon, .mapbutton, .artImg0, .artImg1, 
.thumb img, .dThumb, .dThumb img, .aImage, .aImage 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, .buttonslide, .mainSearch, .alphaL, .alphaR, .alphaLinks a  {
-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;}
#nav, .lInfo, .bar, .bar-first, .sort select, .buttonLine a, input[type=checkbox], .tipstop, .capt, .lNav a, .bar-first a, .ava, .ava img, .button, .paybutton,
.menuButton, .userPanel a, .smallButton, .input1, .input2, .input3, .input4, .input6,  .socialSelect, .tips, .categoryDrop, .mcoupon, .mapbutton, .artImg0, .artImg1,
.thumb img, .dThumb, .dThumb img, .aImage, .aImage img, .optFeat, .addr, .dLogo, .dLogo img, .dUploads, .dUploads img, #thumbBox img, .mainSearch,
#nav > ul > li > a, .h3, .pagingLinks a:link, .pagingLinks a:active, .pagingLinks a:visited, .pagingLinks span, .rateBack, .mainCat button, .buttonslide, .alphaL, .alphaR, .alphaLinks a {
-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, #nav li ul, #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, .header   { 
 -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, #nav li ul, #thumbBox, .header  {
-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, #nav li ul, #thumbBox, .responsiveCatStats    { 
-webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px;  border-bottom-right-radius: 10px;}
#nav > ul > li > a, .h3, .menuitems, .menuactive  {
-webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px;  border-top-right-radius: 10px;} 

/* SHARED GRADIENTS */

.header, .subFooter {
background: #1e5799;
background: -moz-linear-gradient(top,  #1e5799 0%, #040a19 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#040a19));
background: -webkit-linear-gradient(top,  #1e5799 0%,#040a19 100%);
background: -o-linear-gradient(top,  #1e5799 0%,#040a19 100%);
background: -ms-linear-gradient(top,  #1e5799 0%,#040a19 100%);
background: linear-gradient(to bottom,  #1e5799 0%,#040a19 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#040a19',GradientType=0 );
}
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, .paybutton, .menuButton, .userPanel a, .smallButton, .tips, .lNav a, .bar-first a , .rateBar, .mapbutton, .mainCat button, .buttonslide, .alphaL, .alphaR, .alphaLinks a {
 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 );}

#nav, .tipstop { background: #606060;}
#nav, #nav > ul, .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 );}


/* HEADER */ 
.header { width: 100%; max-width: 1040px; /*max-height: 180px;*/ margin: 0 auto;}
.head { max-height: 135px;}
.logo { float: left; width: 375px; height: 98px; margin: 15px 0 0 20px;}
.logo img { border: none;}
.headMain { float: left; margin: 0 10px 0 0; width: calc(100% - 410px);}

.socialHead {float: right; width: 35px; margin: 0 0 0 0;}
.socialHead a {display: block; clear: both; width: 35px; height: 35px; margin: 6px 0 6px 0;}
.socialHead img {border: none; height: 35px; width: 35px;}
.socialFoot {display: none;}

.headAds { float: left; margin: 20px 0 0 40px; overflow: hidden; height: 85px; width: calc(100% - 100px); /*height: 60px; width: 464px;*/ border-radius: 5px;}
 


 
 
.main { min-width: 340px; max-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 {  border: 1px #606060 solid;}
.main {background: #040613;}
/* MAIN MENU */

/* menu icon */
.menuicon { cursor: pointer; width: 35px; height: 35px; margin: 0 0 0 5px;}
.bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #c0c0c0; margin: 6px 0; transition: 0.4s;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px);}
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px);}


/* CONTENT, COLUMNS & SECTION */ 
.content { border-left: 1px #606060 solid; border-right: 1px #606060 solid; border-bottom: 1px #606060 solid; min-width: 320px; max-width: 1020px; background: #ffffff; margin: 0 10px 10px 10px;}
.rightColumn { float: right; margin: 0 10px 20px 0; min-width: 300px; width: 300px;}
.centreColumn { float: left; margin: 0 10px 0 10px; min-width: 300px; width: calc(100% - 335px); font-size: 18px; overflow:auto;}
.rightColumn h3 { width: 280px;} 
.centreColumn h3 { max-width: 670px;} 

 
.box, .nobox {}
.box { background: #f0f0f0; border: 1px #606060 solid;}
.nobox {margin: 10px 0 0 0; padding: 0px;}

.rightColumn .box { font-size: 15px; padding: 10px 0 0 0; min-height: 75px; position; relative; z-index: 1; background: #F0F0F0 url('../images/blueback.png') repeat-x bottom;}
.rightColumn .box .boximage {min-height: 75px; padding: 0 0 80px 0;}
.rightColumn .box #address {margin: 0 0 0 10px;}
.rightColumn .box ul {clear: both; list-style: none; font-size: 12px; margin: 0 15px 0 15px; padding: 0; font-weight: bold;}
.rightColumn .box ul li{ clear: both; font-size: 14px; 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;}
.rightColumn .box .h5alt {margin-left: 10px; margin-right: 10px;}
.centreColumn .box { font-weight: normal; padding: 0 0 10px 0; margin: 0 0 10px 0; }

 
 
.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 */
.breadcrumb {padding: 5px 10px 0 10px;  background: #ffffff;}
.path, .time { 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;}
.time {text-align: right; margin: 10px 0 0 0;}
.time iframe {float: right; height: 18px; text-align: right;}
/*.path div {float: left;}*/
.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;}


/* 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: 237px;  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 { height: 20px; background: none; border-bottom: 5px #395687 solid;  padding: 0 0 5px 0; color: #ffffff; margin: 0 0 5px 0;}
.subFooter {max-width: 1020px; margin:10px auto 10px; font-size: 16px; color: #ffffff; text-align: center; font-weight: bold; border: 1px #000000 solid; padding: 5px 10px 5px 10px; border-radius: 5px;}
.ecurrencies {text-align: center;  max-width: 712px; margin: 0 auto 10px; padding: 0; margin: 0 auto;}
.ecurrencies img {margin: 5px; border: none;}




/* 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, .paybutton, .menuButton, .userPanel a, .smallButton, .lNav a, .bar-first a, .mainCat button, .buttonslide, .alphaL, .alphaR, .alphaLinks a { display: block; font-family: calibri; font-weight: bold; color: #c0c0c0; text-align: center; border: 1px #000000 solid;}
.buttonLine a, .button, .paybutton, .menuButton, .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;}
.paybutton {font-size: 18px; float: right;  padding: 4px 20px 5px 20px;}
.menuButton, .userPanel a, .smallButton, .lNav a, .bar-first a  {width: 65px; font-size: 14px; padding: 2px 0 2px 0px;}
.buttonLine a:hover, .button:hover, .paybutton:hover, .menuButton:hover, .userPanel a:hover, .smallButton:hover, .tips:hover, .lNav a:hover, .bar-first a:hover, .mainCat button:hover, .buttonslide:hover, .alphaL, .alphaR, .alphaLinks a:hover { background: #6985CB; color: #ffffff;}
.lNav a, .bar-first a {float: left;}
.button, .paybutton, .mapbutton {height: 34px; cursor: pointer;}
.smallButton { height: 23px; cursor: pointer;}
.buttonslide { float: right; font-size: 14px; padding: 3px 6px 3px 6px; cursor: pointer; position: relative; top: 10px; right: -5px;}
#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 #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: 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: 15px 0 5px 0; font-size:20px; text-align: center;}
.mcoupon { margin: 10px auto; 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: 10px auto; text-align: right;}
 
/* LISTINGS */
.standard, .featured, .article { margin: 10px 8px 0px 8px; font-size: 15px; line-height: 17px; max-width: 665px;}
.standard .thumb, .article .thumb, .featured .thumb {float: left; width: 144px; overflow: hidden;padding: 5px;border: 5px #202020 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 {max-width: 481px; width: calc(100% - 185px); padding: 0 10px 0 10px;}
.lmainnt {max-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: 6px 10px 5px 10px; margin: 0 10px 5px 10px;}
.mainCat  { font-size: 15px; font-weight: bold; color: #ffffff; margin: 0 0 0 0;}
.mainCat button {float: right; position: relative; left: 5px; cursor: pointer; margin: -2px 0 0 0; }
.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; padding: 0; line-height: 35px;}
.bar, .bar-first, .pagingLinks a:link, .pagingLinks a:active, .pagingLinks a:visited {
 text-align: center; font-weight: bold; min-height: 23px; height: auto; padding: 5px 10px 5px 10px;
 background: #505050;  color: #c0c0c0; font-size: 18px;}
.pagingLinks a {margin: 0 0 5px 5px; width: 25px; height:33px; border: 1px #000000 solid;}
.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 { float: right; margin:3px 0 0 0; padding: 0px; text-align: right; width: 190px; max-height: 25px;}
.sort select { float: right; margin: 12px 0 0 5px; 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: #893D3D; font-weight: bold; padding: 0;}
.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 {overflow-wrap: break-word; word-wrap: break-word;clear: both; text-align: right; font-size: 22px; margin: 0 10px 5px 0; font-style: italic;}

.dThumb {margin: 0 8px 0 8px; border: 5px #000000 solid; background-size: cover; height: 200px;}

.aImage { background: #202020;  border: 1px #000000 solid; padding: 5px;}


/*
.standard .thumb, .article .thumb, .featured .thumb {float: left; width: 144px; overflow: hidden; border: 5px #202020 outset; background-size: cover;}
.standard .thumb, .article .thumb { height: 92px; }
.featured .thumb {height: 142px;}
*/



.aImage { float: left; margin: 0 10px 10px 0; width: 302px; color: #ffffff; text-align:center;}
.aImage span {font-weight: normal; font-size: 12px;}
.aImage img { border: 1px #A20000 solid;  }
.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; padding: 4px; font-size: 15px; margin: 5px 0 5px 10px;}
.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 */

/* 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: 25px; width: 250px;  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 { height: auto; 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: #C32B21; background: #000000; border: 2px solid #C32B21; 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; z-index: 500; bottom:50px;right:50px;display:none; background:  url('../images/scroll.png') no-repeat;}

.alphaLinks { clear: both;	margin: 10px 6px 10px 7px; position: relative; width: calc(100% - 12px); height: 30px; overflow: hidden;}
.alphaL {display: none; float: left;}
.alphaR {display: none; float: right;}
.alphaScroll { position: absolute; float: left; height: 30px;}
.alphaLinks a {float: left; width: 30px; font-size: 20px; height: 26px; padding: 2px 0 2px 0; text-align: center; margin: 0 3px 0 3px;}

.geoLink {text-align: center; font-size: 12px;}

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

/* RESPONSIVE MENU */
#nav {clear: both;  border: 1px #606060 solid; margin: 0 10px 0 10px; height: 35px; padding: 0;}
#nav > a { display: none; }
#nav ul { list-style: none; margin: 0; padding: 0; }
#nav li { position: relative; height: 100%; padding: 0;}
#nav li a {display: block; color: #c0c0c0; }

#nav > ul > li > a span:after {
	margin: 0 10px 0 10px; width: 0; height: 0;border: 0.313em solid transparent;
	border-bottom: none; border-top-color: #c0c0c0;
	content: ''; vertical-align: middle; display: inline-block;
	position: relative;	right: -0.313em;}

/* first level */
#nav > ul > li > a:hover span:after {border-top-color: #ffffff;}
#nav > ul { margin: 0; padding: 0; height: 30px; background-color: #e15a1f;}
#nav > ul > li {margin-right: 2px; 	float: left;}
#nav > ul > li > a {height: 100%; padding: 6px 10px 0px 10px; font-size: 20px; font-weight: bold; text-align: center;	border-right: 2px #606060 solid;}
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {	background: #606060;}
#menuButtons, #menuButtons a {float: right;}
.menuButton {margin: 4px 5px 0 5px;}
#menuButtons a img {height: 25px; width: 25px; margin: 5px;}

/* second level */
#nav li ul { margin: 0; z-index:10; left: -1px; top: 35px; 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; display: none; position: absolute; height: 100%;}
	
#nav > ul > li > ul > li {border: 1px #000000 solid; margin: 5px 0 5px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #202020; width: 300px;}
#nav > ul > li > ul > li span {float: right; font-weight: normal; margin-top: 3px; font-size: 13px; font-style: italic;}
#nav li:hover ul {display: table; left: 0;	right: 0; }
#nav > ul > li > ul > li {	font-size: 18px; height: 30px; font-weight: bold; border: 1px #000000 solid; border-radius: 5px;}
#nav > ul > li > ul > li:hover, #nav > ul > li > ul:not( :hover ) li.active  {background: #606060;}	
#nav li ul a { display: block; line-height: 30px; padding: 0 10px 0 10px;}
#nav ul li a:hover, #nav ul:not( :hover ) li.active a, #nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {color: #ffffff;}

.userOptions {display: none;}

/* Remove outer border radiuses and out margins when display area <= to 1060px */
@media only screen and ( max-width: 1060px ) {
	.main, .header, .subFooter {border-radius: 0;}
	.main {margin: 0;}
	/*Adjust vertical space between footer scections when stacked */
	.fSection { margin: 0 7px 20px 7px;} 
	/* Add alpha menu scroll buttons */
	.alphaL, .alphaR {display: block; position: relative; z-index: 5; cursor: pointer; width: 30px; font-size: 20px; height: 26px; padding: 2px 0 2px 0; margin: 0;}
	.subFooter {margin: 0;}
	}

/* Remove Ads from Header */
@media only screen and ( max-width: 1000px ) {
	#nav {margin: 0 10px 0 10px;}
}
/* Remove Main header area / Centre logo / Display social icons under logo */
@media only screen and ( max-width: 725px ) {
	.header {}
	.headMain {display: none;}
	.logo { width: 100%; clear: both; text-align: center; height: 98px; margin: 15px auto 15px; }
	.logo img { border: none;}
	.rssPageLinks {display: none;}
	.search { clear: both; float: left; background: #ffffff; width: calc(100% - 20px); padding: 10px 10px 0 10px; margin: 0; }		
	.mainSearch {width: calc(100% - 0px);}
	.search input { width: calc(100% - 91px); }
	 h1 {width: calc(100% - 20px); text-align: center;}
	.titleBar {background: none; }
	.socialFoot {display: block; height: 35px; margin: 0; }
	.socialFoot a {width: 35px; height: 35px; margin: 0 6px 0 6px;}
	.socialFoot img {border: none; height: 35px; width: 35px;}	
	
}

@media only screen and ( max-width: 895px ) {
	/* MAIN MENU - Switch to responsive */
	#nav {	position: relative;	top: auto; left: auto;}
	#nav > a {	width: 3.125em;	height: 3.125em; text-align: left; text-indent: -9999px; background-color: #c0c0c0;	position: relative;}
	#nav > a:before, #nav > a:after { position: absolute; border: 2px solid #fff; top: 35%; left: 25%; right: 25%; content: '';}
	#nav > a:after { top: 60%;}
	#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type { display: block;}
	/* Menu first level */
	#nav > ul {	height: auto; display: none; position: absolute; left: 0; right: 0; z-index: 5;}
	#nav:target > ul {	display: block;}
	#nav > ul > li { width: 100%; float: none; padding: 0 0 0 0px; 	border-top: 1px solid #000000;}
	#nav > ul > li > a { height: auto; text-align: left; padding: 10px 0 10px 20px;}
	#nav > ul > li:not( :last-child ) > a {	border-right: none;	border-bottom: 1px solid #606060;}
	/* Menu second level */
	#nav li ul { position: static; margin: 0 0 10px 0; width: calc(100% - 20px);}
	#nav > ul > li > ul > li { width: 100%;}
	.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;}

	}

/* Switch to single column and realign text etc */
@media only screen and ( max-width: 670px ) {
	.content {width: calc(100% - 22px);}
	.centreColumn {width: calc(100% - 22px);}
	.rightColumn {width: calc(100% - 22px);}
	.responsiveAlign {text-align: center;}
/* Remformat 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;}
}

/* Reduce logo size / Remove listing description for very small screens */
@media only screen and ( max-width: 520px ) {
	.header {}
	.headMain {display: none;}
	.logo { width: 100%; clear: both; text-align: center; height: 98px; margin: 15px auto 15px;}
	.logo img { max-height: 98px; max-width: 375px; width: 90%; border: none;}
	
	/* 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;}
}