/* FRY Online CSS */

/* Reset parameters for cross browser compatibility
---------------------------------------------------------- */
* {margin: 0px; padding: 0px;}
html {height: 100.1%; /* vert scroll in firefox */	margin-bottom: 1px; /* vert scroll in safari */}

/* Body Setup
---------------------------------------------------------- */
body {margin: 0 auto; background: #00664B/*#00775C*/; text-align: center; color: #00775C; font-family: Arial, Helvetica, sans-serif; font-size: small;}
* html body {font-size: x-small; /* for IE5/Win */ f\ont-size: small; /* for other IE versions */}
form.nomarg {padding: 0; margin: 0;}

/* Site Wrapper
---------------------------------------------------------- */
div#wrapper {margin: 0 auto; background-color: #FFF; text-align: left; width: 832px;}
div#wrapper h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif;}
div#wrapper p {font-family: Arial, Helvetica, sans-serif;}
div#wrapper p.first-para {font-weight: bold;}
div.shadow-left {background: url(images/shadow-left.gif) left repeat-y; padding-left: 15px;}
div.shadow-right {background: url(images/shadow-right.gif) right repeat-y; padding-right: 15px;}

.floatclear {clear: both; font-size: 0px; line-height: 0%; height: 0px;}
.searchtag {display: none;}

/* Header
---------------------------------------------------------- */
div#header-wrap {background: #FFF url(images/header-bg.gif) no-repeat; height: 128px; margin: 0 21px;}
div#header {text-align: left; height: 128px;}
div#header img.button {width: 760px; height: 128px;}
div#header h1 {float: left; margin: 45px 0 0 0; font-style: italic; font-weight: normal; font-size: 140%; display: inline;/* Win IE double margin float bug fix */}
div#header img {float: left; margin-right: 22px; display: inline;/* Win IE double margin float bug fix */}
div#header img.logo {margin-right: 0;}
/*div.breadtext {float: left; display: inline;}
table.googletable {float: right; display: inline;}*/

/* Advertising Band
---------------------------------------------------------- */
div.advert-band {background: #FFF; height: 88px; margin: 2px 21px;}
div.advert-band img.left {float: left; margin: 0; display: inline;/* Win IE double margin float bug fix */}
div.advert-band img.normal {margin-left: 2px;}

/* Breadcrumb Stripe
---------------------------------------------------------- */
div#breadcrumb {float: left; display: inline; background: #004B34 url(images/bg-breadcrumb.gif) top repeat-x; width: 760px; color: #FFF; margin: 0 21px;}
div#breadcrumb p {color: #FFF; font-size: 95%;}
div#breadcrumb a {color: #FFF;}
div#breadcrumb a:link {text-decoration: underline;}
div#breadcrumb a:visited {text-decoration: underline;}
div#breadcrumb a:hover {text-decoration: none;}
div#breadcrumb a:active {text-decoration: underline;}
div#breadcrumb div.text {float: left; padding: 10px;}
div#breadcrumb div.google {float: right; padding-right: 10px;}
div#breadcrumb div.google img.gimg {float: left; padding: 8px 5px 0 0; margin: 0;}
div#breadcrumb div.google img.go {float: left; padding: 10px 0 0 0; margin: 0;}
div#breadcrumb div.google input {float: left; border: 0; margin: 0; padding: 0; font-size: 11px; line-height: 11px; margin: 12px 0 0 0;}

/* Menu Column
---------------------------------------------------------- */
div#col-menu {float: left; margin: 0 2px 10px 21px; width: 152px; \width: 154px; w\idth: 152px; display: inline;}

/* Menu */
#menu {background: none; margin: 0; padding: 0; border-bottom: 1px solid #FFF; font-size: 83%; line-height: 110%; width: 152px;}
#menu ul {list-style: none; margin: 0; padding: 0; border: 0;}
#menu li {margin: 0;}
#menu li a.bottom {border: none;}
html>body #menu li a.bottom {border: none;}
#menu li a {padding: 5px 10px 5px 15px; border-bottom: 1px /*dotted*/solid #CECECE; color: #00775C; text-decoration: none; margin: 0; display: block;}
html>body #menu li a {width: 127px; text-decoration: none;}
#menu li a.select {color: #00775C;}
html>body #menu li a.select {color: #00775C;}
html>body #menu li ul li a {width: 102px; text-decoration: none;}
#menu li a:hover {padding-left: 15px; background-color: #F0F7F5; color: #00573C; text-decoration: none;}
#menu li ul li {margin: 0;}
#menu li ul li a:hover {padding-left: 40px; background-color: #F0F7F5; color: #00573C; text-decoration: none;}
#menu li ul a {padding-left: 40px; text-decoration: none;}
#menu li ul a:link {background: #FFF; color: #77A69C;}
#menu li ul a:visited {background: #FFF; color: #87B6AC;}
#menu li ul a:hover {background: #FFF; color: #77A69C;}
#menu li ul a:active {background: #FFF; color: #77A69C;}
ul.hiddenul {display: none;}

/* Form */
form#login {display: none; background: url(images/login-bg-corner.gif) left bottom no-repeat #485A4C; width: 152px; padding-bottom: 10px; margin-bottom: 4px;}
form#login div#title {display: block; background: #00775C; color: #FFF; padding: 5px 10px; margin-bottom: 8px; font-weight: bold; color: #FFF; font-size: 95%;}
form#login label {display: block; margin: 3px 0 3px 10px; color: #FFF; font-weight: bold; font-size: 90%;}
form#login input {margin-left: 10px; background: #FFF; border: 1px solid #FFF; width: 126px;}
form#login input.submit {display: block; background: #485A4C; margin: 8px 0 10px 10px; padding: 2px 8px; border: 1px solid #FFF; color: #FFF; font-weight: bold; font-size: 95%; width: auto;}
form#login p {margin-left: 10px; color: #FFF; font-size: 90%;}
form#login a {color: #FFF;}
form#login a:link {text-decoration: underline;}
form#login a:visited {text-decoration: underline;}
form#login a:hover {text-decoration: none;}
form#login a:active {text-decoration: underline;}
input.greensubmit {background: #FFF; border: 1px solid #485A4C; width: 126px;}
input.editdir {background: #FFF; border: 1px solid #485A4C;}

/* Content Column
---------------------------------------------------------- */
div#col-content {float: left; background: #FFF; margin: 0 0 10px 0; width: 454px; display: inline;/* Win IE double margin float bug fix */}

div.article-main-wrap {float: left; display: inline; background: url(images/bg-grad-lt-green.gif) repeat-x #DEEBE8; margin: 0 0px 2px 0; width: 454px;}
div.article-main {float: left; display: inline; padding: 10px; width: 434px; \width: 454px; w\idth: 434px;}
div.article-main h1 {font-size: 180%;}
div.article-main p {font-size: 92%; line-height: 130%; margin: 5px 0 5px 0; font-weight: normal;}
div.article-main img.img1 {float: left; /* border: 5px solid #FFF;*/ margin: 0 10px 10px 0; display: inline;/* Win IE double margin float bug fix */}
div.article-main img.img2 {float: right; /*border: 5px solid #FFF;*/ margin: 0 10px 10px 0; display: inline;/* Win IE double margin float bug fix */}
div.article-main p.phr {background: url(images/article-main-h-dot.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
div.article-main a {color: #00775C;}
div.article-main ul li {/*list-style: none;*/ padding: 0px; margin: 14px;}
div.article-main a:link {text-decoration: underline;}
div.article-main a:visited {text-decoration: underline;}
div.article-main a:hover {text-decoration: none;}
div.article-main a:active {text-decoration: underline;}
div.article-main select {font-size: 90%;}

div.article-sub-wrap {float: left; background: url(images/bg-grad-dk-green.gif) repeat-x #72A996; margin: 0 0 2px 0; width: 226px; display: inline;/* Win IE double margin float bug fix */}
div.article-sub {padding: 10px;}
div.article-sub h1 {font-size: 160%; color: #00785D;}
div.article-sub p {font-size: 90%; line-height: 125%;}
div.article-sub img {/*border: 5px solid #FFF;*/ margin: 0 0 10px 5px;}
div.article-sub p.phr {background: url(images/article-sub-h-dot.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
div.article-sub a {color: #00775C;}
div.article-sub a:link {text-decoration: underline;}
div.article-sub a:visited {text-decoration: underline;}
div.article-sub a:hover {text-decoration: none;}
div.article-sub a:active {text-decoration: underline;}

div.article-news-wrap {float: left; background: url(images/bg-grad-mid-green.gif) repeat-x #C5DBD5; margin: 0 0 2px 2px; width: 226px; display: inline;/* Win IE double margin float bug fix */}
div.article-news {padding: 10px;}
div.article-news h1 {font-size: 160%;}
#news-items {margin-top: 5px;}
#news-items ul {list-style-type: none; width: auto;}
#news-items li {border-top: 1px solid #A8B9B5; margin: 0;}
#news-items li a {color: #686A69; display: block; font-size: 90%; font-weight: bold; padding: 6px; text-decoration: none;}
* html #news-items li a {width: auto;}
#news-items li a:hover {background: #C1D9D3;}
#news-items a span {display: block; margin-top: 3px; color: #6C643C; font-size: 80%; font-weight: normal; line-height: 150%;}

div.article {float: left; background: url(images/article-main-h-dot.gif) bottom repeat-x #FFF; padding: 0 0 12px 0; width: 422px; \width: 434px; w\idth: 422px; margin: 10px 10px 0 12px; display: inline;/* Win IE double margin float bug fix */}
div.article h1 {font-size: 120%; margin-bottom: 5px;}
div.article p {font-size: 90%; line-height: 125%;}
div.article img {border: 5px solid #FFF; margin: 0 10px 10px 0;}
div.article a {color: #00775C;}
div.article a:link {text-decoration: underline;}
div.article a:visited {text-decoration: underline;}
div.article a:hover {text-decoration: none;}
div.article a:active {text-decoration: underline;}
/*img.img1 {float: left; border: 5px solid #FFF; margin: 0 10px 10px 0; display: inline;*//* Win IE double margin float bug fix }*/
/*img.img2 {float: right; border: 5px solid #FFF; margin: 0 10px 10px 0; display: inline;*//* Win IE double margin float bug fix }*/

/* Magazine Directory Page */
div.orangebox {float: left; width: 406px; \width: 426px; w\idth: 406px; background: #B3D0CA; border: 1px dotted #76ABA0; border-width: 1px 0; padding: 10px;}
div.orangebox2 {float: left; width: 406px; \width: 426px; w\idth: 406px; background: #B3D0CA; border: 1px dotted #76ABA0; border-width: 0 0 1px 0; padding: 10px;}
div.topmargin {margin: 10px 0 0 0;}
div.orangebox div.text, div.orangebox2 div.text {float: left; width: 380px;}
div.orangebox input.cb, div.orangebox2 input.cb {float: right; margin-top: 10px;}
table.formtable td.smallpadding {padding-top: 2px;}
input.submitorange {background: #619A86 url(images/bg-grad-dk-green.gif) top repeat-x; border: 1px #FFF solid; color: #FFF; font-weight: bold; overflow: visible; padding: 3px 5px;}
input.submitgreen {background: #00775C url(images/button-green.gif) top repeat-x; border: 1px #FFF solid; color: #FFF; font-weight: bold; overflow: visible; padding: 3px 5px;}

/* Directory */
div.dircat {margin: 5px 0; font-size: 100%;}
div.dircat a {color: #4D4F4E;}
div.bold div.dircomp {border: none;}
div.dircomp {float: left; width: 420px; \width: 434px; w\idth: 420px; clear: left; padding: 7px; border: 1px solid #C3C3C3; border-width: 0 0 1px 0;}
div.dirtext {float: left; display: inline; width: 255px; \width: 269px; w\idth: 255px;}
div.bold {float: left; background: #C5DBD5 url(images/bg-grad-mid-green.gif) top repeat-x; border: none; margin-bottom: 2px;/*#FDC26A url(images/grad.gif) top repeat-x;*/}

/* Company Page */
img.complogo {float: left; padding: 3px 7px 7px 3px;}
div.complogo {float: left; display: inline; width: 164px;}
div.companybox {background: #DCDCDC; padding: 0; width: 358px; margin: 10px 0 0 0;}
/*ESCAPE*/div.servicebox {background: #DCDCDC; padding: 8px; width: 212px; \width: 228px; w\idth: 212px; margin: 20px 0 0 0;}
/*ESCAPE*/div.logobox {background: #DCDCDC; padding: 3px; width: 352px; \width: 358px; w\idth: 352px; min-height: 85px;}
/*ESCAPE*/div.pressbox {background: #DCDCDC url("../images/background/hdotwh2.gif") top repeat-x; padding: 8px; width: 342px; \width: 358px; w\idth: 342px; min-height: 40px;}
div.editdirectory {padding: 0; width: 430px; margin: 10px 0 0 0;}
/*ESCAPE*/div.logobox2 {background: #C5DBD5 url(images/bg-grad-mid-green.gif) top repeat-x; padding: 3px; width: 424x; \width: 434px; w\idth: 424px; min-height: 85px;}
/*ESCAPE*/div.pressbox2 {float: left; background: #C5DBD5 url(images/bg-grad-mid-green.gif) top repeat-x; padding: 7px; width: 420x; \width: 434px; w\idth: 420px; min-height: 40px; margin-bottom: 2px;}

/* Form Table */
table.formtable {border-collapse: collapse;}
table.formtable td,table.formtable th {padding: 4px;}
input.fixwidth, textarea.fixwidth {width: 200px;}
input.filter {display: none;}

/* Business Sales */
div.clearbg {float: left; display: inline; padding: 10px; width: 438px; \width: 458px; w\idth: 438px;}
div.clearbg p.phr {background: url(images/article-sub-h-dot.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 10px; line-height: 1px;}
div.clearbg a {color:#00775C;}
table.saletable {/*border: 1px #000 solid; border-width: 1px 1px 1px 1px;*/ margin: 0; border-collapse: collapse;}
table.saletable td, table.saletable th {padding: 7px; vertical-align: top; text-align: left;}
table.saletable td {/*border: 1px #000 solid; border-width: 0 0 1px 0;*/}
table.saletable tr.ltgreen td {background: #C5DBD5 url(images/bg-grad-mid-green.gif) top repeat-x;}
table.saletable tr.dkgreen td {background: none;}

/* Advertising Column
---------------------------------------------------------- */
div#col-advert {float: left; margin: 0 0 10px 2px; width: 150px; \width: 152px; w\idth: 150px;/* Escape hack to fix broken IE box model */ display: inline;/* Win IE double margin float bug fix */}
div#col-advert img, div#col-menu img {margin: 2px 0 0 0;}

/* Footer
---------------------------------------------------------- */
div#footer {background: #00775C; width: 740px; \width: 760px; w\idth: 740px; margin: 0 21px; padding: 10px; border-bottom: 20px solid #FFF; color: #FFF; font-size: 90%;}
div#footer span.divider {color: #FFF;}
div#footer a {color: #FFF;}
div#footer a:link {text-decoration: none;}
div#footer a:visited {text-decoration: none;}
div#footer a:hover {text-decoration: underline;}
div#footer a:active {text-decoration: none;}

div#subfooter {float: left; width: 832px; height: 15px; background: url(images/shadow-bottom.gif) bottom repeat-x;}
div#subfooter div.shadow-bottom-left {float: left; width: 15px; height: 15px; background: url(images/shadow-bottom-left.gif) bottom left no-repeat;}
div#subfooter div.shadow-bottom-right {float: right; width: 15px; height: 15px; background: url(images/shadow-bottom-right.gif) bottom right no-repeat;}

/* PDF Page */
div.download {float: left; padding: 10px; border: 1px solid #00775C; background: #C5DBD5 url(images/bg-grad-mid-green.gif) top repeat-x; margin: 10px 0 0 0;}
div.download a {float: left; display: inline; position: relative; top: 4px;}
div.download img {float: left; display: inline; margin-left: 10px; position: relative; top: -3px;}