@charset "utf-8";

/*------------COMMON-----------------*/
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }


.pad10 {
	padding:10px;
}



.searchBar label {
	font-weight:bold;
	float:left;
}


.show {
	display:block;
}

.hide {
	display:none;
}


hr {
	height: 4px;
	background: url('../customer/images/line_break.jpg') repeat-x;
	border: none;
	width: 90%;
	margin: 1px auto 5px auto;
	padding: 0;
	text-align: center;
	line-height: 0;
	clear: both;
}

hr.podbreak {
	background: url('../customer/images/line_break.jpg') scroll;
	width: 250px;
}
hr.podsmall {
	background: url('../customer/images/line_break_small.jpg');
	width: 205px;
}
hr.podmedium {
	background: url('../customer/images/line_break_medium.jpg');
	width: 370px;
	margin-bottom:10px;
}
hr.podlarge {
	background: url('../customer/images/line_break_large.jpg');
	width:100%;
}
hr.podexlarge {
	background: url('../customer/images/line_break_exlarge.jpg');
	width: 925px;
}

/*------------FORMS-----------------*/
.text, .txt { width: 180px; }
.tiny { width: 20px; }
.smaller { width: 60px; }
.small { width: 85px; }
.med	{ width: 110px; }
.size180 { width: 180px; }
.large  { width: 220px; }
.xlarge { width: 420px; }



input[type='text'] { font-size: 12px; }
select { font-size: 12px; }

textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }



/* [ERROR DISPLAY LIST] ---------------------------------------*/
ul#formFeedback {
	margin: 0px auto;
	width: 75%;
	list-style-position: outside;
	padding: 4px 4px 4px 4px;
	border: 1px solid #9999ff;
	list-style: none;
}

ul#formFeedback li { list-style: none; float: none; padding: 2px 2px 2px 10px; font-weight: normal; margin: 0px; }


/*----------- IMAGES---------------*/
img {border: 0px; display: block;}	
img.inline { display: inline; }

img.imgBox { margin: 3px; padding: 2px; border: 1px solid #404040; }


/*------------MAIN-----------------*/

#header {
	background:url(../images/directory/header-bk.jpg) no-repeat center 23px;
	height: 210px;
}

.directoryLogo {
	display: block; 
	padding: 37px 0px 0px 20px; 
	height: 110px;
}

.addBannerTop {
	width:468px;
	height:90px;
	position:absolute;
	top:55px;
	left:158px;
}

	.addBannerMsg {
		background:url(../images/directory/add-banner-msg.jpg) no-repeat;
		position:absolute;
		top:0px;
		left:0px;
		width:91px;
		height:17px;
	}
	
.searchBar {
	float:left;
	width:800px;
	height:29px;
	background:url(../images/directory/search-bk.jpg) no-repeat;	
	padding-top:10px;
}

	.searchBar form {
		float:left;		
	}

	ul.loginNav {
		float:left;
		margin-left:45px;
		margin-top:-3px;
	}

		.loginNav li {
			float:left;
			color:#fff;
			list-style-type:none;
			padding:5px;
		}
		
			.loginNav li a {
				color:#fff;
				text-decoration:none;
			}

#columnLeft {
	width:790px;
}
	
.baseBox {
	width:538px;
	float:left;
}

#relatedLinks {
	background:url(../images/directory/related-links-bk.jpg) no-repeat bottom;
	width:222px;
	min-height:365px;
	float:left;
	margin:18px 0 0 15px;
}

	#relatedLinks ul {
		margin:0px;
		list-style-image:none;
	}

	#relatedLinks ul li {
		list-style:none;
		padding:2px 2px 2px 0px;
		list-style-image:none;
	}
	
		#relatedLinks ul li a:hover {
			color:#8826c0;
		}
		

