@import url("/inc/menu.css");
@import url("/inc/ppc.css");
@import url("/inc/yshop.css");

/* core tags */
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; background-color:#f2efe9; line-height:17px;}
body li {margin-bottom:8px;}
img { border:none; }
form { margin:0px; }
h1 { font-size:1.7em; color:#B09E78; font-weight:bold; margin-bottom:0px; margin-top:10px; line-height:1em;text-align:left}
h2 { font-size:1.3em; color:#766A50;font-weight:bold; margin-bottom:15px; margin-top:5; line-height:10px;text-align:left; font-family:Arial;}
h3 { font-size:1.1em; color:#7F764B;font-weight:bold; margin-bottom:5px; margin-top:5px; line-height:1.4em;text-align:left}
h4 {font-size:1.4em; color:#E0D8AB;font-weight:normal; margin-bottom:5px; margin-top:8px;text-align:left; margin-left:20px;}
h4 span {text-transform:capitalize;}

span.compare {font-weight:bold; display:inline; color:#b2a86f;}
p.prelist{font-weight:bold;}

#content2 h1 { font-size:1.7em; color:#B09E78; font-weight:normal; margin-bottom:20px; line-height:1em;text-align:left}
#content2 h2 { font-size:1.3em; color:#766A50;font-weight:bold; margin-bottom:10px; margin-top:20px; line-height:1.2em;text-align:left}

/* and if the content does not class the table, we still try to make the font really small*/
#content2 table { text-align:left; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
#content2 ul { list-style-type:none; margin:0; padding:0;}
#content2 td {font-size:12px;  border-top:1px solid #ccc; border-left:1px solid #ccc; padding:4px;}

/* main divs */

/* the only difference between wrapper and wrapper2? one has a right column, so it uses a different tiled background.*/
#wrapper, #wrapper2 { margin:0 auto; width:760px; }
#wrapper { position:relative;background:url(/i/guide2bg.gif) repeat-y; }
#wrapper2 { position:relative;background:url(/i/guide2bg2.gif) repeat-y; }

/* subtle differences between the 2-column and 3-column layouts*/
        #middle {
        width:400px;
        left:-160px; 
        float:right;
        margin-top:120px;
        position:relative;
        }
        #middle2 {
        width:560px;
        left:0px;
        float:right;
        margin-top:115px;
        position:relative;
        }
        #middle3 {
        width:560px;
        position:relative;
        float:right;
        margin-top:120px;
        left:0px;
        }

/* subtle differences between the 2-column and 3-column layouts*/
#content,#content2{font-size:.8em;padding-top:5px;}
#content a:hover { text-decoration:none;}
#content { color:#7F6540; width:510px; position:relative; left:20px; margin-bottom:30px; padding-top:15px;}
#content2 { padding:0 20px 20px 20px; margin-top:0px; color:#7F6540; }
#content3 { background:url(/i/topadvertisers.gif) no-repeat; position:relative; top:0px; padding-top:60px; padding-bottom:200px;}
#right {width:160px; float:right;margin-top:192px; position:relative; left:400px;}
#left { width:200px; float:left;margin-top:196px;}
#left2 { width:200px; float:left;margin-top:125px;}

#header { background:url(/i/header.jpg) no-repeat; width:760px; height:107px; position:absolute; top:18px; }
#header2 { background:url(/i/header.jpg) no-repeat; width:760px; height:107px; position:absolute; top:18px; }
#footer { text-align:center;  clear:both; height:40px; background-color:#028AA0; border-top:3px solid #766A50; color:#E0D8AB; font-size:12px; padding-top:10px; }


#breadcrumbs { position:absolute; top:0px; width:745px; background-color:#7F764B; padding-bottom:4px; padding-left:15px;font-size:.7em;color:#5a0f0d; }
#footer, #footer, #ppc .ppctitle, #ppc, #menu a, #submenu a  { display:block; }
#ppc .ppchost {padding-left:.5em;}
#ppcsl {
color:#766A50;
font-size:11px;
text-transform:none;
}

#ppcsl .kw {
color:#028AA0;
font-style:normal;
font-weight:normal;
}

#ppc {
margin-top:10px;
padding-left:10px;
}

#ppc .ppctitle:link, #ppc .ppctitle:visited, #ppc .ppctitle:active {
font-size:16px;
color:#8C0000;
margin-top:5px;
}

#ppc .ppctitle:hover {
color:#ce0000;
}

#ppc .ppcdescription, #ppc .ppcdescription a:link, #ppc .ppcdescription a:visited, #ppc .ppcdescription a:active {
color:#766A50;
font-size:11px;
line-height:12px;
}

#ppc .ppcdescription:hover {
color:#766A50;
}

#ppc .ppchost:link, #ppc .ppchost:visited, #ppc .ppchost:active {
color:#028AA0;
font-size:11px;
padding-left:0px;
line-height:12px;
font-weight:normal;
}

