/* lets kill irritating HTML first */

html, body, form, img {
	border:0;
	margin:0;
}

/* onto the real stuff */
/* Fonts.. bloody RGB conversion! */ 
.orange {
	color: rgb(255,127,0); /* orange */
}
.grey {
	color:#939598;
}

a{
	text-decoration:none;
	color: rgb(128,128,128) ; /* 50% black */
}
a:hover {
	color: rgb(255,127,0); /* orange */
}

a.orange, span a {
	color: rgb(255,127,0); /* orange */
}

h1 {
	font-size:16px;
	font-weight:normal;
	margin:0;	
	color: rgb(255,127,0); /* orange */
}
h2 {
	font-size:14px;
	margin:0;
	color: #939598; /* 50% black */
}
h4 {
	font-size:10px;
	font-weight:normal;
	margin:0;	
	padding:0;
	color: rgb(255,127,0); 
}


/* Major sections ------------------------------------------------ */
html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#container {
	width:720px;
	height:600px;
	margin-top:5px;
	overflow:hidden; /* temp only!! */
	margin-left:-385px; /* Does  the scrolling list must also have this???? */
	left:50%;
	position:absolute;
}
#header {
	height:80px;
	background-image:url(../images/header/fragrance-boutique-importers-of-original-fragrances.gif);
	background-repeat:no-repeat;
	margin-bottom:3px;
	
}
#pesonalisation{
	width:397px;
	float:right;
	clear:right;
	text-align:right;
}
#pesonalisation div {
	display:block;
}
#pesonalisation username {
	width:179px;
}
#pesonalisation userbasketsummary {
	width:140px;
}
#nav{
	width:395px;
	float:right;
	clear:right;
	font-size:9px;
	/* Firefox et al */
	margin:-2px 0 2px 0; 
}
* html #nav {
	/* Hack for IE6. Bloody margins! */
	margin:6px 0 0px 0; 
}
*+html #nav { 
	/* Hack for IE7 .. goddamn it */
	margin:6px 0 0px 0;
}

	#nav ul {
		list-style:none;
	}
	#nav li {
		display:block;
		color:#000000;
		border-right:1px solid #939598; /* 50% black ?*/
		float:right;
		padding:0 3px 0 3px;
		
	}
	#nav li#last {
		border:none;
	}
	#nav a {
	
	}
	
	
#frmHeaderSearch{
	width:395px;
	float:right;
	clear:both;
	font-size:10px;
	text-align:right;
	margin:3px 0 3px 0;
}
	#frmHeaderSearch input {
		width:16px;
		float:right;
		margin-top:12px;
	}
	
	#frmHeaderSearch fieldset {
		/* width does not work on Labels?????? Made a plan */
		width:100px;
		padding:0;
		border:0;
		margin:0 4px 0 0;
		font-size:9px;
		display:block;	
		float:right;
		text-align:center;
	}

	#frmHeaderSearch select {
		width:100px;
		overflow:hidden;
		height:16px;
		font-size:9px;
		text-align:center;
	}
	/* hack for IE7  */
	*+html #frmHeaderSearch select {
		font-size:9px;
		line-height:9px;
		height:18px;
		}
	
	#frmHeaderSearch option {
		width:100px;
		overflow:hidden;	
	}
	#frmHeaderSearch img {
		float:right;
		margin-top:12px;
	}


#flashheader {
	padding:0;
}
/*  I am SO sick of making hacks to fit late changes. This for firefox */
html>#flashheader {
	margin-top:-3px;
}


#greyNav  {
	width:720px;
	float:right;
	clear:right;
	background-color:#808080; /* medium grey - */
	/* we want "rounded" corners on this one.. in white */
	margin-bottom:3px;
	
}

#greyNav a, #greyNav a:hover {
	color:#FFFFFF;
}

#greyNav ul {
		list-style:none;
		margin:0;
		padding:0;
		height:17px;
		overflow:hidden;
	}
	
	#greyNav li {
		display:block;
		border-right:1px solid #FFFFFF;
		float:right;
		text-align:center;
		height:17px;
		
	}
	#greyNav li a {
		padding:0px 13px 0px 12px;
		height:17px;
		overflow:hidden;
		line-height:18px;
		display:table-cell;
	}
	/* Stupid, stupid IE */
	* html #greyNav li a {
		padding:3px 13px 1px 12px; 
		}

	#greyNav ul li a:hover, #greyNav ul li a.currentPage {
		background-color:#000000;
	}
	
	
	/* end header stuff ---------------------*/

.sep {
	clear:both;
	width:100%;
	height:1px;
	background-color:#939598; /* 50% black */
	overflow:hidden;
}

#lhs-list{
	position:absolute;
	top:90px;
	width:126px;
	text-align:center;
	height:436px;
	clear:all;
}


#lhs-list #LHS-list-Gender {
	background-image:url(../images/generic/LHS-list-women.gif);
	}

/* severely hacked version of the scrollbar */
#dmx1Scroller {position:absolute; top:236px; left:0px; width:120px; height:274px; z-index:100; visibility:visible; overflow:hidden; }
#dmx1Slider {
	position:absolute;
	left:110px;
	top:0px;
	width:10px;
	height:271px;
}
#bg1Slider {background-image:url(../images/scrollbar/track.gif); background-repeat:repeat-y; }
#dmx1Thumb {position:absolute; left:110px; top:0px; width:10px; height:9px; overflow:hidden;}
#dmx1Container {position:absolute; left:5px; top:5px; width:105px; height:274px; visibility:visible; clip:rect(0px 105px 274px 0px); overflow:hidden; }
.dmx1Content {position:absolute; left:0px; top:5px; width:100px; padding-bottom:10px; }
#dmx1Content1 {position:absolute; left:0px; top:0px; }
#scrollBarThumb {
	background-color: rgb(255,127,0); /* orange */
	width:10px;
	height:10px;
}	

/* More hacking for the homepage version */

.homePage #lhs-list{
	position:absolute;
	top:270px;
	width:126px;
	text-align:center;
	height:115px;
}
	.homePage #dmx1Scroller {position:absolute; top:416px; left:0px; width:120px; height:100px; z-index:100; visibility:visible; overflow:hidden; }
	.homePage #dmx1Slider {
		position:absolute;
		left:110px;
		top:0px;
		width:10px;
		height:95px;
	}
	.homePage #bg1Slider {background-image:url(../images/scrollbar/track.gif); background-repeat:repeat-y; }
	.homePage #dmx1Thumb {position:absolute; left:110px; top:0px; width:10px; height:9px; overflow:hidden;}
	.homePage #dmx1Container {position:absolute; left:5px; top:5px; width:105px; height:95px; visibility:visible; clip:rect(0px 105px 95px 0px); overflow:hidden; }
	.homePage .dmx1Content {position:absolute; left:0px; top:5px; width:100px; padding-bottom:10px; }
	.homePage #dmx1Content1 {position:absolute; left:0px; top:0px; }
	.homePage #scrollBarThumb {
		background-color: rgb(255,127,0); /* orange */
		width:10px;
		height:10px;
	}	

#content_A {
	/* Content is a nasty one as the designer did not keep to much of a grid. */
	/* see below... is altered for shop-style layout and homepage*/
	position:absolute;
	top:90px;
	left:130px;
	height:435px;
}

#content_B {
	position:absolute;
	top:90px;
	left:195px;
	height:535px;
}

#content_C {
	position:absolute;
	top:272px;
	left:130px;
	height:215px;
}


	#sectionHeader img, #sectionHeader div {
		float:left;
		display:inline;
		}
	#sectionHeader div {
		height:143px;
		width:101px;
		}
	#sectionHeader img#featured {
		margin-top:35px;
		}
	#sectionHeader img#bestsellers {
		margin-top:6px;
		}
	#sectionHeader img#newarrivals {
		margin-top:3px;
		}

	#featuredContent {
		clear:left;
		width:580px;
		height:287px;
		overflow:auto;
		overflow-X:hidden;
		overflow-Y:auto;
		padding:3px;
	}
	
	#content_B #featuredContent {
		width:520px;
		height:387px;
	}
	#content_C #featuredContent {
		width:450px;
		height:245px;
	}
	
	.featuredFragrance {
		width:150px;
		height:92px;
		margin:5px 30px 5px 0px;
		float:left;
	} 
	#content_C #featuredContent .featuredFragrance{
		width:100px;
	}
	
		#featuredFragrances {
			width:550px;
		}

	#content_C #featuredContent #featuredFragrances {
		width:435px;
	}

		.featuredFragrance img{
			float:left;
		}
		.featuredFragrance .textbox{
			float:left;
			margin:5px;
			height:50px;
			width:80px;
			padding:5px 0 5px 5px;
			border-left:1px solid #999999;
			color:#000000;
		}
		

	#content_C  .featuredFragrance .textbox{
		width:45px;
		padding:2px 0 2px 2px;
	}
		#bestSellers, #newArrivals {
			width:205px;
			overflow:hidden;
			float:left;
			margin:5px 10px 5px 0px;
			
		}
		#content_C  #bestSellers .featuredFragrance, #content_C  #newArrivals .featuredFragrance {
			width:120px;
			/*margin:5px 5px 5px 0px;*/
		}
		 #bestSellers .featuredFragrance  .textbox, #newArrivals .featuredFragrance  .textbox {
			width:60px;
		}
		
		/* the various lists in table form.... */
		.listItems {
			/*width:550px; */
			padding:20px 10px 30px 10px;
			background-color:#FED7B0;
		}
		#content_B .listItems {
			width:490px; 
			background-color:#FFFFFF
		
		}
		.listItems input {
			font-size:10px !important;
		}
		
		.listItems .narrow {
			width:30px !important;
		}
		
		.listItems table {
			border: 0; /*1px solid rgb(179,179,179); /* light grey */ 
			padding:0px;
			margin:0;
			border-collapse:collapse;
			width:100%;
		}
		
		.listItems thead tr {
			height:19px;
			
		}
		.listItems thead th {
			line-height:17px;
			vertical-align:top;
			background-image:url(../images/generic/corners/list-header-BG.gif);
			background-repeat:repeat-x;
		}
		
		.listItems thead th {
			padding-bottom:6px;
		}
		.listItems thead th div {
			background-image:url(../images/generic/corners/list-header-Border.gif);
			background-repeat:no-repeat;
		}

		.listItems thead .first {
			background-image:url(../images/generic/corners/list-header-LHS.gif);
			background-repeat:no-repeat;
		}
		.listItems thead .last {
			background-image:url(../images/generic/corners/list-header-RHS.gif);
			background-repeat:no-repeat;
			background-position:top right;
			overflow:hidden;
			border:0;
		}
		.listItems thead .first div {
			border:0;
			background:none;
		}
		
		.listItems tbody {
			
		}
		.listItems tbody td {
			border:1px solid #CCCCCC;
			padding:2px;
			background-color:#FFFFFF;
		}
		
		.listItems tbody tr.first {
			padding:0;
			height:5px;
			overflow:hidden;
			font-size:9px;
			border:0;
			
		}
		.listItems tbody tr.first td  {
			background-image:url(../images/generic/corners/list-table-TBG.gif);
			background-repeat:repeat-x;
			background-position:top left;
			border:0;
			padding:0;
			height:5px;
			overflow:hidden;
			background-color:none;
			}
			
		.listItems tbody tr.first td.first  {
			background-image:url(../images/generic/corners/list-table-TL.gif);
			background-repeat:no-repeat;
			background-color:none;
		}
		.listItems tbody tr.first td.last {
			background-image:url(../images/generic/corners/list-table-TR.gif);
			background-position:top right;
			background-repeat:no-repeat;
			background-color:none;
		}
		/* table pre-footer corners.... */
		.listItems tbody tr.last {
			padding:0;
			height:5px;
			overflow:hidden;
			font-size:9px;
			border:0;
		}
		.listItems tbody tr.last td  {
			background-image:url(../images/generic/corners/list-table-BBG.gif);
			background-repeat:repeat-x;
			background-position:top left;
			border:0;
			padding:0;
			height:6px;
			overflow:hidden;
			}
			
		.listItems tbody tr.last td.first  {
			background-image:url(../images/generic/corners/list-table-BL.gif);
			background-repeat:no-repeat;
			background-position:top left;
			background-color:none;
		}
		.listItems tbody tr.last td.last {
			background-image:url(../images/generic/corners/list-table-BR.gif);
			background-position:top right;
			background-repeat:no-repeat;
			background-color:none;
		}
		
		.listItems tfoot tr {
			height:19px;
			padding:3px;
		}
		

	#fullPageContent {
		width:590px;
		height:435px;
		margin:0px 30px 5px 0px;
		float:left;
		overflow:auto;
		overflow-x:hidden;
		overflow-y:auto;
	} 	
	#linkToLogin {
		background-image:url(../images/signup/already-signed-in-link.gif);
		background-repeat:no-repeat;
		background-position:top left;
		padding:0 0 0 4px;
		width:175px;
		height:25px;
		line-height:24px;
		margin-left:350px;
		margin-top:-15px;
		z-index:100;

	}
	
	/* -- forms  --------------------------*/
	.textualInput {
		width:400px;
		margin:5px auto 20px 50px;
		float:left;
		font-size:10px;
	}
		.textualInput label {
			float:right;
			text-align:right;
		}
	
		.textualInput select,  .textualInput input {
			font-size:10px;
		}
		.textualInput input {
			width:120px;
		}
		.textualInput input.narrow {
			width:30px;
			text-align:left;
		}
		.textualInput #btnSubmit {
			width:54px;
			height:13px;
			margin:3px;
		}
	
	#chkOutAddress {
		float:right;
		width:500px;
	}
	
	#billingAddress, #shippingAddress {
		float:left;
		width:220px;
		display:block;
		margin:10px 10px 10px 0;
	
	}
	.superSkinny {
		margin-top:10px;
		/*width:210px;*/
	}
	.superSkinny input {
		width:80px;
	}
	.superSkinny .narrow {
		width:20px;
	}
	.superSkinny .medium {
		width:50px;
	}
	
	
/* Checkout page layout................................... */

#lhs-checkout {
	position:absolute;
	top:90px;
	width:190px;
	text-align:center;
	height:436px;
	font-size:10px;
	color: rgb(255,127,0); /* orange */
	text-align:left;
}
	#lhs-checkout ul {
		margin:3px; 
		padding:0 0 0 20px;
		}
	#lhs-checkout li {
		list-style-image:url(../images/generic/orangeArrow.gif);
		/*padding:0 0 0 0px*/
	}
	#lhs-checkout .sep {
		width:20%;
		margin:5px 0 5px 0;
	}
	
	#myBasketHeader table, #myBasketHeader td {
		width:100%;
		border:0;
		border-collapse:collapse;
	}	
	.plainTable, .plainTable td {
		border:0 !important;
		border-collapse:collapse !important;
	}
	
	#giftCert {
		margin:10px 0 10px 0;
	}
	
	#giftCert #CNTR {
		background-image:url(../images/generic/corners/signup-gift-cert-BG.gif);
		background-repeat:repeat-x;
		height:24px;
		float:left;
		width:484px;
		padding:0;
		margin:0;
		line-height:24px;
	}
	#giftCert input {
		margin:4px 0 0 0 ;
		padding:0 0 0 0;
	}
	#giftCert #CNTR .medium {
		width:80px 
	} 
	#giftCert #LHS {
		background-image:url(../images/generic/corners/signup-gift-cert-LHS.gif);
		background-position:top left;
		background-repeat:no-repeat;
		width:3px;
		height:24px;
		float:left;
	}
	
	#giftCert #RHS {
		background-image:url(../images/generic/corners/signup-gift-cert-RHS.gif);
		background-position:top right;
		background-repeat:no-repeat;
		width:3px;
		height:24px;
		float:left;
	}

	#subTotalDisplay {
		clear:right;
		height:22px;
		background-image:url(../images/checkout/subtotal-whiteBG.gif);
		background-position:right top;
		background-repeat:no-repeat;
		padding:5px 3px 0 3px;
	}

/* Customer service --------------------------------------------------------- */

.customer {
	background-image:url(../images/customer-service/service.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}


.customer form {
	margin-top:50px;
	margin-left:210px;
	width:380px;
	float:none;
}



	
	
/* Loyalty page */

	.loyaltyMain {
		background-image:url(../images/loyalty/enjoy-your-rewards.jpg);
		background-repeat:no-repeat;
		background-position:top left;
	}	
	.loyaltyMain #content {
		margin:70px 0 0 180px;
		
	}
	.loyaltyMain ul {
		padding:5px 0px 5px 15px;
	}

/* About pages */	

	.aboutMain #content #aboutImage {
		width:154px;
		margin:3px;
		float:right;
		text-align:center;
	}

	.aboutMain table {
		width:345px;
		text-align:center;
		border:1px solid #999999;
	}
	
/* FAQ page */
	
	
/* Contact page */
.contactDetails {
	background-image:url(../images/contact/contact-details.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}	

.contactDetails #content {
	margin-top:50px;
	margin-left:210px;
	width:380px;
	float:none;
	}
	
.contactDetails #content .textualInput {
	width:380px;
	margin:5px auto 20px 0px;

}
	
/* Store locator */

	.locator  #content {
		margin:70px 0 0 100px;
		float:none;
		}
			
	
/* Mens balms */
.mensBalms {
	background-image:url(../images/mens-balms.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}	

.mensBalms #content {
	margin-top:50px;
	margin-left:210px;
	width:380px;
	float:none;
	}
	

/* Homepage  */

.homePage #newsletterSignUp {
	width:124px;
	/*height:250px;*/
	position:absolute;
	top:275px;
	left:595px;
}

.homePage #frmNewsletterSignup {
	background-color:rgb(217,217,217); /* very light grey, 105 black */
	text-align:center;
}
	
.homePage  #frmNewsletterSignup input {
	width:100px;
	font-size:9px;
	line-height:8px;
}	
.homePage  #frmNewsletterSignup .narrow {
	width:10px;
	line-height:8px;
} 	
	
	
/* franchises */

.franchise {
	background-image:url(../images/franchise/franchise-bg.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	margin:0;
	padding:0;
	border:0;
}	

.franchise #caption {
	margin-top:25px;
	padding-top:17px;
	margin-left:210px;
	width:350px;
	float:none;
	}

.franchise #content {
	width:235px;
	}	
	
.franchise #content ul {
	margin:20px;
	padding:0;
	}

.franchise #downloadForm {
	margin-top:135px;
	margin-left:76px;
	width:87px;
	height:125px;
	color:#FFFFFF;
	text-align:center;
	
}
.franchise .plainTable {
	margin-top:20px;
}
	
.gift {
	background-image:url(../images/gift-certs/header.gif);
	background-repeat:no-repeat;
	background-position:top left;
	bo
}	
.gift #content {
	width:300px;
	margin-top:75px;
	margin-left:140px;
}
.gift #content p, .gift #content h1 {
	padding-left:20px;
}
	
	
/* FOOTER -------------------------------------------------------------------- */
#footer {
	position:absolute;
	top:535px;
	width:720px;
	text-align:center;
	color: rgb(255,127,0); /* orange */
}

/* Misc classes ------------------------------------------------------------------------------------------------------ */

.mens {
	/* class overides defaults.. makes things red, hopefully.*/
	color:#FF0000; /* Red */
}
.mens h1{
	color:#FF0000; /* Red */
}
.mens .orange {
	color:#FF0000; /* Red */
}
.mens #frmList {
	background-color:rgb(255,230,204); /* some sort of peach// */
	}
	
.mens #scrollBarThumb {
	background-color:#FF0000;
}

.mens #lhs-list #LHS-list-Gender {
	background-image:url(../images/generic/LHS-list-men.gif);
	}


.hidden {
	visibility:hidden;
	}

.left, .right {
	display:block;
}
.left {
	float:left;
}
.right {
	float:right;
	}

/* Corners..........................................................*/
.cnr-w-TL, .cnr-w-TR, .cnr-w-BR, .cnr-w-BL {
	width:3px;
	height:3px;
	overflow:hidden;
	position:absolute;
	background-repeat:no-repeat;
}
.cnr-w-TL {
	left:0;
	top:0px;
	background-image:url(../images/generic/corners/white-TL.gif);	
}
.cnr-w-TR {
	right:0;
	top:0px;
	background-image:url(../images/generic/corners/white-TR.gif);	
}

.cnr-w-BR {
	right:0;
	bottom:0;
	background-image:url(../images/generic/corners/white-BR.gif);	
}
.cnr-w-BL {
	left:0;
	bottom:0;
	background-image:url(../images/generic/corners/white-BL.gif);	
}

. uglyhack {
	
}

.grayBorder {
	/* ugly height hack here - try to mend it with internal elements heights? */
	height:434px;
	top:0;
	left:0;
	border:1px solid #808080; /* 40% black */
}

.homePage .grayBorder {
	/* even uglier .... */
	height:257px;
	top:0;
	left:0;
	border:1px solid #808080; /* 40% black */
}

.homePage #newsletterSignUp{
	/* firefox fucking up */
	margin-top:-5px;
	height:260px;
}
.homePage #newsletterSignUp .grayBorder {
	border-top:0;
	border-bottom:0;
	height:234px;
}	
.homePage #newsletterSignUp .irritating {
	margin-bottom:11px;
}



.FormSubmitBtn {
	width:54px !important;
	height:14px !important;
}
/*------------------------------------------------------------------------------------------------ */

#popup1 {
	position:absolute;
	left:0px;
	top:-120px;
	width:301px;
	height:99px;
	z-index:1;
}
#popup2 {
	position:absolute;
	left:10px;
	top:10px;
	width:284px;
	height:84px;
	z-index:2;
}

.on_sale {
	color:#0000FF;
	font-size:12px;
	font-weight:bold;	
}

.our_price {
	font-size:12px;
	font-weight:bold;	
}

.orange_bold {
	color: rgb(255,127,0); /* orange */
	font-size:12px;
}


#frmPromotion{
		width:165;
		overflow:hidden;
		height:18px;
		font-size:9px;
		text-align:center;
}