﻿/* 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;
}
h3 {
	font:10pt "Arial", serif;
color:Orange;

}

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;
}
.headingcountries {
	font:10pt "Arial", serif;
color:Purple;

}
/* 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_Welcome
{
    color:#fff;
    position:absolute;
    top:30px;
    right:75px;
}

#header #loginControls_Username
{
    color:#FF7200;
}
#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:100px;	
	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 input, a{
	cursor:pointer;
}
#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: purple;
    font-size: 13px;
}

#breadcrumb ul li.last {
	background:none;
	margin-right:0;
	padding-right:0;
}

#breadcrumb ul li a:link, #breadcrumb ul li a:visited {
	color:purple;
	font-size: 13px;
	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;
}

/* 19-08-2011 replacer  */
#header #searchbox {
	position:absolute;
	top:65px;
	right:0px;
	min-width:672px;
	height:56px;
	background:url(../images/common/header-searchbox.png) left 0% no-repeat; padding-left:10px;
}

/* 19-08-2011 add New css  */
.fl{ float:left;}
.searchTxtfl{ float:left; min-width:25%;   position:relative !important; color:#fff; margin-top:23px;}
.searchTxtfl a{  color:#FF7200; margin-left: 5px; margin-right: 10px; min-width:100px; display:block; float:left; text-decoration:underline;}
.searchTxtfl a:hover{color:#FF7200; float:left; text-decoration:none;}
input.searInput {border:1ps solid #FFF; background:#eaeaea; padding:3px 2px;    display: block;    float: left;   width: 270px;}
.searchform{ float:left; min-width:25%;  margin-top:17px;}
.searchbox2{ float:right;}
.clear{ clear:both;}

/* 23-08-2011 for top menu selection on bread crumb gender change*/
 /*#skyline li a.whiteSMenGry{display: block; height: 37px; width: 150px; margin-left:-1px; background:#666666 url(../images/whiteSMenGry.png) 0 0 no-repeat; 
}
#skyline li a.whiteSMenGryact{background:#666666 url(../images/whiteSMenWhit.png) 0 0 no-repeat;}




#skyline li a.whiteSwomenGry{display: block; height: 37px; width: 150px; background:#666666 url(../images/whiteSwomenGry.png) 0 0 no-repeat; margin-left:-1px;
}
#skyline li a.whiteSwomenGryact{background:#666666 url(../images/whiteSwoenWhit.png) 0 0 no-repeat;} */
/* 2 sep 2011*/

#mainnav {height:35px !important; overflow:hidden;}
#skyline a{ position:relative; left:-1px; width:150px;}

#skyline li a.whiteSMenGry {background:#666666 url(../images/common/Home_TAB.png) no-repeat scroll -157px 0; display:block; height:37px; width:149px; position:relative; left:-1px;}
#skyline li a.whiteSMenGry:hover{background:#666666 url(../images/common/Home_TAB.png) no-repeat scroll -157px -37px;}
#skyline li a.whiteSMenGryact{background:#666666 url(../images/common/Home_TAB.png) no-repeat scroll -157px -37px; width:149px;}

#skyline li a.whiteSwomenGry {background:#666666 url(../images/common/Home_TAB.png) no-repeat scroll -315px 0; display:block; height:37px; width:149px; position:relative; left:-1px;}
#skyline li a.whiteSwomenGry:hover{background:#666666 url(../images/common/Home_TAB.png) no-repeat scroll -315px -74px;}
#skyline li a.whiteSwomenGryact{background:#666666 url(../images/common/Home_TAB.png) no-repeat scroll -315px -74px; width:149px;}