/*------------HOME PAGE AFFILIATE PODS---------------*/
.affiliateHolder {
	background: url("../images/directory/affiliate_pod_bg.gif") no-repeat;
	float: left;
	width: 247px;
	height: 173px;	
	margin: 5px;
	padding: 0px;
}
	.affiliateHolder h2 a, .affiliateHolder h2 a:visited, .affiliateHolder h2 a:hover { color: #fff; text-decoration: none; display:block; width:100%; }
	.affiliateHolder h2 { color: #FFF; background: none !important; margin: 0 !important; padding: 7px 4px 0px 7px !important; font-size: 14px !important; }

	.affiliateHolder img { display: inline; float: left; width: 125px; height: 125px; margin: 10px 2px 2px 4px; }
	.affiliateHolder .contentTxt { float: left; width: 112px; margin: 10px 2px 2px 2px; }

	.affiliateHolder .contentTxt a { color: #8826c0; }


		
		
/*------------RESULTS-----------------*/

.resultsHolder {
	background: url("../images/directory/category-bk.jpg") repeat-y left;
	float:left;
	width:775px;
}

.categoryBot {
	position:absolute;
	bottom:0;
	left:0;
	background: url("../images/directory/category-bot.jpg") no-repeat;
	width:21px;
	height:25px;
	z-index:10;
}

#categorys {
	background:#d8d5d5;
	width:170px;
	padding-bottom:25px;
	float:left;
}

	#categorys h2 {
		width:160px;
		height:20px;
		background:#adaaaa;
		color:#fff;
		padding:5px 0 5px 10px;
		margin:0px;
	}
	
	#categorys ul {
		padding:10px 0 0 0;
		margin:0px 0 0 5px;
	}

		#categorys ul li {
			list-style-image:none;
			list-style-type:none;
		}
		
			#categorys ul li a {
				text-decoration:none;
				color:#858383;
			}
			
			#categorys ul li a:hover {
				color:#3d3d3d;
			}

.resultsPodHolder {
	float:right;
	width:597px;		
}

.resultsBar {
	width:587px;
	height:30px;
	background:#adaaaa;
	margin:0 0 10px 10px;
}

	#directory .resultsBar h2 {
		padding:3px 0 0 10px;
		margin:0;
		color:#403e3f;
		background-image:none;
	}
	
		#directory .resultsBar h2 span {
			color:#fff;
		}
		
		#directory .resultsBar .paging {
			position:absolute;
			top:0px;
			right:0px;
			height:30px;
		}
		
.resultPod a, .resultPod h2, .resultPod img {
	cursor:pointer;	
}

.resultLarge img {
	margin:10px 0 0 10px;
	float:left;
}
			
.resultLarge, .resultMed {
	width:587px;
	height:202px;
	float:left;	
	margin-bottom:10px;
	margin-left:10px;
}

.resultMed, .resultSmall {
	width:287px;
	height:269px;
	margin-left:10px;
}

.resultSmall {
	float:left;
	height:222px;
}

	#directory .resultLarge h2, #directory .resultMed h2, #directory .resultSmall h2 {
		background-image:none;
		padding:0;
		margin:0;
		color:#383838;
		margin:5px 0 0 10px;
	}
	/* -- Reduce font size for Gold and Silver Listings - 11.01.10 -- */	
	#directory .resultMed h2, #directory .resultSmall h2 { font-size: 14px; }
	
	#directory .resultLarge h3, #directory .resultLarge p, #directory .resultMed h3, #directory .resultMed p, #directory .resultSmall h3, #directory .resultSmall p {
		padding:0;
		margin:0;
	}
	

	.resultLarge a.mainLink, .resultMed a.mainLink {
		position:absolute;
		display:block;
		top:3px;
		right:10px;	
		width:26px;
		height:26px;
		cursor:pointer;
	}
	
	.resultSmall a.mainLink {
		display:none;
	}
	
	.resultLarge .imageHolder {
		margin-top:4px;
		width:160px;
		height:20px;	
		overflow:hidden;
		margin-left:2px;
		float:left;
		background-repeat: no-repeat;
		background-position: center;
		padding: 150px 0 0 0;
	}
	
	.resultMed .imageHolder {
		margin:10px 10px 0 0;
		width:120px;
		height:105px;
		overflow:hidden;
		float:right;
	}
	
	.resultSmall .imageHolder {
		display:none; 
	}

		.resultLarge .mask {
			margin: 1px 0 0 -2px;
		}

		.silver .mask {
			display:none;
		}
		
			.resultLarge .mask a {
				display:none;
			}
			
	.resultLarge .about  {
		float:left;
		width:170px;
		height:150px;
		margin:10px;		
	}
	
	.resultMed .about, .resultSmall .about {
		float:left;
		margin:10px;
		width:135px;
	}
	
	.resultSmall .about {
		width:267px;
	}
	
		.resultSmall .about a {
			display:none;
		}
			
	.resultLarge .details, .resultMed .details, .resultSmall .details {
		float:left;
		margin:10px;
		width: 200px;
	}
	
	.address {
		display:none;
	}
	
	.silver .address {
		display:block;
	}
	
	.silver .about {
		display:none;
	}
	
		.resultLarge .details span, .resultMed .details span, .resultSmall .details span {
			font-weight:bold;
			color:#822f86;
			padding-left:5px;
		}
	
	.resultLarge a, .resultMed a, .resultSmall a {
		color:#822f86;
		font-weight:bold;
		text-decoration:none;
	}
				
