html{font-size:100.1%;}
*{margin: 0; padding: 0; line-height: 1.7em;}
body {margin:0px; padding:0px; background:#fff;font: 72% "Lucida Sans Unicode", "Trebuchet MS", Arial; color: #666;text-align: center}

/* Main wrap around layout */
#main { position: relative; width: 915px; margin: 0 auto; text-align: left}    /* Change this as left menu grows */

/* Layout */
#container {position:relative; display:block; background:transparent; border-left:230px solid #fff; border-right:224px solid #fff; overflow:visible;margin-top:13px}
* html #container {display:block; min-height: 35em;}
#left {float:left; position:relative; width:200px; margin-left:-215px; display:inline;}
* html #left {width:200px;}
#right {float:right; position:relative; width:198px; margin-right:-210px; display:inline; min-height: 35em;}
#rightin {text-align: center}
#leftin {text-align: center; margin: 0 auto;}

/* Container Links */
#container a:visited, a {color:#000; text-decoration:none;}
#container a span {display:none;}
#container a:active, #container a:focus {color:#fff; text-decoration:none; background:transparent; cursor:default;}
#container a:active span, #container a:focus span {display:block;}

/* Masthead - masthead.php file in includes folder */
#masthead {position: relative; height: 114px; background: url("http://searchandgo.com/images/masthead.gif") top left no-repeat;}
#masthead-end {position: absolute; top: 0; right: -1px; width: 20px; height: 114px; background: url("http://searchandgo.com/images/masthead-end.gif") top right no-repeat;}
#masthead p {margin: 0; padding: 0;}
#logo {position: absolute; top: 26px; left: 37px; background: none;}
#logo div {display: block; width: 218px; height: 72px; background: url("http://searchandgo.com/images/logo.gif") top left no-repeat;}
#mobilelogo {display: none;}
#mobile {position: absolute; top: 0; right: 0; z-index: 100; width: 384px; height: 110px; background: url("http://searchandgo.com/images/mobile.gif") top right no-repeat;}
#mobile:hover {background: url("http://searchandgo.com/images/mobile.gif") bottom right no-repeat;}

/* Wrap around middle category box */
#ctrin  { text-align: justify; padding: 0px;float:left;margin:0;width:100% }

/* Wrap around middle content including heading */
#wrapper a { white-space: nowrap; }
#wrapper {margin-top: 0px;padding: 0;width:100%}
#wrapper2 {margin-top: 0px;padding: 0;}

/* Page attributes */
.hide, #mobile span {display: none;}
.comment {text-align:center;}
.comment a {text-decoration:underline;}
em {font-weight:bold;}
.clear {clear:both;height:1px;overflow:hidden;}
p {margin: 0 0 1.4em 0;white-space: normal}
p.single {padding:0px;margin:0px}
small {font-size: 0.9em !important; color: #aaa}
.justify {text-align: justify;}
.allcaps {text-transform: uppercase;}
.code {display: block; width: 170px; overflow: auto; margin: 0 0 1.4em 0; background: #F5F5F5 !important; padding: 5px; border: 1px solid #fff;}
.code p {font: 1em "Courier New", Courier, mono !important; color: #666666;}
form {margin: 0 0 15px 0;} 
label {margin: 0; padding: 0;}
.listing {float: left; width: 100%;margin: 0; padding: 0px 0 0px 0; background: url(http://searchandgo.com/images/dashed-underline.gif) bottom left repeat-x;}
.listing h3, .listing p {margin: 0;padding:0}
.bctrail {text-align:left;margin-bottom:20px }
#left h3 {font-size:92%}
.wnclnk {padding:0;margin:0}
#paybox {border:1px solid #CCCCCC}
#stdbox {border:1px solid #CCCCCC}
#stdhdr {text-align:center}
#payhdr {text-align:center}
.img {border:none}

/* Content List Styles */
.revlst li {list-style-type:none;padding-left:10px;padding-right:10px}
.revlst2 li {list-style-type:square;padding-left:10px;padding-right:10px;list-style-position:inside}
.revlst3 li {list-style-type:square;padding-left:0px;padding-right:10px;list-style-position:outside;margin-left:20px}
.revlst4 li {padding: 0px 10px 0px 10px;list-style-position:inside}
.revlst5 li {padding: 0px 10px 0px 10px;list-style-position:outside;margin-left:20px}
.revlst6 li {list-style-type:circle;padding-left:10px;padding-right:10px;list-style-position:inside}
.revlst7 li {list-style-type:circle;padding-left:0px;padding-right:10px;list-style-position:outside;margin-left:20px}

/* Sponsors */
.sponsor {text-align: left; display: block;}
.sponsor dt {text-align: left; display: block; font: bold 1.3em Arial, Helvetica, sans-serif;}
.sponsor dd {text-align: left; display: block; margin: 0 0 1em 0;}
.underline {background: url(../images/dashed-underline.gif) bottom left repeat-x;}

/* Search Bar */
#q {width: 190px; margin: 0 0 8px 0; padding: 3px;}
#searchbutton {display: block; float: right; width: 5em; }
* html #searchbutton {top: 3.5em;}
#searchForm {float: left; display: block; margin: 0 0 20px 0;}

/* Headings */
h1 {font: 2.2em Arial, Helvetica, sans-serif !important; color: #666; margin: 0 0 0.4em 0;}
h1 span {font-size: 1em !important; color: #888;}
h2 {font-weight: bold; font-size: 1.2em !important; margin: 0 0 1em 0;}
h2 span {font-size: 1.7em !important;}
h3, h4, h5, h6 {font-weight: bold; margin: 0 0 1em 0;}
.listing h3 {font-size:93%}
#adarea2 h3 {padding-top:0px;margin-top:0px}
h3.centitle {width: 100%;font: 1.2em; color: #505050;text-align:left;border-bottom:1px solid #CCC1AB;display:block}
h3 { display: inline; }

/* Links */
a {color: #CE0C0C  !important; text-decoration: none;}
a:visited {color:  #CE0C0C !important ;}
a:hover {color: #333  !important;}
.greylink {color: #4F4F4F;text-align:left}
.morelinks, .morelinks a, .morelinks a:visited {color: #7F987F !important;text-align:right;margin-bottom:5px}
.morelinks a:hover {color: #333;}
.morelinks2, .morelinks2 a, .morelinks2 a:visited {color: #7F987F !important;text-align:right;margin-bottom:5px;font-weight:normal;font-size:90% !important}
.morelinks2 a:hover {color: #333;font-weight:normal;font-size:90% !important}
.extlinks a, .extlinks a:visited {color: #CE0C0C !important;text-align:left;border-bottom:1px dotted #7F987F}
.extlinks a:hover {color: #666666 !important;}
.underline {background: url("http://searchandgo.com/images/dashed-underline.gif") bottom left repeat-x;}
#entryPreview {background-color:#EFEFEF;margin-bottom:20px}
#entryPreviewTitle {font-weight:bold}
.left {text-align:left}
.compinfo {font-size:1.5em !important}
.compinfo a {color: #CE0C0C !important; text-decoration: none;}
.compinfo a:visited {color: #CE0C0C !important ;}
.compinfo a:hover {color: #333  !important;}


/* Ad Space */
img {margin: 0; padding: 0; border: 0; background: none;}
.ad {float: left; width: 100%; margin: 0 0 10px 0; padding: 0 0 7px 0; width: 100%; }
.ad h4, .ad p {margin: 0; padding: 0;}
.ad p a, .mainhighlight dd a {font-size: 0.9em !important; color: #aaa;}
.ad p a:hover, .mainhighlight dd a:hover {color: #333;}
.adspace a {float: left; clear: both; margin: 0 0 10px 0; padding: 0;}
.adspace a img, .adspace a:visited img, .adspace a:hover img {float: left; clear: both; margin: 0 0 10px 0; padding: 0; }

/* Menu */
.menu {list-style: none; border-top: 1px solid #ccc; margin: 0 0 15px 0;width:100%}
.menu li {border-bottom: 1px solid #ccc;}
.menu ul {display: none; list-style: none;}
.menu ul li {border-top: 1px solid #ccc; border-bottom: none;}
.menu a {display: block; padding: 0 20px 0 10px; list-style: none; color: #CE0C0C !important; text-decoration: none;}
.menu ul li a {padding: 0 20px 0 28px;} 
.menu ul ul li a {padding: 0 20px 0 38px;} 
.menu a:hover {color: #000; background: #B7CDCF;}
.menu ul li a:hover {color: #000; padding: 0 20px 0 28px;} 
.menu ul ul li a:hover {color: #000; padding: 0 20px 0 38px;} 
.menu a:visited {color: #CE0C0C !important;}


/* Menu */
.menu2 {list-style: none; border-top: 1px solid #ccc; margin: 0 0 15px 0;width:100%}
.menu2 li {border-bottom: 1px solid #ccc;}
.menu2 ul {display: none; list-style: none;}
.menu2 ul li {border-top: 1px solid #ccc; border-bottom: none;}
.menu2 a {display: block; padding: 0 20px 0 10px; list-style: none; color: #CE0C0C !important; text-decoration: none;}
.menu2 ul li a {padding: 0 20px 0 28px;} 
.menu2 ul ul li a {padding: 0 20px 0 38px;} 
.menu2 a:hover {color: #000; background: #B7CDCF;}
.menu2 ul li a:hover {color: #000; padding: 0 20px 0 28px;} 
.menu2 ul ul li a:hover {color: #000; padding: 0 20px 0 38px;} 
.menu2 a:visited {color: #CE0C0C !important;}


/* Site Sponsors - not in use */
.sponsors {float: left; width: 100%;list-style-type:none}
.listing ul {margin: 0; padding: 0;list-style-type:none}
.listing li {margin: 0; padding: 0px;list-style-type:none}


/* Footer */
#footer {text-align:center; display: block; width: 100%; padding: 1.4em 0; margin: 0; border-top: 1px solid #ccc;}
#footer ul {margin: 0; padding: 0; list-style: none;}
#footer li {margin: 0 5px 0 0; padding: 0; display: inline;}
#footer a {margin: 0 10px 0 0;}

/* Page Titles */
.dirtitle {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #B7CDCF !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif  !important; text-indent: 10px;}
.dirtitle2 {float: left; width: 100%; margin: 0 0 1px 0 !important; color: #fff !important; background: #B7CDCF !important; padding: 1px 0 2px 0; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif  !important; text-indent: 10px}


/* Column Titles */
#maincol .coltitle {float: left; padding: 1px 0 2px 0; margin: 0; font: bold 1em Arial, Helvetica, sans-serif; text-indent: 10px; color: #222; background: #D4D2E1; border-bottom: 1px solid #fff;}
.coltitle {float: left; width: 100%; padding: 1px 0 2px 0; font: 1.2em Arial, Helvetica, sans-serif  !important; color: #505050;text-align:left;visibility:hidden;}

/* Category Listings - nav.php file in includes folder */
.dir {float: left; list-style: none; display: block;  width: 100%; margin: 0 0 15px 0; background: url("images/highlight-bkg-gal.gif") top left repeat-x;}
.dir li {float: left; display: block;  width: 48%; margin: 0 1% 0 0;}
.dir a, .dir a:visited {float: left; display: block; width: 100%; text-indent: 10px; border-bottom: 1px solid #F9F7F5;}
.dir a:hover { color: #CE0C0C !important ;background: #F4F2ED; border-bottom: 1px solid #ddd; margin: 0;}
.dir a{padding: 0 15px 0 0px}
.dir a:hover {padding: 0 15px 0 0px}

h1.detail-title {font: 1.7em Arial, Helvetica, sans-serif !important; margin: 0 0 0.4em 0;white-space:normal}

/* Special Features */
.author, .author2 {float: left; color: #333333; padding: 10px; margin: 0; background: #eee;text-align:left;width:auto}
div.author, div.author2 {float: left; margin: 0 0 1.4em 0;width:90%}



/* Cat Box */
.catL {width: 48%}
.catR {width: 48%}

/* Other Directory Formatting */
.formrequired { color: red; font-weight: bold; font-size: 1.5em }
.contactErr { background-color: #fff; padding: 3px; border: solid 2px red }
.cent { text-align: center }
.right { text-align: right }
.left { text-align: left }


#adarea0 {margin-left:0px;margin-top:20px;margin-bottom:30px}
#adarea1 {margin-left:0px;margin-bottom:30px}
#adarea2 {margin-left:0px;margin-top:20px;margin-bottom:20px}

.highlight {float: left; width: 100%; margin: 0 0 15px 0; padding: 14px 0 0 0; background: url(images/highlight-bkg.gif) top left repeat-x;}
.highlight dl {float: left; display: inline; margin: 0 0 15px 121px; min-height: 81px;}
* html .highlight dl {height: 81px;}
.highlight dt a, .highlight dt a:visited {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif  !important;border:none;}
.highlight dd a, .highlight dd a:visited { color: #666;border:none;}
.highlight img {position: absolute; top: 14px; left: 0;}
.highlight table img {position: relative; top: 0; left: 0;}
div .highlight:last-child {margin: 0;}
.highlight a img {padding: 2px;border:none;}
.highlight a:hover img {padding: 2px; border:none;}
.highlight p {margin: 0 0 15px 0;}
ul.highlight {margin: 0 !important; padding: 15px 0 !important; list-style: none; float: none;}
ul.highlight li {margin: 0;}
.highlight ul {}

.mainhighlight dl {margin: 15px;}
.mainhighlight dt a, .mainhighlight dt a:visited {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif !important;border:none;}
.mainhighlight dd a, .mainhighlight dd a:visited {font: 1em "Lucida Sans Unicode", "Trebuchet MS", Arial  !important; color: #CE0C0C;border:none;}
.mainhighlight dd a:hover {color: #222 ;}
div .mainhighlight:last-child {background: none; margin: 0;}
.mainhighlight p {margin: 0 0 15px 0;}
.mainhighlight {padding-left:5px;padding-right:5px}
.catimg {text-align:center;border:none;}
.catspon {border: 1px solid #ccc;}
.sponhere {text-align:right;padding-bottom:0px;margin-bottom:0px;color: #CE0C0C;border-top:1px dotted #ccc;font-size:90%}

.xlinks li {list-style-type:square;list-style-position:inside;margin-top:0px;padding-top:0px}
.xlinks ul {margin-top:0px;padding-top:0px}

table { font-size: 100%; }
input, textarea { line-height: 1.2em}

/* Front Page Alpha Index */
.alphaIdx { font-weight: bold; list-style-type: none; margin: 0px 0 0 0; padding: 0; text-align: center;background-color: #fff;border:1px solid #DFDFDF }
.alphaIdx li { display: inline; text-align: center;margin:0px;padding:0 }
.alphaIdx li a { color: #7F9C7E !important;padding: 0 4px 0 4px }
.alphaIdx li a:hover  { color: #CE0C0C !important;background-color: #efefef }
h2#alphaIdx {color: #CE0C0C !important;font-weight: bold; font-size: 1em; margin: 0 0 1em 0;background-color: #EEEEEE;text-align:center}

.catlst {list-style-type:square;list-style-position:inside;margin-left:10px}
#catbox2{margin-top:0px}
.paraline {border-bottom:1px dotted #ccc}

.red {color: #CE0C0C}

.button-nextpage {float: right; display: block; width: 126px; height: 55px; background: url(../images/button-nextpage.gif) bottom left no-repeat;}
.button-prevpage {float: left; display: block; width: 126px; height: 55px; background: url(../images/button-prevpage.gif) bottom left no-repeat;}
.button-nextpage:hover {background: url(../images/button-nextpage.gif) top left no-repeat;}
.button-prevpage:hover {background: url(../images/button-prevpage.gif) top left no-repeat;}
.button-nextpage span, .button-prevpage span {display: none;}

#home-left {position: relative; left: 15px; float: left; width: 47.5%;}
#home-right {position: relative; right: 15px; float: right; width: 47.5%;}