@import url(reset.css);
@import url(default.css);
@import url(menu.css);

body { color: #262320; background: #f2c993 url(../images/bg.jpg); }

/* 
This class already exists in defaults.css as clear-block, this one was never given zoom:1
in IE so it breaks.. I just switched whatever clear_after I needed to with clear-block, but I'll keep this here for reference..
.clear_after:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*/

#container { width: 927px; margin: 0 auto; position: relative; padding: 32px 0 0; }

#header { position: relative; }
#header h1 { background-image: url(../images/logo.gif); background-repeat: no-repeat; text-indent: -9999px; width: 166px; }
#header h1 a:link, #header h1 a:visited { display: block; height: 126px; }
#header h2 { background-image: url(../images/slogan_bg.gif); background-repeat: no-repeat; text-indent: -9999px; width: 700px; height: 13px; position: absolute; top: 63px; right: 21px; }

#search { background: #d6ae81; margin: 0; padding: .75em 2em; width: 223px; position: absolute; top: 32px; right: 22px; }
#search ul { margin: 0; padding: 0; }
#search li { list-style: none outside; }
#search li.form-item { float: left; margin: 0 5px 0 0; }
#search label { color: #3a597c; font-size: 1.1em; }
#search button { background: #000 url(../images/button_bg.gif) repeat-x; border: 1px solid #000; color: #fff; }

#flash { position: relative; left: -25px; top: -20px; }

body.root #main1 { background: #3a597c url(../images/root-main1_bg.gif) repeat-y; position: relative; top: -32px; }

#colLeft { float: left; width: 190px; margin: 0; padding: 0; }
#colLeft .padding { padding: 0; }
body.root #colLeft { width: 309px; }
body.root #colLeft .padding { padding: 30px 25px; position: relative; }

.pimg { position: absolute; left: -37px; z-index: 75; }
#pimg-12 { left: -42px; }
#pimg-14 { left: -47px; }

#colRight { float: right; width: 309px; margin: 0; padding: 0; }
#colRight .padding { padding: 30px 25px; position: relative; }

#content { margin: 0 190px; }
body.root #content { margin: 0 309px; }
#content .floatfix { display: table; height: 1%; width: 100%; margin: 0; padding: 0; }
#content .padding { background: #f7e3b0; padding: 75px 50px 50px; position: relative; z-index: 25; min-height: 500px; font-family: times new roman,times; font-size: 14px; }
#content .padding h3.title { color: #354d65; font-weight: normal; }
#content .padding h3.title a { font-style: italic; font-size: .7em; }
body.root #content .padding { padding: 30px 25px; background: none; min-height: 10px; }
body.member #content .padding { padding: 75px 20px 20px; }

a.more:link, a.more:visited { color: #493027; background: #cc9f6d; text-decoration: none; text-transform: lowercase; display: block; padding: 5px 8px; position: absolute; bottom: 0%; left: 25px; }

h2.title { color: #f7e3b0; background: #004437 url(../images/title_bg.gif) no-repeat left; font-weight: normal; margin: 0 0 10px; padding: 17px 0 13px 45px; position: absolute; top: 0%; left: 0%; width: 692px; }
body.root h2.title { color: #e2ce9d; background: none; font-family: "New Century Schoolbook", Times, serif; text-transform: uppercase; padding: 0; position: static; width: auto; }
body.noLeft h2.title { width: 882px; }

#footer { border-top: 1px solid #cc9f6d; margin: 0; padding: 0; }
#footer li { color: #9f713d; list-style: none outside; font-size: .9em; }
#footer li.first { float: left; padding: 5px 0; }
#footer li.last { color: #685e50; font-size: .8em; text-align: right; background-image: url(../images/footer-last_bg.gif); background-repeat: no-repeat; background-position: top right; padding: 5px 200px 5px 0; }
#footer a:link, #footer a:visited { color: #9f713d; text-decoration: none; }

body.noRight #main2 { background-image: none; }
body.noRight #colRight { display: none; }
body.noRight #content { margin-right: 0; }

body.noLeft #main1 { background-image: none; }
body.noLeft #colLeft { display: none; }
body.noLeft #content { margin-left: 0; }

body.noStructure {}
body.noStructure #colLeft,
body.noStructure #colRight,
body.noStructure #main1,
body.noStructure #main2,
body.noStructure #content,
body.noStructure #header,
body.noStructure #footer,
body.noStructure #menu
{
	display:none;
}
#yellowpages li { list-style: none; padding-top: 5px; }
#paging li { list-style: none; float: left; padding: 5px; }
#cart_category_breadcrumb h2, #cart_category_breadcrumb a.h2 { font-size: 15px; }

#standing_notices {
	width: 500px;
	margin: 3px auto;
	border: 5px solid #860e0e;
	background: #fff;
	font-weight: bold;
}
#standing_notices:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
#standing_notices img {
	float: left;
	margin-right: 10px;
}
.renew_link {
	margin: 3px 0 20px;
	text-align: center;
}

a.btn_sheets { float: right; }