.diamond {
	background: url("../images/directory/diamond-bk.jpg") no-repeat;			
}

	.diamond .mask {
		background: url("../images/directory/diamond-mask.png") no-repeat;
		width:100px;
		height:18px;
	}
	
		.diamond .mask a {
			width:100%;
			height:100%;
			display:block;
		}

	#directory .platinum h2 {
		color:#fff;	
	}
	
.platinum {
	background: url("../images/directory/platinum-bk.jpg") no-repeat;			
}

	.platinum .mask {
		background: url("../images/directory/plat-mask.png") no-repeat;
		width:100px;
		height:18px;
		cursor:pointer;
	}
	
.gold {
	background: url("../images/directory/gold-bk.jpg") no-repeat;			
}

	.gold .mask {
		background: url("../images/directory/gold-mask.png") no-repeat;
		width:100px;
		height:18px;
		position:absolute;
		bottom:0px;
		left:0px;
		cursor: pointer;
	}
	
	.gold .details {
		margin-top:0px;	
	}
	
.silver {
	background: url("../images/directory/silver-bk.jpg") no-repeat;			
}

/*------------POPUPS-----------------*/

#popup {
	background-image:none;
	line-height:20px;
}

#popup h1 {
	font-size:16px;
	padding-bottom:10px;
}

.popupAbout {
	float:left;
	width:270px;
	margin-left:10px;
}

.popupDetails {
	float:left;
	width:260px;
	margin-left:20px;
}

#popup .popupAddress span {
	padding-left:0px;
}

	#popup label {
		font-weight:bold;
		float:left;
		padding-bottom:5px;
	}
	
	#popup span {
		font-weight:bold;
		float:left;
		color:#822F86;
		padding-left:10px;
	}
	
#popup .imageHolder {
	width:250px;
	height:190px;
	border:1px solid #ccc;
	overflow:hidden;
	float:left;
	position:relative;
}

#popup .imageHolder .image {
	position:absolute;
	top:0;
	left:0;
	width:250px;
	height:190px;
	overflow:hidden;
	background:#e6e6e6;
	text-align: center;
}

#popup .imageHolder .image img {
	margin: 0px auto;
}

#popup .error {
	position:absolute;
	top:70px;
	left:0px;
	width:100%;
	text-align:center;
	color:red;
	padding-left:0px;
}

#popup .thumbs {
	width:260px;
	height:55px;
	float:left;
	margin-top:10px;
}

	#popup .thumb {
		width:48px;
		height:38px;
		float:left;
		background:#ccc;
		overflow:hidden;
		margin-right:5px;
		cursor:pointer;
	}
	
	#popup .active {
		border:1px solid #000;
		width:46px;
		height:36px;
	}
	
	#popup .end {
		margin:0px;
	}
	
	#popup span.info {
		font-weight:normal;
		font-size:10px;
		color:#000;
	}
	