.footerpos { margin-top:-19px; margin-left:70px;}

/* main div link attributes */
#content a { color:#028AA0; font-weight:bold;}
#content a:hover { color:028AA0; text-decoration:none; }
#content2 a { color:#028AA0; }
#content2 a:hover { color:#028AA0; text-decoration:none;}
#footer a:link, #footer a:visited { font-size:12px; color:#fff; text-decoration:none; margin-left:15px; margin-right:15px;}
#footer a:hover {color:#fff; text-decoration:underline;}
#breadcrumbs a:link, #breadcrumbs a:visited { color:#fff; text-decoration:none; font-size:.85em;}
#breadcrumbs a:hover { color:#5a0f0d}


/* search box. */
#searchbox { height:57px; width:200px; margin-top:4px;}
#searchheader {display:none; color:#7f774b;font-weight:bold; height:13px; width:50px; margin-left:12px; position:relative; top:10px; }
.searchinput {border:0px solid #7F764B; width:150px;  color:#B80000;position:absolute;  margin-left:10px; margin-top:5px; font-weight:bold; padding-left:5px;  font-size:12px;}
.searchgo {margin-left:168px; position:absolute; }

/* if the search box is in "left", it gets positioned above the menu*/
#left #searchbox {margin-top:-71px; background:url(/i/searchbox-bg2.gif) no-repeat; border-left:1px solid #B1A794; width:199px;}
#left #searchbox .searchinput {background:url(/i/search-textbox2.gif) no-repeat; top:147px;}
#left .searchgo {top:151px; margin-left:153px;}

/* if the search box is in "middle", it gets positioned above the content*/
#middle #searchbox {margin-top:-67px; background:url(/i/searchbox-bg.gif) no-repeat;padding-left:50px; width:508px;}
#middle .searchinput {background:url(/i/search-textbox.gif) no-repeat; top:-54px;width:250px; height:20px; margin-left:50px;}
#middle .searchgo {top:22px; margin-top:-71px;margin-left:291px; }


/* site map */
.sitehome a:visited{color:#7F764B;}
#sitemap {font:0.8em/1.6em tahoma;padding-left:20px;color:#7F764B;}
#sitemap ul {list-style-type:none;}
#sitemap ul li a{color:#7F764B;}
#sitemap a, #sitemap a:visited{text-decoration:none;}
#sitemap a:hover {color:#E0D8AB;}
.sitehead {color:#8B321D;}
#col {float:left;width:50%;}

#transparent {
position:absolute;
top:10px;
left:20px;
height:100px;
width:300px;
}

#transparent a {
display:block;
height:100px;
width:300px;
}
#transparent a img {
height:100px;
width:300px;
}

#sitelinking {width:140px;font-size:11px;margin-top:13px;color:#7F764B;margin-bottom:10px;}
#linkblock {margin-left:20px;margin-top:10px;width:100px;border-top:1px solid #d1cdb3;border-bottom:1px solid #d1cdb3;padding:10px;}
#linkblock a:link, #linkblock a:visited, #linkblock a:active{
text-align:center;color:#7F764B;text-decoration:none;font-size:11px;display:block;text-decoration:none;padding-bottom:2px;}
#linkblock a:hover {color:#C6BB7D;}

/* ad styles */

#skyscraper{
text-align: center;
}

#leaderboard{
position: relative;
margin: 5px 0;
text-align: center;
}

#button{
text-align: center;
padding: 10px 0 10px 0;
}

#medrect{
position: relative;
text-align: center;
padding: 10px 0;
}


 /* --------------- Service Majic Widget Formatting ------------------*/
.zip-wrapper {
	margin-bottom:25px;
	height:55px;
	margin-top:-30px;
}

#find-local {
    font-size:18px;
    color:#157e8e;
    font-family:Arial, Helvetica, sans-serif;
    float:left;
    line-height:50px;
    width: 88px;
}
div#h5 {
   width:295px;
   float:left;
}

#zip-box{
    background:url(/i/servicemagic/zip-horizontal.jpg) no-repeat;
    height:124px;
    width:530px;
    margin-top: 25px;
}

#zipfields {
    float:left;
    width:147px;
}

#zipbutton {
    margin-top:-18px;
    float: right;
    width:76px;
}

#zip {
    float: left;
    width:70px;
    margin-top: 17px;
    background-color: #fff;
    border-style: none;
}

#zipText {
    font-size:16px;
    color:#fff;
    margin-top:18px;
    padding-left:10px;
    clear: both;

}

.cleardefault {
    width:50px;
    margin-left:10px;
}

/* NEW searchbox */

#searchbox3 {
	width:200px;
	height:100px;
	background:url(/i/searchbox-bg3.jpg) no-repeat;
}

#searchbox3 .searchinput {
	margin-top:29px;
	margin-left:14px;
	height:11px;
	width:133px;
}

#searchbox3 .searchgo {
	margin-left:153px;
	margin-top:26px;
}