/* EXTERNALS */
@import "imageBox.css";
/* END EXTERNALS */

/* DEFAULT OVERWRITES */

* {
	margin: 0;
}

p,ul,ol,h1,h2,h3,h4,h5,h6 {
	margin:0 0 10px 0;
	}

a img {
	border:none;
}

html, body {
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/common/header-bg.png) 0% 0% repeat-x;
	height: 100%;
	/*width: 100%;*/
	font:.8em arial;
}

form {
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/common/header-bg.png) 0% 0% repeat-x;
	height: 100%;
	
}



h1 {
	font:20pt "Arial Narrow", serif;
}

h4 {
	font:14pt "Arial Narrow", serif;
}

p,li {
	line-height:150%;
}

select {
	border:1px solid #999;
}

input, textarea {
	background:#fff;
}

input.fields {
	width:252px;
	border:1px solid #bfbfbf;
}

input.largeFields {
	width:170px;
	border:1px solid #bfbfbf;
}

input.mediumFields {
	width:130px;
	border:1px solid #bfbfbf;
}

input.smallFields {
	width:30px;
	border:1px solid #bfbfbf;
}

textarea {
	width:397px;
	height:130px;
	border:1px solid #bfbfbf;
}

/* END DEFAULT OVERWRITES */

/* UTILITY CLASSES */

/* Griz: transparent div */
.transparent 
{
	filter: alpha(opacity=40); /* ie */
	-moz-opacity: .4; /* mozilla */
	/*background:#ccc;*/
	z-index:5000000;
	background:grey;
	position: relative;
}

.micetype {
	font-size:.8em;
}

.micetypeItalic
{
	font-size:.7em;
	font-style:italic;
}

/*for cases where the top divider line is not present, such as Google maps box on Item page*/
.noLine {
	background:none !important;	
}

.alignRight {
	text-align:right;
}

.noMargin {
	margin:0;
}


.spacingHelper {
	margin:0 5px;
}

.center {
	text-align:center;
	margin:15px 0;
}

/* END UTILITY CLASSES */

#ItemPostings 
{
	width:200px;
}

#overlay {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background: url('../img/overlay.png') repeat 0 0;*/
    /*display: none;*/
    text-align: center;
    
    filter: alpha(opacity=60); /* ie */
	-moz-opacity: .6; /* mozilla */
	z-index:5000;
	background:#B3B3B3;
}
#overlay-panel 
{
    margin: 10% auto 20% auto;
    width: 350px;
    background: #FFF;
}



#container {
	text-align:left;
	margin:0 auto;
	width:980px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -41px; /* the bottom margin is the negative value of the footer's height */

}

#header {
	height:185px;
	/*border-left:1px solid #999999;
	border-right:1px solid #999999;*/
	position:relative;
	z-index:1001;
}

#header #logo {
	position:absolute;
	top:45px;
	left:auto;
}


#header #loginControls_Signout {
	color:#fff;
	position:absolute;
	top:30px;
	right:0px;
}


#header #loginControls_Signout .separator {
	padding:0 10px;
}

#header #loginControls_Signout a:link, #header #loginControls a:visited {
	color:#fff;
	text-decoration:none;
}


#header #loginControls {
	color:#fff;
	position:absolute;
	top:30px;
	right:0px;
}

#header #loginControls .separator {
	padding:0 10px;
}

#header #loginControls a:link, #header #loginControls a:visited {
	color:#fff;
	text-decoration:none;
}

#header #signInBox {
	position:absolute;
	right:249px;
	top:26px;
	color:#fff;
}

#header #signInBox input { 
	border:1px solid #999;
	background:#EAEAEA;
}


#header #searchbox {
	position:absolute;
	top:65px;
	right:0px;
	width:672px;
	height:56px;
	background:url(../images/common/header-searchbox.png) 0% 0% no-repeat;
}

#header #searchbox #label {
	position:absolute;
	top:24px;
	left:10px;
	color:#fff;
}

#header #searchbox #label a:link, #header #searchbox #label a:visited {
	margin-left:5px;
	color:#FF7200;
}

.required {
	color:#FF7200;
}

#header #searchbox #searchform input {
	background:none;
	border:none;
}