/*------------REGISTRATION-----------------*/	

.thanks {
	background:url("../images/directory/thanks.jpg") no-repeat;	
	width:771px;
	height:192px;
	float:left;
}

.thanks .loginGo {
	width:185px;
	height:50px;
	float:left;
	margin:120px 0 0 50px;
	background:url("../images/directory/loggo.jpg") no-repeat;
	border:none;
	cursor:pointer;
}

#supplierReg {
	padding:10px 0px 10px 7px;
}

	#supplierReg fieldset {
		padding:0px;
	}

#supplierReg h1 {
	background-image:none;
	font-size:20px;
}

	#supplierReg h1 span {
		color:#00ccff;
		padding-right:10px;
	}	

.package {
	width:767px;
	height:218px;
	float:left;
	margin-bottom:10px;
	position:relative;
}

	.package input {
		position:absolute;
		top:8px;
		right:15px;
}

	#supplierReg h2 {
		color:#474747;
		background-image:none; 
	}
	
	#supplierReg h2 span {
		color:#00ccff;
		padding-right:5px;
	}	
	
	.packageInfo {
		position:absolute;
		top:40px;
		left:180px;
	}
	
		.packageInfo ul {
			float:left;
		}
		
			#supplierReg .packageInfo ul li {
				list-style-image: url("../images/directory/tick.gif");	
				list-style-position:inside;
				font-weight:bold;
			}
			
			#supplierReg .packageInfo ul li.cross {
				list-style-image: url("../images/directory/cross.gif");
			}
			
			#upgrades td ul li {
				list-style-image: url("../images/directory/tick.gif");	
				list-style-position:inside;
			}			
			#upgrades td ul li.cross {
				list-style-image: url("../images/directory/cross.gif");
			}
			
		.price {
			font-weight:bold;
			font-size:20px;
			position:absolute;
			bottom:8px;
			right:10px;
			width:175px;
			font-style:italic;
			text-align:center;
			color:#fff;
		}

.diamondPackage {
	background: url("../images/directory/diamond-package-bk.jpg") no-repeat;	
}

	#diamondPackage span {
		color:#00ccff !important;
	}
	.diamondPackage span {
		color:#00ccff;
	}
	
.platinumPackage {
	background: url("../images/directory/platinum-package-bk.jpg") no-repeat;	
}

	.platinumPackage span {
		color:#6c6c6c;
	}
	#platinumPackage span {
		color:#6c6c6c !important;
	}
	
.goldPackage {
	background: url("../images/directory/gold-package-bk.jpg") no-repeat;	
}

	.goldPackage span {
		color:#e8d924;
	}
	#goldPackage span {
		color:#e8d924 !important;
	}
	
	
	.goldPackage .price {
		color:#4f4f4f;
	}
	
.silverPackage {
	background: url("../images/directory/silver-package-bk.jpg") no-repeat;	
}

	.silverPackage span {
		color:#afafaf;
	}
	#silverPackage span {
		color:#afafaf !important;
	}
	
.bannerPackage {
	background: url("../images/directory/banner-package-bk.jpg") no-repeat;	
}

	.bannerPackage span {
		color:#afafaf;
	}
	#bannerPackage span {
		color:#afafaf !important;
	}
	
.submitBar {
	width:98%;
	background:#dedede;
	float:left;
	height:45px;
}

.continueBut {
	float:right;
	margin:10px;
	background: url("../images/directory/continue-but.gif") no-repeat;
	cursor:pointer;
	border:none;
	width:90px;
	height:23px;
}

