html { height: 100%; margin-bottom: 1px; }
body{ font-size: 15px; margin: 0; padding: 0;background: #000000 url('../images/background.jpg') fixed; font-family: Arial, sans-serif;}

/* GENERAL STYLING */ 
.clear, .topper, h5, .header, .titleBar, .head, .main, .content, .box, .nobox, .h3, .menu, .mcoupontitle, .mcouponsection, .formline, .optTitle, .optDesc, .mainCat , .buttonLine , .standard, .featured , .error, .err, .footer, .path, .time { clear: both;}
.clearSpace {clear: both; height: 10px;} 

.titleBar {clear: both; min-height: 50px; margin: 10px 0 0 0; padding: 0; border-top: #035F03 2px solid; border-right: #035F03 2px solid; border-bottom: #035F03 2px solid; width: calc(100% - 15px);
-webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px;  border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;  border-bottom-right-radius: 5px;
}
.h1 { width: calc(100% - 29px); margin: 0 0 0 -13px; padding: 0 10px 0 30px; border-top: #022802 2px solid; border-right: #022802 2px solid; border-bottom: #022802 2px solid; border-radius:3px; color: #ffffff; min-height: 46px; }
 h1  {float: left; background: url('../images/waveBullet.png') 35px 2px no-repeat; padding: 3px 50px 0 80px; margin: 0 0 0 -30px; border-top: 2px #035803 solid; border-right: 2px #035803 solid; border-bottom: 2px #035803 inset; width: calc(100% - 92px);  font-size: 32px; min-height: 39px; border-radius:3px;}
 h1 span {color: #ffffff; font-style: italic; }
 h1 a:link,  h1 a:active, h1 a:visited { color: #ffffff;}
 h1 a:hover { color: #efefef;}

.rssIcon {float: right; position: relative; height: 0; top: -45px; right: 5px;}
.rssIcon a {display: block; float: right; height: 40px; width: 40px; background: url('../images/rss.png');} 
 
 
 .h2, .h3, .h4 { border-left: #035F03 2px solid; border-top: #035F03 2px solid; border-bottom: #035F03 2px solid;  min-height: 30px; background: #022402; padding: 1px; border-top-left-radius: 20px;  border-bottom-left-radius: 20px;} 
 h2, h3, h4 { font-size: 18px; color: #c0c0c0; border-top-left-radius: 16px;  border-bottom-left-radius: 16px; border-left: #035F03 2px outset; border-top: #035F03 2px outset; border-bottom: #035F03 2px inset;  margin: 2px; min-height: 21px; }

.h2 { width: calc(100% + 19px); margin: 10px 0 10px -10px;}
 h2 { width: calc(100% - 29px); padding: 1px 20px 0 20px;}
 
.h3 { width: 298px; margin: 10px 0 10px -11px;}
 h3 { padding: 1px 2px 0 20px;}
 
.h4 { border-right: #035F03 2px solid; border-top-right-radius: 20px;  border-bottom-right-radius: 20px;}
 h4 { padding: 1px 20px 1px 20px; border-right: #035F03 2px inset; border-top-right-radius: 16px;  border-bottom-right-radius: 16px;}

 .h2 span {float: right; margin: 6px 20px 0 20px; font-size: 15px;}

h5 { border-bottom: 2px #99A2B8 solid; padding: 0 0 2px 0; margin: 0 0 5px 0; color: #ffffff; font-weight: bold; font-size: 16px;}

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

 
 .h1, h2, h3, h4 { background: #035903;
background: -moz-linear-gradient(left,  #035903 0%, #022302 100%);
background: -webkit-linear-gradient(left,  #035903 0%,#022302 100%);
 background: linear-gradient(to right,  #035903 0%,#022302 100%);}

 a:link, a:active, a:visited { text-decoration: none; color: #85C4F1;}
 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, .message a, .path a, .subFooter a, .backlinks a { color: #85C4F1; font-weight: bold; font-style: normal;} 
.list2 li a:hover, .message a:hover, .subFooter a:hover, .backlinks a:hover {text-decoration: underline; color: #ffffff;}
.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 */
.titleBar, .subCategoryImage, input[type=checkbox]:hover, .linkXtraContent, .linkXtraTrigger, .tips a:hover .tips-container, .tags a:hover .tips-containerm, .topNav a  { 
box-shadow:0px 0px 10px #595959; }

h3, h4, .logo, #map, #map2, .subFooter, .menuoption:hover, .alphaLinks a { box-shadow: 0 0 10px rgba(0,0,0,0.6);}
 .menu, .content, .categoryDrop, .titleBar, h2, h3, h4, .subFooter  {
text-shadow: 3px 3px 3px rgba(0,0,0,0.3);}

/*blue*/
.headAds, .rightColumn .box, .thumb, .titleImage {
border: 3px #035A03 solid;}
 
.headAds, .rightColumn .box, .thumb, .titleImage, .footer { 
 background: #081B3D;
-webkit-box-shadow: inset -3px -3px 10px 0px rgba(31,76,160,1), inset 3px 3px 10px 0px rgba(31,76,160,1);
-moz-box-shadow: inset -3px -3px 10px 0px rgba(31,76,160,1), inset 3px 3px 10px 0px rgba(31,76,160,1);
 box-shadow: inset -3px -3px 10px 0px rgba(31,76,160,1), inset 3px 3px 10px 0px rgba(31,76,160,1);}

/* SHARED CURVES */
.catBox, .standard, .featured, .article, .titleImage, .path, .time, .headAds, .centreColumn, .rightColumn .box, .optButton a, .lInfo, .bar, .bar-first, .sort select, .buttonLine a, input[type=checkbox], .tipstop, .capt, .lNav a, .topNav a,  .bar-first a, .ava, .ava img, .button,
.userPanel a, .smallButton, .input1, .input2, .input3, .input4, .input6, .socialSelect, .tips, .categoryDrop, .mcoupon, .mapbutton, .artImg0, .artImg1, 
.dThumb, .dThumb img, .aImage, .aImage img, .optFeat, .addr, #map, #map2, .dLogo, .dLogo img, .dUploads, .dUploads img, #thumbBox img, #slideshow > div img,
.content, .menuactive, .pagingLinks a:link, .pagingLinks a:active, .pagingLinks a:visited, .pagingLinks span, .rateBack, .mainCat button, .mainSearch, .bio, .sportSub  {
-webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px;  border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;  border-bottom-right-radius: 5px;}
.catBox, .standard, .featured, .article, .titleImage, .sportImg, .path, .time, .headAds, .centreColumn, .rightColumn .box, .vertButtons a, .optButton a, .lInfo, .bar, .bar-first, .sort select, .buttonLine a, input[type=checkbox], .tipstop, .capt, .lNav a, .topNav a, .bar-first a, .ava, .ava img, .button,
.userPanel a, .smallButton, .input1, .input2, .input3, .input4, .input6,  .socialSelect, .tips, .categoryDrop, .mcoupon, .mapbutton, .artImg0, .artImg1,
.dThumb, .dThumb img, .aImage, .aImage img, .optFeat, .addr, #map, #map2, .dLogo, .dLogo img, .dUploads, .dUploads img, #thumbBox img, .mainSearch,
.menuicon, .menuoption, .menuactive, .pagingLinks a:link, .pagingLinks a:active, .pagingLinks a:visited, .pagingLinks span, .rateBack, .mainCat button, .bio, .sportSub {
-webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px;  border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px;  border-top-right-radius: 5px;}  
 
.menu, .linkXtraTrigger, .tips a:hover .tips-container, .tags a:hover .tips-container, .menuoption div:hover ul , #thumbBox, .catStats, .centreColumn .box {
 -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px;  border-bottom-left-radius: 10px;}
 .linkXtraTrigger, .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;}
.tips a:hover .tips-container, .tags a:hover .tips-container,  .menuoption div:hover ul, #thumbBox, .centreColumn .box {
-webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px;  border-top-right-radius: 10px;} 
.menu, .menuoption div:hover ul, #thumbBox, .centreColumn .box    { 
-webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px;  border-bottom-right-radius: 10px;}
 .menuitems {
-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%);}

.topNav a, .catBox, .searchbox-submit, .searchbox-icon, .sportCat h5, .search, .userPanel, .menuicon, .menuoption, .menuoption div:hover ul, .alphaLinks a, .categoryDrop, .vertButtons a, .optButton a, .buttonLine a, .button, .userPanel a, .smallButton, .tips, .lNav a, .bar-first a , .rateBar, .mapbutton, .mainCat button, .sportSub { 
 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%);}

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

.mainContainer {max-width: 1100px;  margin: 5px auto 0;}
 
.topper, .botter { margin: auto; max-width: 1100px; height: 25px;}
.topperL, .topperM, .topperR, .botterL, .botterM, .botterR {float: left; height:25px; }
.topperL, .topperR, .botterL, .botterR { width: 25px;}
.topperL { background:url('../images/corner.gif') 0 0 no-repeat;}
.topperM { background:url('../images/topbot.gif') 0 0 repeat-x; max-width: 1100px; width: calc(100% - 50px);}
.topperR { background:url('../images/corner.gif') -25px 0 no-repeat;}
.botterL { background:url('../images/corner.gif') 0 -25px no-repeat;  }
.botterM { background:url('../images/topbot.gif') 0 -25px repeat-x; max-width: 1100px; width: calc(100% - 50px);}
.botterR { background:url('../images/corner.gif') -25px -25px no-repeat;}

.leftBorder {max-width: 1100px; background:  url('../images/leftBorder.gif') repeat-y; background-position: left; }
.rightBorder { max-width: 1075px; width: calc(100% - 25px); margin: 0 0 0 25px; background: url('../images/rightBorder.gif') repeat-y; background-position: right; }
.main {  padding: 0; max-width: 1050px; width: calc(100% - 25px); background: #022402; }

#slideshow { margin: 0px auto; position: relative; max-width: 1050px; width: 100%; height: 350px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.4); }
#slideshow > div { position: absolute;}

/* HEADER */
.header { max-width: 1050px; background: #022402; height: 350px; margin: 0 auto;}
.headerMain { position:relative; display: inline-block; top: -340px; margin: 0; height:0; width: calc(100%);}
.logo { float: left; max-width: 370px; max-height: 105px; background:url('../images/trans.png') repeat; padding: 10px; border-radius: 10px; border: 2px #000000 solid; margin: 0 0 0 25px;}
.logo img { border: none;}

.twitter {height: 0px; float: right; margin: 0 20px 0 0;}
.topNav { clear: both; float: right; margin: 100px 10px 0 10px; width: calc(100% - 20px);}

/* SEARCH */
.searchbox-icon, .searchbox-submit { height: 50px; border-radius: 5px;}
.searchButton{ width: 100%; margin:0 auto; border-radius: 5px;}
.searchbox{ position:relative; min-width:50px; width:0%; height:50px; float:right; overflow:hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}
.searchbox-input {border: 1px #205F93 solid; background: url('../images/trans.png') repeat; width:100%; height:50px; border-radius: 5px; margin:0; padding:0px 55px 0px 20px; font-size: 20px; color:#000000; font-weight: bold;}
.searchbox-input::-webkit-input-placeholder { color: #000000;}
.searchbox-input:-moz-placeholder { color: #000000;}
.searchbox-input::-moz-placeholder { color: #000000;}
.searchbox-input:-ms-input-placeholder { color: #000000;}
.searchbox-icon, .searchbox-submit {display:block; position:absolute; display: block; top:0; border: 1px #205F93 solid; font-size:18px; right:0; border-radius: 5px; width: 50px; height: 50px; padding:0; margin:0; border:0; outline:0; line-height:50px; text-align: center; cursor:pointer; color:#dcddd8;}
.searchbox-open{ width:100%;}

.byline{ position:absolute; top:150px; left:30%; text-align:center; font-size:18px;}
.byline a{ text-decoration:none; color: #d74b4b;}
.login, .logged { float: right; max-height: 20px; margin: 0 0 0 0; padding: 0 0 0 0;}

/* USER PANEL */
.userPanel { position:relative; top: -180px; left: 470px; width: 500px; height: 100px; border: 1px #1C6195 solid; 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;}

 /* MAIN MENU */
.menu { clear: both; position:relative; display: inline-block; top: -60px; margin: 0 0 0px 0; width: calc(100% - 10px); height: 30px; padding: 10px 5px 0 5px; border-bottom: 5px #1C6195 solid;}
.menuicon {display: none;}
.mleft {float: left;}
.mright {float: right;}
.menuoption, .menuactive { margin: 0 5px 0 5px;  font-size: 18px; font-weight: bold; border-top: 1px #1C6195 solid; border-left: 1px #1C6195 solid; border-right: 1px #1C6195 solid;}
.menuoption { position: relative;  z-index: 999999; height: 34px;}
.menuoption:hover,  .menuoption li:hover { background: #395687;}
.menuactive { height: 25px; background: #395687; padding: 5px 14px 0px 14px; color: #ffffff;}
.menuoption a.men:link, .menu a.men:active, .menu a.men:visited { display: block;  height: 30px; padding:  5px 14px 0 14px;} 
.menuoption div { position: relative; padding-bottom: 10px;}
.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-left : 1px #606060 solid; border-right : 1px #606060 solid; border-bottom : 1px #606060 solid; padding: 5px 10px 5px 10px;}
.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: 350px;}
.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;}
 
.headAds { max-width: 670px; height: 85px; margin: 0 0 10px 0; padding: 0 0 0 0;  color: #ffffff;}

.titleImage { float: left; width: 152px; padding: 5px; height: 152px; margin: 0 20px 10px 0; border: #035F03 2px solid;}
.titleImage img {border-radius: 3px; width: 150px; height: 150px; border: 1px #000000 outset;}

/* CONTENT, COLUMNS & SECTION */ 
.content { max-width: 1050px; margin: 15px auto 10px; }
.rightColumn { float: left; margin: 0 10px 0 0; width: 314px;}
.centreColumn { float: left; margin: 0 10px 0 10px; max-width: 700px; width: calc(100% - 350px); font-size: 18px; border: 3px #035903 solid; border-radius: 3px; background: #081B3D;}
.rightColumn h3 { width: 284px;} 

.box, .nobox { color: #c0c0c0; }
.nobox { }
.rightColumn .box { font-size: 15px; margin: 0 0 10px 0; padding: 0 10px 10px 20px; border-top-left-radius: 30px;}
.rightColumn .box ul {clear: both; list-style: none; font-size: 15px; margin: 5px; font-weight: bold; padding: 0;}
.rightColumn .box ul li { clear: both; font-size: 16px; margin: 0; padding: 0; color: #c0c0c0;}
.rightColumn .box ul li span, .linkXtraContent ul li  span { float: right; font-style: italic; color: #ffffff; }
.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 10px 10px 20px; margin: 10px;  border: 3px #035903 solid; border-top-left-radius: 30px; background: #022402;}
.centreColumn .nobox { font-weight: normal; padding: 0 10px 0 10px; margin: 10px 0 0 0;}

.subCategoryImage {float: left; height: 30px; width: 42px; margin: 2px 10px 2px 2px; border: 1px #035803 inset; overflow: hidden; border-radius: 3px; }
.subCategoryImage img { position: relative; top: -6px; height: 42px;}
.catBox { float: left; width: calc(50% - 15px); margin-top: 10px;  border: 1px #1C6195 solid; min-height: 32px; }
.catBox a {display: block; padding: 8px 10px 0 10px;}
.catBox:nth-of-type(2n) {margin-right: 15px;}
.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; margin: 0px 0 0 0; }
.path, .time { width: calc(100% - 60px); margin: 10px auto 5px; font-size:15px; font-weight: bold; padding: 6px 20px 6px 20px; min-height: 18px; color: #ffffff;background: #1C6195; }
.time {text-align: right;}
.time span {font-weight: bold;}
.pathItem { position: relative; z-index: 9999; float: left; height: 18px; margin: 0 0 0 0; }
.patharrow { float: left; 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 {border-top: 3px #035A03 solid; padding: 10px 4px 10px 4px; color: #ffffff; font-size: 16px; background: #081B3D; max-width: 1044px; margin: 0 auto 0;}
.fSection { float: left; width: calc(33% - 17px);  padding: 0; margin: 0 10px 0 10px; } 
.fSection ul {list-style: none; padding: 0; margin: 10px 5px 0 20px; font-weight: bold; } 
.fSection li { margin: 0; padding: 0 0 2px 0;}
.fSection li span {float: right; font-style: italic; color: #c0c0c0; }
.accepted img {margin: 5px;} 

.subFooter { max-width: 1050px; margin:0 auto 10px; font-size: 16px; color: #c0c0c0; text-align: center; font-weight: bold; border: 1px #000000 solid; padding: 0 10px 5px 10px;}

/* LISTING OPTIONS */
.optDesc { font-size: 14px; width: 100%; font-weight: bold; }
.optFeat { float: right; width: 295px; font-size: 14px; padding: 10px; border: 1px #035903 solid; background: #081B3D; color: #c0c0c0; margin: 0 0 10px 10px;}
.optFeat ul { float: left; margin: 5px 0 10px 20px; padding: 0 0 0 0;}
.optFeat ul li { padding: 0 0 2px 0;  margin: 0;}

/* BUTTONS */
.optButton  { float: right; font-size: 14px; margin: 8px 18px 0 0;}
.optButton a {float: right; width: 30px; margin: -3px 0 0 5px;}
.vertButtons {float: left; position: relative; left: 504px; height: 0px; z-index: 20;}
.vertButtons a {clear: both; width: 100px; height: 23px; padding: 2px 0 0 0; margin: 90px 0 0 0; -webkit-transform: rotate(-270deg);  -moz-transform: rotate(-270deg); -ms-transform: rotate(-270deg); -o-transform: rotate(-270deg); transform: rotate(-270deg);}
.buttonLine { font-weight: bold; text-align: right; margin-top: 10px;}
.topNav a, .buttonLine a, .button, .userPanel a, .smallButton, .lNav a, .bar-first a, .mainCat button, .vertButtons a, .optButton a, .sportSub { display: block; border: 1px #1C6195 solid; font-family: calibri; font-weight: bold; color: #c0c0c0; text-align: center; }
.buttonLine a, .button, .userPanel a, .smallButton, .lNav a, .bar-first a, .sportSub {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;}
.vertButtons a:hover, .buttonLine a:hover, .button:hover, .userPanel a:hover, .smallButton:hover, .tips:hover, .topNav a:hover, .lNav a:hover, .bar-first a:hover, .mainCat button:hover, .alphaLinks a:hover, .optButton a:hover, .sportSub, .searchbox-submit:hover, .searchbox-icon:hover { background: #395687; color: #ffffff;}
.lNav a, .bar-first a {float: left;}
.topNav a {float: right; margin: 0 0 0 10px; width: 100px; font-size: 18px; padding: 5px 0 5px 0px;}
.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 { padding: 5px; margin: 0 0 5px 0;}
.label { float: left; text-align: right; width: 165px; font-weight: bold;}
.label span, span.req { color: #F2C336; margin: 0 5px 0 5px;}
.formfield { float: left; margin-left: 5px; width: calc(100% - 220px);}
.formfield div {float: left; width: 360px;}
.formfield span { padding: 0 0 0 10px; float: left; width: 360px;}
.careNotice {font-size: 13px; color: #A50000; font-weight: bold; width: 330px;}
.input1, .input2, .input3, .input4, .input5, .input6, .input7, .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); 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: calc(100%); padding :5px;}
.input6 {float: right; height: 10px; padding: 5px;  margin: 0 5px 0 0; width: 75px;}
.input7 {width: calc(100%); border-radius: 5px; height: 30px; }

.socialSelect {width: 140px;}
input[type=checkbox] { float: left; width: 20px; height: 20px; border: 1px red 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 0 0px 0; font-size: 15px; line-height: 17px; border: 1px #035F03 solid; border-radius: 5px;}
.standard h5 , .featured h5, .article h5 {margin: 5px 0 5px 0; padding: 0 0 5px 0; border-bottom: 2px #1F4386 solid; height: 15px; overflow: hidden;}

.standard .thumb, .article .thumb, .featured .thumb {float: left; width: 140px; overflow: hidden;padding: 5px;border: 5px #1F3969 outset; background-size: cover; border-radius: 5px;}
.standard .thumb, .article .thumb { height: 92px; }
.featured .thumb {height: 142px;}


.lmain, .lmainnt {float: left; background: #081B3D;}
.lmain {width: calc(100% - 182px); padding: 0 10px 0 10px;}
.lmainnt {width: 650px; padding: 0 10px 0 10px; border-left: 1px #606060 solid;}
.standard .lmain, .article .lmain, .standard .lmainnt, .article .lmainnt { height: 110px;}
.featured .lmain, .profile .lmain, .featured .lmainnt { height: 160px;}
.standard .linkContainer, .article .linkContainer {height: 73px; overflow: hidden;  margin: 0 0 5px 0; }
.featured .linkContainer {height: 127px; overflow: hidden; margin: 0 0 5px 0; }
.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: #000000; color: #ffffff; padding: 5px 10px 5px 10px; border: 1px #008000 solid;  border-left: 5px #008000 solid; width: 230px; font-size: 13px; display: none; border-radius: 5px;}
.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: #008000 ; 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 { border: 1px #1C6195 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: #022402;  padding: 5px; margin: 0 0 10px 0; border: 1px #035F03 solid;} 
.bio span { height: 100px; padding: 5px 0 20px 0;}
.plist {float: left; list-style: none; width: 250px; padding: 0; font-size: 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: #ffffff; }

.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: 14px; height: 16px;}
.rating {position: absolute; top: 3px; left: 8px; color: #c0c0c0; text-align: center; font-size:15px;}
.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; font-family: Arial, sans-serif;}
.popupmap b {position:relative; z-index:5000;}
.popupmap b:hover {position:relative; z-index:5500;}
.popupmap b:hover #hide { display:block; position: absolute; top: -485px; left: 0; display: block; width:968px; height:600px; z-index:6000;}
#map {width: 615px; height: 440px; border:3px #035F03 solid;} 
#map2 { height:600px; width:962px; padding: 0 0; border:3px #035F03 solid;}
.mapHelp {width: 620px; text-align: right; height: 39px; margin: 0; color: #c0c0c0;}
.popupmap b .button {margin: 10px 0 0 0; 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;}

/* 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; margin: 0;}
.alphaLinks a { float: left; text-align: center; border: 1px #1C6195 solid; width: 31px; padding: 7px 0 6px 0; margin: 0 5px 6px 0; font-size: 16px; font-weight: bold; border-radius: 3px;}

/* Front page category display */
.sportCat { position: relative; float: left; background: #081B3D; height: 200px; margin: 0 0 10px 0; padding: 0;  width: calc(33% - 8px); border-radius: 5px; border: 1px #035F03 solid;}
.sportCat {margin-right: 10px;}
.sportCat:nth-of-type(3n+1) {margin-right: 0;}
.sportCat h5 { margin: 0; border-bottom: 1px #035F03 solid; border-top: 0; border-bottom: 2px #035F03 solid; font-size: 18px;}
.sportCat h5 a {padding: 6px 15px 6px 15px; display: block;}
.sportCat img {float: left; width: 75px; height: 75px; margin: 5px 10px 10px 5px; padding: 5px; border: #035F03 2px solid; border-radius: 3px; }
.sportCat div { position: absolute; bottom: 2px; float: left; padding: 5px; }
.sportSub { float: left; margin-top: 5px; padding: 2px 5px 3px 5px; font-size: 15px;}
.sportCat h5, .sportSub {opacity: 0.9; filter: alpha(opacity=90);}

.quotes {margin-right: 10px;}
.quotes > div > div {font-weight: bold; font-size: 18px; }
.quotes blockquote {margin : 10px 10px 10px 10px; font-weight: normal; font-size: 16px; }
.quotes span {float: right; font-weight: normal; font-size: 16px;}

.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 10px 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: #ffffff; font-size:10px; font-weight: bold;}

@media only screen and ( max-width: 1075px ) {
	/* reset category margins and reconfigue for narrower view */
	.sportCat:nth-of-type(3n+1) {margin-right: 10px;}
	.sportCat { width: calc(50% - 8px); margin-right: 10px;}
	.sportCat:nth-of-type(2n+1) {margin-right: 0px;}
}

@media only screen and ( max-width: 975px ) {
	.fSection { float: left; width: calc(50% - 20px); padding: 0; margin: 0 10px 20px 10px; }
}

@media only screen and ( max-width: 960px ) {
	.menu .mleft {display:none;}
	.menuicon {float: left; display: block; margin: 0 0 0 5px; font-weight: bold; padding: 0 0 0 10px; font-size: 22px; height: 30px; width: 30px; border-top: 1px #1C6195 solid; border-left: 1px #1C6195 solid; border-right: 1px #1C6195 solid;}
	.menu.responsive {position: relative;}
	.responsive .menuoption {padding: 7px 10px 2px 20px; width: calc(100% - 32px);}
	.responsive .menuoption, .responsive .menuactive  { clear: both; float: left; height: 34px; border-bottom: 1px #1C6195 inset;  margin: 0;  display: block; text-align: left; border-bottom: 1px #1C6195 outset; border-radius: 0; }	
	.responsive .menuactive { background: #395687; width: calc(100% - 72px); padding: 10px 10px 0 60px; color: #ffffff;}
	.responsive .menuicon {margin: 3px 10px 0 20px;}
	.responsive .menuoption:hover {border-bottom: 1px #000000 solid;} 
	.responsive .menuButton { margin: 9px 5px 0 0;}
	.menuoption span {float: right; font-weight: normal; margin-top: 3px; font-size: 13px; font-style: italic;}
	.responsive .menuoption > div > ul {display:none;}
	.lInfo {display: none;}
	.optFeat{ clear: both; float: none; margin: 0 0 10px 0; width: calc(100% - 20px);}
	.label {text-align: left; width: 75%; margin: 10px 0 0 0;}
	.formfield {clear: both; float: left; width: calc(100% - 10px); margin: 0px 0 0 0; }
	.input1, .input2  { width: calc(100% - 50px); padding :5px; margin: 0 0 0 0;}
	.input4 { width: calc(100% - 35px);}
	.input7 { width: calc(100% - 45px);}
	.tips { position: relative; top: 32px; }
}

@media only screen and ( max-width: 915px ) {
	.standard .thumb, .article .thumb, .featured .thumb, .sort span, .catStats {display: none;}
	.lmain, .lmainnt { border-radius: 5px;}
	.lmain {width: calc(100% - 20px); }
	.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;}
}

@media only screen and ( max-width: 830px ) {
	.sportCat { width: calc(100% - 4px); }
	.sportCat:nth-of-type(2n) {margin-right: 0;}
}

@media only screen and ( max-width: 755px ) {
	.rightColumn { clear: both; float: none; width: 100%; margin: 10px;}
	.rightColumn .box {width: calc(100% - 56px);}
	.h3 {width: calc(100% + 20px);}
	.rightColumn h3 { width: calc(100% - 16px); } 
	.centreColumn {width: calc(100% - 25px); margin: 0 10px 10px 10px;}
	.fSection { clear: both; float: none; width: calc(100% - 20px); }
	.sportCat:nth-of-type(2n) {margin-right: 10px;}
	.sportCat { width: calc(50% - 8px); margin-right: 10px;}
	.responsiveThumb, .responsiveCatStats {display: none;}
	.standard .thumb, .article .thumb, .featured .thumb {display: inline-block;}
	.lmain {width: calc(100% - 184px);}
	.optFeat { float: right; width: 295px; margin: 0 0 10px 10px;}
}

@media only screen and ( max-width: 645px ) {
	.fSection {min-height: auto; width: calc(100% - 20px);}	
}

@media only screen and ( max-width: 610px ) {
	.twitter {clear: both; float: left; margin: 15px 0 0 25px; padding: 10px 0 0 0; }
}

@media only screen and ( max-width: 590px ) {
	.standard .thumb, .article .thumb, .featured .thumb, .sort span, .catStats {display: none;}
	.responsiveThumb {display: inline-block; float: left; width: 95px; height: 95px; border: 3px #202020 solid; border-radius: 5px; margin: 0 5px 0 0;}
	.lmain {width: calc(100% - 24px); }
	.optFeat{ clear: both; float: none; margin: 0 0 10px 0; width: calc(100% - 20px);}
}

@media only screen and ( max-width: 520px ) {
	.logo { width: 82%; clear: both; text-align: center;  }
	.logo img { max-height: 98px; max-width: 375px; width: 100%; border: none;}
	.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;}
	.sportCat { width: calc(100% - 4px); }
	.sportCat:nth-of-type(2n) {margin-right: 0;}
}

@media only screen and ( max-width: 430px ) {
	.responsiveThumb, .responsiveCatStats, .linkXtra {display: none;}	
}