#header #searchbox #searchform #searchTextField {
	position:absolute;
	top:19px;
	left:233px;
	width:235px;
	padding-right:5px;
}

#header #searchbox #searchform #searchButton {
	position:absolute;
	top:17px;
	right:10px;
}

#header #searchbox #searchform #searchCategories {
	position:absolute;
	top:21px;
	right:110px;
	width:72px;
	padding-right:10px;
}

#searchCategories a:link, #searchCategories a:visited {
	font-size:1.2em;
	color:#000;
	text-decoration:none;
	display:block;
	width:72px;
	padding-right:10px;
	background:url(../images/common/arrow-down.gif) 100% 50% no-repeat;

}

#header #searchbox #searchform #searchCategoryOptions {
	width:72px;
	position:absolute;
	z-index:999;
	top:41px;
	right:101px;
	background:#EAEAEA;
	padding:10px;
}

#searchCategoryOptions a:link, #searchCategoryOptions a:visited {
	font-size:1.2em;
	color:#000;
	text-decoration:none;
}

#mainSignIn {
	left:540px;
	top:125px;	
}

#everywhere {
	left:80px;
	top:140px;	
	float:left;
	position:absolute;
	background-color:Transparent;
}

/* SEE mainnav.css FOR MAIN NAVIGATION STYLES */

#content {
	/*border-left:1px solid #999999;
	border-right:1px solid #999999;*/
}

#breadcrumb {
	height:41px;
	line-height:41px;
}

#breadcrumb ul {
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
}

#breadcrumb ul li {
	float:left;
	margin-right:15px;
	padding-right:20px;
	background:url(../images/common/arrow-right.png) 100% 50% no-repeat;
	color:#40d0ff;
}

#breadcrumb ul li.last {
	background:none;
	margin-right:0;
	padding-right:0;
}

#breadcrumb ul li a:link, #breadcrumb ul li a:visited {
	color:#666;
	text-decoration:none;
}

#listingHeader {
	padding:15px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:980px;
	float:left;
	margin-bottom:20px;
}

#listingHeader h1 {
	width:850px;
	float:left;
	position:relative;
	top: 5px;
}

#listingHeader #backToListings {
	width:124px;
	float:right;
	position:relative;
	top: 5px;
}

#footer {
	background:#efefef;
	border-top:1px solid #c5c5c5;
	text-align:center;
	height:41px;
	position:relative;
}

ul#footerNav {
	list-style-type:none;
	margin-top:10px;
	text-align:center;
}

ul#footerNav li {
	display:inline;
	padding:0 11px 0 10px;
	border-right:1px solid #666;
	height:12px;
	line-height:12px
}

ul#footerNav li.last {
	border:none;
}

ul#footerNav li a:link, ul#footerNav li a:visited {
	text-decoration:none;
	color:#333;
}

ul#footerNav li a:hover {
	color:#777;
}

.push {
	height: 41px; /* .push must be the same height as #footer */
}

#contactSellerFooter {
	position:absolute;
	top:-304px;
	left:45%;
	width:439px;
	text-align:left;
	background:url(../images/common/contactSeller-bg.png) 0% 0% repeat-y;
	display:none;
	
}

.contactSellerTop {
	width:439px;
	padding:0px 0;
	height:30px;
	line-height:30px;
	background:#fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.contactSellerTop .label {
	width:200px;
	float:left;
	margin-left:20px;
}

#populateButton {
	float:right;
	margin-top:4px;
}

.contactSellerFormContainer {
	margin:20px;
	width:397px;
}

.contactFormRow {
	margin-bottom:5px;
	float:left;
	width:397px;
}

.contactFormLabel {
	float:left;
	width:135px;
}

.contactFormInput {
	float:right;
	width:253px;
}

.contactFormMessage {
	margin-top:15px;
	float:left;
}

.contactFormButtons {
	float:none;
	clear:both;
	padding:10px 0;
	text-align:right;
}

#ctl00_btnSearch
{
	position:absolute;
	top:17px;
	right:10px;
}


#ctl00_searchTextField 
{
	position:absolute;
	top:19px;
	left:233px;
	/*width:235px;*/
	width:335px;
	border-right:1px solid #666;
	padding-right:5px;
}

#btnClose 
{
	float:inherit; 
	position:relative; 
	top:2px; 
	right:2px;
}