.formHolder {
	width:374px;
	margin:0 auto;
	background: url("../images/directory/form-bk.gif") no-repeat;
}

	.formHolder sup { margin-left: 3px; }

	.formHolder fieldset {
		margin-top:0px;
		float:left;
		padding:0px;
	}
	.tabContent fieldset { margin-left: 25px; }
	
	.formHolder fieldset p, .tabContent fieldset p, .login fieldset p { margin: 0px; padding: 0px; clear: both; }
	.formHolder fieldset label, .tabContent fieldset label { float: left; text-align: right; margin-right: 3px; width: 110px; }
	.login fieldset label { float: left; text-align: right; margin-right: 3px; width: 60px; }

	.formHolder fieldset textarea, .tabContent fieldset textarea { border: 1px solid #CCC; padding: 2px; }
	.formHolder fieldset textarea { height: 60px; }
	.tabContent fieldset textarea { height: 100px; }

	#supplierReg .formHolder h2 {
		margin-bottom:30px;
		float:left;
		width:100%;
	}
	
	.formHolder .continueBut {
		margin-right:65px;
	}
	

/*------------LOG IN-----------------*/

.blackOut {
	width:100%;
	height:150%;
	background:url(../images/popup/blackOut.png) repeat;
	position:absolute;
	top:0px;
	bottom:0px;
	z-index:100;
}

.loginHolder {
	position:relative;
	margin:0 auto;
	width:389px;
	height:301px;
}

.login {
	position:absolute;
	top:220px;
	left:0;
	z-index:200;
	width:389px;
	height:301px;
	background:url(../images/directory/login-bk.png) no-repeat;
}
	#login fieldset p {
		padding: 4px 0 8px 0;
	}

#login .login fieldset {
	float:left;
	padding:80px 0 0 40px;
	width:305px;
}

.login input {
	width:200px;
}

.error {
	color:red;
}

#loginBut {
	border:none;
	cursor:pointer;
	background:url(../images/directory/login-but.gif) no-repeat right;
	width:90px;
	height:23px;
	float:right;
	margin: 10px 40px 0 0;
}

.close {
	background:url(../images/directory/close.png) no-repeat ;
	width:25px;
	height:25px;
	position:absolute;
	top:35px;
	right:40px;
	cursor:pointer;
}

/*------------SUPPLIER HOME-----------------*/

.logOut {
	float:right;
	width:300px;
	position:relative;
	top:-15px;
}

#directory .tabNav {
	width:100%;
	float:left;
}

#directory .tabNav ul li {
	float:left;
	list-style-image:none;
	list-style-type:none;
	width:106px;
	height:32px;
	background:url(../images/directory/tab-bk.jpg) no-repeat ;
	margin:0;
	cursor:pointer;
	margin-right:3px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	color:#fff;
}

#directory .tabNav ul li.selected {
	background:url(../images/directory/tab-bk-on.jpg) no-repeat ;
	position:relative;
	top:1px;
	color:#797979;
}

#directory .tabNav li a, #directory .tabNav li a:visited, #directory .tabNav li a:hover { color: #ffffff; text-decoration: none; }
#directory .tabNav li.selected a, #directory .tabNav li.selected  a:visited, #directory .tabNav li.selected  a:hover { color:#797979; text-decoration: none; }


.tabContent {
	float:left;
	margin-left:20px;
	border:1px solid #797979;
	width:720px;
	background:#fff;
	margin-bottom:20px;
}

.saveBut {
	float: left;
	margin:10px;
	background: url("../images/directory/button_save.jpg") no-repeat;
	cursor:pointer;
	border:none;
	width:90px;
	height:23px;
	margin-right:65px;
}

.button_pod_misc {
	background: url('../images/directory/button_misc.png');
	width:90px;
	height:23px;
	border: 0;
	cursor:pointer;
	font-weight:bold;
	font-size:11px;
	color:#fff;
}

.button_pod_misc_large {
	background: url('../images/directory/button_misc_large.jpg');
	width:134px;
	height:23px;
	border: 0;
	cursor:pointer;
	font-weight:bold;
	font-size:11px;
	color:#fff;
}

.tableStyle {
	position:relative;
	width:90%;
	height:auto;
	margin:0 auto;
	margin-bottom:20px;
}	

.tableStyle .cornerMe {
	width:10px;
	height:10px;
}	

