/* CSS for Lowcate */

/* SECTIONS */
/*+++++++++++++++ header ++++++++++++++*/
/*++++++++++++++ main search +++++++++++++++*/
/*+++++++++++++++ nav +++++++++++++++++*/
/*+++++++++++++++ main ++++++++++++++++*/
/*+++++++++++ main content +++++++++++*/
/*+++++++++++++++ create account - manage account +++++++++++++++*/
/*+++++++++++++++ footer +++++++++++++++*/


/* COLORS */
/*
#bbbbbb - light gray/input border
#9e1517 - red heading/links
#c5161d - red
#003366 - dark blue/links
#62939d - blue/green
#aa2d2b - dark red
#c7dae0 - light blue
#747ea1 - light blue hover
*/

* {
	font-family: verdana, geneva, sans-serif;
	margin: 0;
	padding: 0;
}
* html a:hover { visibility: visible; }

body {
	background: url('/images/bg_body_int.gif') repeat-y right;
	text-align: left;
	font-size: 78%;
	line-height: 1.5em;
}

input { 
	padding: 2px;
	border: solid 1px #bbbbbb; 
}
option { padding: 1px 5px 1px 2px; }
textarea {
	width: 200px;
	height: 200px;
	padding: 2px;
	font-size: 1em;
}
ul { margin: 0 0 10px 25px; }
li { margin: 3px 0; }
blockquote { margin: 20px; }

h1, h2, h3, h4, h5 { font-weight: normal; }
h2 {
	margin: 10px 0 15px 0;
	font-size: 1.7em;
	color: #9e1517;
}
h3 {
	margin: 5px 0;
	font-size: 1.3em;
}

input.submit-sm, input.submit-sm-on, input.submit-med, input.submit-med-on, input.submit-lg, input.submit-lg-on {
	margin: 0;
	border: 0;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}

input.submit-sm, input.submit-sm-on {
	width: 22px;
	height: 22px;
	background: url('/images/bg_submit_sm.gif') no-repeat;
	font-size: 11px;
}
/*input.submit-sm:hover { background: url('/images/bg_submit_sm_on.gif') no-repeat; }*/
input.submit-sm-on { background: url('/images/bg_submit_sm_on.gif') no-repeat; }

input.submit-med, input.submit-med-on {
	width: 89px;
	height: 24px;
	background: url('/images/bg_submit_med.gif') no-repeat;
	font-size: 11px;
}
/*input.submit-med:hover { background: url('/images/bg_submit_med_on.gif') no-repeat; }*/
input.submit-med-on { background: url('/images/bg_submit_med_on.gif') no-repeat; }

input.submit-lg, input.submit-lg-on {
	width: 130px;
	height: 35px;
	margin: 10px 0;
	font-size: 18px;
	background: url('/images/bg_submit_lg.gif') no-repeat;
}
/*input.submit-lg:hover { background: url('/images/bg_submit_lg_on.gif') no-repeat; }*/
input.submit-lg-on { background: url('/images/bg_submit_lg_on.gif') no-repeat; }

/*input.submit-lg, input.submit-lg-on {
	width: 132px;
	height: 37px;
	margin: 10px 0;
	font-size: 18px;
}
input.submit-lg { background: url('/images/bg_submit_lg.gif') no-repeat; }
input.submit-lg-on { background: url('/images/bg_submit_lg_on.gif') no-repeat; }*/

.cat-option {
	font-weight: bold;
	color: #c5161d;
}

.area {
	margin: 0 10px 0 0;
	background: #ffffff;
	border: 0;
	color: #003366;
	text-decoration: underline;
	cursor: pointer;
}

.line {
	margin: 5px 0;
	border-top: solid 1px #bbbbbb;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.inline { display: inline; }

.red { color: #9e1517; }

.visible { visibility: visible; }
.hidden { visibility: hidden; }

.none { display: none; }
.block { display: block; }

.message {
	font-weight: bold;
	color: #aa2d2b;
}
.error {
	font-weight: bold;
	color: #aa2d2b;
}

.required { color: #9e1517; }

/*+++
+	left header
*/
#account-status {
	position: absolute;
	z-index: 10;
	left: 10px;
	top: 12px;
	text-align: left;
}
#account-status a { color: #9e1517; text-decoration: none; }
#account-status select {
	margin: 5px 2px 0 0;
	border: solid 1px #bbbbbb;
}

#account-status #header-login {
	font-size: .89em;
	background: #ffffff;
	border: solid 1px #9e1517;
	margin: 3px 0;
	padding: 4px;
	display: none;
}
#account-status #header-login form { display: inline; }
#account-status #header-login input.text {
	margin: 0 7px 0 0;
	width: 75px;
}

#recent-search {
	float: right;
	padding: 8px 10px 0 0;
}
#recent-search select {
	font-size: 1em;
	color: #666666;
}

