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

/* core tags */
body { margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#c0c0c0; }
body li {margin-bottom:8px;}
img { border:none; }
form { margin:0px; }
h1 { font-size:1.7em; color:#81939a; font-weight:normal; margin-bottom:20px; margin-top:30px; line-height:1em;text-align:left}
h2 { font-size:1.2em; color:#586a70;font-weight:normal; margin-bottom:30px; margin-top:-15px; line-height:1.2em;text-align:left}
h3 { font-size:1.0em; color:#2a434f;font-weight:bold; margin-bottom:5px; margin-top:5px; line-height:1.4em;text-align:left;}
h4 {font-size:1.4em; color:#2a434f;font-weight:normal; margin-bottom:5px; margin-top:8px;text-align:left; margin-left:20px;}
h4 span {text-transform:capitalize;}
#content2 h1 { font-size:1.7em; color:#81939a; font-weight:normal; margin-bottom:20px; line-height:1em;text-align:left}
#content2 h2 { font-size:1.2em; color:#586a70;font-weight:normal; margin-bottom:10px; margin-top:20px; line-height:1.2em;text-align:left}

#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/guide2bg2.gif) repeat-y scroll 0% 50%; }
#wrapper2 { position:relative;background:url(/i/guide2bg2.gif) repeat-y; }

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

/* subtle differences between the 2-column and 3-column layouts*/
#content,#content2{font-size:.8em;line-height:1.2em;}
#content { color:#000; width:505px; position:relative; left:20px; margin-bottom:30px;}
#content2 { padding:0 20px 20px 20px; margin-top:0px; color:#3a5c6d; }
#content3 { background:url(/i/topadvertisers.gif) no-repeat; position:relative; top:0px; padding-top:60px; padding-bottom:200px;}
#left { width:200px; float:left;margin-top:192px;}

#header { position:absolute; top:15px; }
#footer { text-align:center;  clear:both; height:40px; background-color:#2a434f; border-top:3px solid #81939a; color:#81939a;}
#breadcrumbs { position:absolute; top:0px; width:745px; background-color:#3A5C6D; padding-bottom:4px; padding-left:15px;font-size:.7em;color:#CCCCCC;}
#footer, #ppc .ppctitle, #ppc .ppchost, #menu a, #submenu a  { display:block; }

/* main div link attributes */
#content a:link, #content a:visited { color:#ba8e63}
#content a:hover { color: #BA8E63; text-decoration:none;}
#content2 a, #content2 a:visited { color:#ba8e63;}
#content2 a:hover { color:#7e6043}
#footer a:link, #footer a:visited { font-size:.7em; color:#fff; text-decoration:none; margin-left:15px; margin-right:15px;}
#footer a:hover {color:#81939a}
#breadcrumbs a:link, #breadcrumbs a:visited { color:#fff; text-decoration:none; font-size:.85em;}
#breadcrumbs a:hover { color:#fff; text-decoration:underline;}
/* search box. */
#searchbox {height:60px;}
#searchheader {color:white;font-weight:bold; height:13px; width:50px; margin-left:12px; position:relative; top:10px; }
.searchinput {border:0px solid #2a434f; width:150px;  color:#2a434f;position:absolute;  margin-left:10px; margin-top:5px;}
.searchgo {margin-left:168px; position:absolute; }
/* if the search box is in "left", it gets positioned above the menu*/
#left #searchbox {background-color:#2a434f;}
#left #searchbox .searchinput {top:222px;}
#left .searchgo {top:222px; }
/* if the search box is in "middle", it gets positioned above the content*/
#middle #searchbox {background-color:#81939a; padding-left:50px; width:510px; }
#middle .searchinput {top:26px;width:250px; font-weight: bold;}
#middle .searchgo {top:23px; margin-top:5px;margin-left:270px; }

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

#transparent {
position:absolute;
top:0;
left:0px;
height:200px;
width:760px;
}

#transparent a {
display:block;
height:200px;
width:760px;
}
#transparent a img {
height:200px;
width:760px;
}


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

/* ad styles */

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