.tableStyle .cornerTopLeft {
	background: url('../images/directory/top-left-corner.gif');
	position:absolute;
	top:-1px;
	left:-1px;
}

.tableStyle .cornerTopRight {
	background: url('../images/directory/top-right-corner.gif');
	position:absolute;
	top:-1px;
	right:0px;
}

.tableStyle .cornerBottomLeft {
	background: url('../images/directory/bottom-left-corner.gif');
	position:absolute;
	bottom:0px;
	left:-1px;
}

.tableStyle .cornerBottomRight {
	background: url('../images/directory/bottom-right-corner.gif');
	position:absolute;
	bottom:0px;
	right:0px;
}

table.browse {
	border-collapse: collapse;
	border: 1px solid #ccc;
	width:100%;
}

	table.browse .tiny {
		width:20px;
	}	
	
	table.browse thead {
		background-color: #e0b0e0;
		height: 35px;
	}
	
	table.browse th {
		text-align: center;
		font-weight: bold;
		font-size: 13px;
		padding: 2px 0 0 0;
		height: 27px;

		border-bottom: 1px solid #711d75;
	}
	
	table.browse td {
		color: #000;
		padding: 6px 0px 6px 10px;	
		text-align: center;	
		vertical-align: middle;
		font-size: 9pt;
	}
	
		table.browse td.left { text-align: left; }
		table.browse tr.row1 { background-color: #f9e9fa; }
		table.browse tr.row2 { background-color: #efd4ef; }
		
		table.browse th a, table.browse th a:visited, table.browse th a:hover { color: #000; text-decoration: none; }		
		table.browse a, table.browse a:visited, table.browse a:hover {
			color: #CA34CC;
			font-weight: bold;
			text-decoration: none;
		}
		
		table.browse a:hover { text-decoration: underline; }
	
#supplierReg p sup { color: red; }

#supplierReg .continueBut {
	width:90px;
	margin-right:30px;
}

/* -----------ADVERT IMAGES UPLOADER------------*/
.advertImg {
	float: left;
	margin: 3px;
	padding: 3px;
	background-color: #efefef;
	height: 190px;
}
		
		
/*------------CUSTOM SELECT BOX-----------------*/

.custSelectHolder {
	float:left;
	margin:-3px 5px 0 5px;
	width: 160px;
}

.searchbarContainer { width:566px; }

.jquery-selectbox {
	position: relative;
	height: 18px;
	border: 1px solid #986e9a;
	width: 100px;
	z-index: 0;
	float: left;
	display: inline;
	font-size: 11px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #444;
	padding: 0;
	background: url("") #fff;
}
.jquery-selectbox.selecthover {
	background: url("") #fff;
	z-index: 70;
}	
.jquery-selectbox .jquery-selectbox-currentItem {
	padding: 1px 0px 0px 3px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}

.jquery-selectbox .jquery-selectbox-list {
	display: none;
	position: absolute;
	top:18px;;
	padding: 2px;
	left: 0px;
	background: #fff;
	width: 100px;
	height: 120px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 9999;
	border: 1px solid #986e9a;
}
.jquery-selectbox .jquery-selectbox-moreButton {
	/*
	position: absolute;
	top: 0px;
	right: 0px;
	*/
	float: right;
	background: url("../images/directory/select-go.jpg") no-repeat center;
	width: 17px;
	height: 18px;
	cursor: pointer;
}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {
	background: url("../images/directory/select-go-hover.jpg") no-repeat center;
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
	background: #986e9a;
	color: #fff;
}
.jquery-selectbox .jquery-selectbox-item {
	display: block;
	cursor: default;
}

/** ERROR classes **/
form .error .jquery-selectbox {
	color: #d00;
	border-color: #d00;
	background: url("");
}

input.go {
	background:url("../images/directory/select-box/go-but.gif") no-repeat;
	width:32px;
	height:21px;
	border:none;
	cursor:pointer;
	margin-top:-3px;
}


/*-----  SWF UPLOAD STYLES ---- */

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}