#top-search {
	margin: 0 30px;
	padding: 70px 0 33px 0;
}
#top-search select{
	margin: 0 5px 0 0;
	padding: 2px;
	border: solid 1px #bbbbbb;
	color: #666666;
}
#top-search select.c { margin: 0; }
#top-search input.q {
	margin: 0 5px 0 0;
	padding: 4px;
	border: solid 1px #bbbbbb;
	width: 150px;
	font-size: 1em;
	color: #666666;
}
#top-search .submit-med { margin: 10px 0 0 0; }



a.nextprev {
	color: #ffffff;
	text-decoration: none;
	border: solid 2px #000000;
	padding: 2px 5px;
	background: #9e1517;
}
a.nextprev:hover { background-color: #747ea1; }

.source {
	background: #ffffff;
	border: solid 1px #000000;
}
.source a { color: #003366; text-decoration: underline; }
.source a:hover { text-decoration: none; }

.listings { padding: 5px; }

.listings .result {
	margin: 5px;
	padding: 5px;
	color: #666666;
}

.odd {
}

.even {
	background: #f4f4f4;
}

.location { margin: 5px; }


#content {
	margin: 10px 30px;
}

/*+++
+	Left side
*/

#int-left-wrapper { background: #ffffff url('/images/bg_int_left_gradient.gif') repeat-x top; }

#int-left {
	padding: 0 380px 0 0;
	background: url('/images/bg_body_int.gif') repeat-y right;
	font-size: .89em;
}

#classified { margin: 14px 30px 10px 30px;	 }

#classified .tabs { height: 26px; }
#classified .tabs .active { background: url('/images/tab_classified_on.gif') no-repeat; }
#classified .tabs .active a { color: #ffffff; }

#classified .text {
	position: absolute;
	z-index: 10;
	margin: -23px 0 0 0px;
	cursor: pointer;
	text-align: center;
	width: 94px;
}

#tab-craigslist, #tab-ebay, #tab-amazon {
	width: 94px;
	height: 27px;
	float: left;
	background: url('/images/tab_classified.gif') no-repeat;
	color: #000000;
	font-weight: bold;
}
#tab-craigslist a.tab, #tab-ebay a.tab, #tab-amazon a.tab {
	display: block;
	color: #000000;
	text-decoration: none;
}
#tab-craigslist a.tab img, #tab-ebay a.tab img, #tab-amazon a.tab img {
	visibility: hidden;
	border: 0;
}
#tab-craigslist a.tab:hover img, #tab-ebay a.tab:hover img, #tab-amazon a.tab:hover img { visibility: visible; }

.areas {
	background: #9e1517;
	padding: 5px;
}
.areas a {
	color: #ffffff;
	text-decoration: none;
}
.areas a:hover { text-decoration: underline; }




/*+++
+	Right side
*/

#int-right {
	float: right;
	width: 375px;
	background: #9e1517 url('/images/bg_int_right_gradient.gif') repeat-x top;
	text-align: center;
	font-size: .89em;
}

#int-logo {
	padding: 30px 0 0 0;
	cursor: pointer;
}
#int-logo img { border: 0; }

#business {
	margin: 5px 20px 10px 20px;
	text-align: left;
	color: #000000;
}

#business .tabs { height: 26px; }
#business .tabs .active { background: url('/images/tab_business_on.gif') no-repeat; }
#tab-google, #tab-yahoo {
	width: 94px;
	height: 27px;
	background: url('/images/tab_business.gif') no-repeat;
	color: #000000;
	font-weight: bold;
	float: left;
}
#tab-google a.tab, #tab-yahoo a.tab {
	display: block;
	color: #000000;
	text-decoration: none;
}
#tab-google a.tab img, #tab-yahoo a.tab img {
	visibility: hidden;
	border: 0;
}
#tab-google a.tab:hover img, #tab-yahoo a.tab:hover img { visibility: visible; }

#business .text {
	position: absolute;
	z-index: 10;
	margin: -23px 0 0 0px;
	cursor: pointer;
	text-align: center;
	width: 94px;
}










/*+++++++++++++++ create account - manage account +++++++++++++++*/
.create #availability { color: #9e1517; }

.account { }
.account .line {
	width: 500px;
	margin: 15px 10px 15px 0;
	line-height: 1px;
	height: 1px;
}
.account p {
	margin: 6px;
	padding: 3px;
}
.account a{
	color: #003366;
	text-decoration: underline;
}
.account a:hover{ text-decoration: none; }
.account p span.checkbox{ display: block; }

.input-note{
	font-size: .8em;
	line-height: 2em;
	color: #9A9A9A;
}
#login { margin-top: 20px; }

.account input.text {
	width: 200px;
	padding: 5px;
}

.account label { font-weight: normal; }

.account input.submit-mid {
	width: 100px;
	cursor: pointer;
	color: #9e1517;
	font-weight: bold;
	font-size: 1.1em;
}

#notify-form {	 }

.grey-box {
	width: 500px;
	border: solid 2px #bbbbbb;
	padding: 5px 10px;
}

.notify-pair { margin: 5px; }

/*+++++++++++++++ footer +++++++++++++++*/
#footer {
	background: #ffffff;
	padding: 20px 0;
	text-align: center;
	font-size: .89em;
}
#footer a {
	margin: 5px;
	color: #9e1517;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }
