/*
note this file needs to change to fix the spacing problem associated with frmRow elements
in ie6 & ie7, this may be associated with the h1 tag
*/

body {margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt;/* background: #B7BDDF url(http://www.ansakimg.com/images/classifieds/bg_main.gif) top repeat-x;*/}

hr {border: 1px  solid #CCCCCC; background: #CCCCCC; height: 1px;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: 0;}
h1 {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: olive; font-size: 24px; font-weight: normal; color: olive; text-align: left; margin: 0;/*ie6 compatibility*/}
h1 a {font-family: inherit; font-size: inherit; font-weight: inherit;}

/* page header */
#pHeader {width: auto; margin: 0;}/* to override design.css */
#pHeader .headWrap, .breadcrumbs, #pBody .bodyWrap, #pFooter .footWrap {background: #fff; width: 960px; padding: 0px 10px; margin: 0 auto;}
#pHeader .headWrap {width: 980px; padding: 0;}
#pHeader .mainHd {margin: 12px 0;}
#pHeader .logo {float: left; width: 290px;}
#pHeader .main {float: right; width: 680px; margin-left: 0;}
#pHeader .lt {float: left; width: 280px;}
#pHeader .rt {float: right; width: 300px;}
#pHeader .loc {margin-top: 16px; margin-left: 50px; font-size: 16px;}
.manageAds {float: right; margin-top: 7px; width: 280px;}
.mLink, .mLink .l, .mLink .r {height: 30px; display: block; background: url(http://www.ansakimg.com/images/classifieds/manage_link_bg_green.gif) center center no-repeat;}
.mLink {background-repeat: repeat-x; background-color: #fffbb7;}
.mLink .l {background-position: top left; padding-left: 5px;}
.mLink .r {background-position: bottom right; padding-right: 5px;}
a.mLinkText {display: block; color: #3A4F14; text-align: center; font-size: 14px; font-weight: bold; height: 14px; padding: 7px;}
.breadcrumbs {padding-top: 5px}

/* clear fix */
.cleared:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cleared {zoom: 1;}

/* store navigation/extend navigation */ 
.navCls {margin-top: 0; margin-left: 20px; width: 90%;}
.navCls .spacer {float: right;}
/* default state */
.navCls .link .left {float: right; background: #7841A0 url(http://www.ansakimg.com/images/classifieds/gd.gif) no-repeat left -90px;}
.navCls .link .right {float: right; background: #7841A0 url(http://www.ansakimg.com/images/classifieds/gd.gif) no-repeat left -150px;}
.navCls .link .middle {float: right; background: #7841A0 url(http://www.ansakimg.com/images/classifieds/gd.gif) repeat-x left -120px; font-size: 10pt; font-weight: bold; color: #FFFFFF; padding: 6px 15px;}
/* link:hover */
.navCls .link:hover .left {background: #D6D6D6 url(http://www.ansakimg.com/images/classifieds/gd.gif) no-repeat left -180px;}
.navCls .link:hover .right {background: #D6D6D6 url(http://www.ansakimg.com/images/classifieds/gd.gif) no-repeat left -240px;}
.navCls .link:hover .middle {background: #D6D6D6 url(http://www.ansakimg.com/images/classifieds/gd.gif) repeat-x left -210px; color: #515151;}
/* selected, selected:hover states */
.navCls .selected .left,
.navCls .selected:hover .left {background: #B9B9B9 url(http://www.ansakimg.com/images/classifieds/gd.gif) no-repeat left -0px;}
.navCls .selected .right,
.navCls .selected:hover .right {background: #B9B9B9 url(http://www.ansakimg.com/images/classifieds/gd.gif) no-repeat left -60px;}
.navCls .selected .middle,
.navCls .selected:hover .middle {background: #B9B9B9 url(http://www.ansakimg.com/images/classifieds/gd.gif) repeat-x left -30px; color: #515151;}
.navCls .notice .middle {color: #CC0000;}
/* bottom strip */
/* change everywhere else .navBottom{X} to .nav{X}Bottom */
.navClsBottom {width: 980px; margin: 0 auto; background: #e9e0f0; border-bottom: 1px solid #d2bfe2;}
.navClsBottom img {height: 3px;}

/* subnavigation (this could extend basicNav) */
.subNav {}
.subNav ul {background: #E4D9EC url(http://www.ansakimg.com/images/classifieds/gd.gif) repeat-x 0 -285px;}
/* default state */
.subNav ul li {display: inline; margin: 0px;}
.subNav ul li a {color: #515151; border-right: 1px solid #CDBDDA; padding: 8px;}
/* hover & selected state */
.subNav ul li a:hover, .subNav ul li a.selected {background: #D5C6E0 url(http://www.ansakimg.com/images/classifieds/gd.gif) repeat-x 0 -315px;}

/* default mod */
div.mod {width: auto}
div.mod .hd, div.mod .ft {height: 8px; position: relative; background: url(http://www.ansakimg.com/images/classifieds/curve_pixel.gif) top center repeat-x;}
div.mod .ft {background-position: bottom;}
div.mod .hd b, div.mod .ft b {height: 8px; width: 8px; position: relative; display: block; margin-bottom: -15px; line-height: 0.01em; font-size: 0.01em;}
div.mod .hd b.l {float: left; background: url(http://www.ansakimg.com/images/classifieds/curve_corner_tl.gif) top left no-repeat;}
div.mod .hd b.r {float: right; background: url(http://www.ansakimg.com/images/classifieds/curve_corner_tr.gif) top right no-repeat;}
div.mod .ft b.l {float: left; background: url(http://www.ansakimg.com/images/classifieds/curve_corner_bl.gif) bottom left no-repeat;}
div.mod .ft b.r {float: right; background: url(http://www.ansakimg.com/images/classifieds/curve_corner_br.gif) bottom right no-repeat;}
div.mod .tt, div.mod .bd {border-left: 1px solid #dfdede; border-right: 1px solid #dfdede;}
div.mod .tt {padding: 0 10px 6px 10px; font-size: 16px; font-weight: bold;}
div.mod .tt span.f {float: left; font-size: inherit; font-weight: inherit;}
div.mod .tt .opp {float: right;}
div.mod .tt a.oppLink {float: right; font-weight: bold;}
div.mod .bd .content {padding: 5px 10px;}
div.mod .bd .contentSidePad {padding: 0px 6px;}
div.mod .bd .contentFullPad {padding: 10px;}
div.mod .bd .content :first-child {margin-top: 0;}
div.mod .bd .content h1 {margin-bottom: 17px;}/* to exclude h1 */
div.mod .bd .contentResultSetTop {padding: 5px 10px 6px;}
div.mod .bd .contentResultSetBtm {padding: 5px 5px 0;}
.genMsg, .informalMod {background: #E6F2FE;}

/* mod style 1: similar to store nav */
div.mod1 .hd, div.mod1 .tt {background: #7841A0 url(http://www.ansakimg.com/images/classifieds/gd.gif) repeat-x left -210px}
div.mod1 .hd .l {background: url(http://www.ansakimg.com/images/classifieds/dark_blue_curve_8px.gif) top left no-repeat;}
div.mod1 .hd .r {background: url(http://www.ansakimg.com/images/classifieds/dark_blue_curve_8px.gif) top right no-repeat;}
div.mod1 .tt {background-position: center -218px; font-size: 13px; color: #333;}
div.mod1 .tt a.oppLink {color: #FFDB7E;}
div.mod1 .bd .content {padding: 10px; padding-bottom: 2px;}
div.mod1 .bd .content.medPad {padding: 5px; padding-bottom: 0px;}

/* mod style 2: grey */
div.mod2 .hd, div.mod2 .tt {background-color: #E6E6E6;}

/* refinement panel (mod) */
div.refPanel .hd, div.refPanel .tt {background: url(http://www.ansakimg.com/images/classifieds/gd.gif) 0 -345px repeat-x;}
div.refPanel .tt {background: url(http://www.ansakimg.com/images/classifieds/gd.gif) 0 -353px repeat-x; border-bottom: 1px solid #DFDEDE; color: #5F347E; font-size: 15pt; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center;}
.refinements .header {background: #F3F3F3 url(http://www.ansakimg.com/images/www/gd_set_1.gif) 0 -260px repeat-x; border-top: 1px solid #DFDEDE; font-size: 16px; font-weight: bold; padding: 6px;}

#pBody {background: url(http://www.ansakimg.com/images/body_shadow.png) top center repeat-y;}
#pBody .bodyWrap {padding-top: 15px; padding-bottom: 15px;}
#pBody .topSrch {width: 980px; padding: 7px 0px; margin: 0 auto; background: #EAEAEA url(http://www.ansakimg.com/images/search_bg_mid.gif) repeat-x center bottom;}
#pBody .topGenSrch * {font-size: 14px;}
.leftCol {float: left; width: 220px;}
.mainCol {float: right; width: 725px;}
.colsRc .mainCol {float: left; width: 695px;}
.colsRc .rightCol {float: right; width: 250px;}
.colsRc2 .mainCol {float: left; width: 630px;}
.colsRc2 .rightCol {float: right; width: 320px;}
.leftCol .mod, .mainCol .mod, .rightCol .mod {margin-bottom: 15px;}
.leftCol .mod:last-child, .mainCol .mod:last-child, .rightCol .mod:last-child {margin-bottom: 0;}

#pFooter, #pFooter * {}
#pFooter, #pFooter a {}
#pFooter a.fb {font-weight: bold;}
#pFooter .footWrap {height: 60px; padding-top: 20px; padding-bottom: 10px; background: url(http://www.ansakimg.com/images/classifieds/footer.gif) repeat-x 0 -11px; text-align: center;}
#pFooter .copyright, #pFooter .copyright a {color: #999;}
#pFooter .sep {padding: 0 7px; color: #ccc;}

ul.prim {margin: 10px 0; padding: 0; padding-left: 25px;}
ul.noblt {list-style: none outside none; margin: 0; padding: 0}
ul.sp li {margin-bottom: 10px;}
ul.sp li:last-child {margin-bottom: 0px;}
ul.spaced li {margin-bottom: 3px;}
ul.spaced li:last-child {margin-bottom: 0px;}

ul.sideLinks {margin: 0; padding: 0; padding-left: 20px;}
ul.sideLinks li {margin-bottom: 4px;}
ul.sideLinks li.selected,
ul.sideLinks li.selected a {color: #000; text-decoration: none; font-weight: bold;}
ul.sideLinks li:last-child {margin-bottom: 0px;}

/* store control panel */
.myAds#page h1 {font-size: 24px;}
.myAds#page .leftCol {width: 180px;}
.myAds#page .mainCol {width: 765px;}
.myAds#page ul.sideLinks {margin: 0; padding: 0; padding-left: 20px;}
.myAds#page ul.sideLinks li {margin-bottom: 4px;}
.myAds#page ul.sideLinks li.selected {font-weight: bold;}
.myAds#page ul.sideLinks li:last-child {margin-bottom: 0px;}