/*--------------------------------------

Perfume Site-Smelling lovely

Version 1.0
----------------------------------------*/

/**
 * News calendar.
 */
table.cal { 
    border-style: solid;
    border-color: #ffffff;
    border-width: 2px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    margin: 0px;
}
table.cal td { 
    font-weight: normal;
    text-align: center; 
    border-style:solid;
    border-color: #ffffff;  
    border-width: 0px;
    border-bottom-width: 2px;
    border-right-width: 2px;
    padding: 2px; 
    background: #e8e8ff; 
    color: #b0b0b0;
    font-size: 85%; 
}
table.cal th { 
    text-align: center; 
    border-style:solid;
    border-color: #ffffff;  
    border-width: 0px;
    border-bottom-width: 2px;
    border-right-width: 2px;
    background: #e9499c;
    color :#ffffff; 
    padding: 2px;
    font-size: 95%;
    font-weight: bold;
}
table.cal td.sel { 
    background: #e9499c;
    font-weight: bold; 
    color: #ffffff; 
}
table.cal td.empty { 
    background: #e0e0ff; 
}

table.form { 
    width: 100%; 
    font-weight: bold; 
    border-style: solid;
    border-width: 1px;
    border-color: #c0c0c0; 
}
table.form td { 
    padding: 2px; 
}
table.searchNav td { 
    font-weight: normal; 
    text-align: center; 
    border-style: solid;
    border-width: 1px;
    border-color: #c0c0c0;
    border-top-width: 0px;
    vertical-align: middle; 
    padding: 2px 4px 2px 4px; 
}
table.searchNav td.n { 
    border-color: #ffffff; 
}
table.searchNav td.prev, table.searchNav td.prev { 
    width: 50px; 
}
table.searchNav td.prev { 
    text-align: right; 
}
table.searchNav td.page { 
    font-weight: bold; 
    font-size: 12px; 
}
table.searchNav td.sel {
    background: #015a44; 
    font-weight: bold; 
    color: #ffffff; 
}
span.hilite { 
    font-weight: bold; 
    background-color: #b3f5de; 
    padding: 0; 
}


div.bounding{
	margin:									0px;
	padding:								0px;
	background:							#5baed6; 
	background-image:					url('/images/design/background.jpg');
    background-position:               top-left;
    background-repeat: repeat-x;
	border-style:						solid;
	border-color:						#999999;
	border-width:						1px;
	border-top-width:				0px;
	
}

div.back-image {
	background-image:						url('/images/design/header.jpg');
	background-position:               		top right;
	background-repeat:						no-repeat;
}

div.header {
	margin:									0px;
	padding:								0px;
	color:									transparent;
	background:								transparent;
	
	width:									100%;
	height:									200px;
	background-position:		top right;
	background-repeat:			no-repeat;
	text-align:							left;
	font-size:							90%;
}

img.logo {
	border-width:						0px;
	margin:									0px;
	margin-left:						10px;
	margin-top:							30px;
	padding:								0px;
}

div.search-box {
	margin:									0px;
	padding:								0px;
	padding-left:						10px;
	color:									#ffffff;
	background:							#f6c9de;
	text-align:							right;
	float: 									right;
	height:									29px;
	width:									769px;
	
}

input.search-form-field {
	border-style:						solid;
	border-color:						#f6c9de;
	border-width:						1px;
	margin-top:							4px;	
}

input.search-form-button {
	margin:									0px;
	padding:								0px;	
	border-width:						0px;
	vertical-align:					text-bottom;
	color:									#ffffff;
	font-weight:						bold;
	background:							#f6c9de;
}

.header a:link {
	padding:								0px;
	margin:									0px;
	color:									#ed2985;
	background:							#f6c9de;
	text-decoration:				none;
	text-align:							right;
}
.header a:visited {
	padding:								0px;
	margin:									0px;
	padding-bottom:					2px;	
	color:									#ed2985;
	background:							#f6c9de;
	text-decoration:				none;
	text-align:							right;
}
.header a:active {
	padding:								0px;
	margin:									0px;
	color:									#ffffff;
	background:							#f6c9de;
	text-decoration:				none;
	text-align:							right;
}
.header a:hover {
	padding:				0px;
	margin:					0px;
	color:					#60b0d8;
	background:							#f6c9de;
	text-decoration:		none;
	text-align:				right;
}

/* Breadcrumb Trail */
p.breadcrumb-trail {
	border-width:									0px;
	color:#ed2985;
}

p.breadcrumb-trail a:link {
	color:												#ed2985;
	background:										transparent;
	text-decoration:							none;
}
p.breadcrumb-trail a:visited {
	padding-bottom:								2px;	
	color:												#ed2985;
	background:										transparent;
	text-decoration:							none;
}
p.breadcrumb-trail a:active {
	color:												#ed2985;
	background:										transparent;
	text-decoration:							none;
}
p.breadcrumb-trail a:hover {
	color:												#60b0d8;
	background:										transparent;
	text-decoration:							none;
}



/* left menu. */
td.left {
	vertical-align:								top;
	padding:											5px;
	margin:												0px;
	width:												200px;
	font-size:										80%;
	color:												#666763;
	background:										transparent;
}

td.left h1 {
	padding:											0px;
	margin:												5px;
	margin-left:									14px;
	color:												##ed2985;
	font-size:										100%;
	border-style:									none;
	border-width:									0px;
	border-color:									#9E9E9C;
	border-bottom-width:					1px;
}

td.left ul {
	padding:											0px;
	margin:												5px;
	margin-left:									14px;
}

td.left li {
	margin:												5px;
	margin-left:									0px;
	padding:											0px;
	padding-bottom:								5px;
	border-style:									none;
	border-width:									0px;
	border-color:									#60b0d8;
	border-bottom-width:					1px;
	list-style:										none;
	font-weight:									bold;
}

ul.news {
}
ul.news  li {
    background: #ffffff;
    color: #b0b0b0;
}

td.left p{
	vertical-align:								top;
	padding:											0px;
	margin:												0px;
	margin-left:									14px;
	width:												200px;
	color:												#666763;
	background:										transparent;
	font-weight:									bold;
}

td.left a:link {
	padding:											0px;
	margin:												0px;
	color:												#ed2985;
	background:										transparent;
	text-decoration:							none;
}
td.left a:visited {
	padding:											0px;
	margin:												0px;
	padding-bottom:								2px;	
	color:												#ed2985;
	background:										transparent;
	text-decoration:							none;
}
td.left a:active {
	padding:											0px;
	margin:												0px;
	color:												#ed2985;
	background:										transparent;
	text-decoration:							none;
}
td.left a:hover {
	padding:											0px;
	margin:												0px;
	color:												#60b0d8;
	background:										transparent;
	text-decoration:							none;
}

td.left table {
    margin-left: 14px;
    margin-right: 5px;
}

/* Home page */

td.home-header {
	margin:												0px;
	padding:											0px;
	color:												#444444;
	background:										#ffffff;
	width:												779px;
	height:												29px;
	background-position:					top right;
	background-repeat:						no-repeat;
	text-align:										right;
	vertical-align:								top;
	font-size:										90%;
	background-image:							url('/images/design/magenta-bar-home.jpg')
}




td#how-box {
	background:										#ffffff url('/images/design/box1.gif');
	background-position:							top left;
	background-repeat:								no-repeat;
	width:											273px;
	height:											168px;
	
}

td#boutique-box{
	background:										url('/images/design/box2.gif');
	background-position:							top right;
	background-repeat:								no-repeat;
	width:											273px;
	height:											168px;
}

td#designer-box{
	background:										url('/images/design/box3.gif');
	background-position:							top left;
	background-repeat:								no-repeat;
	width:											273px;
	height:											168px;
}

td#luxury-box{
	background:										url('/images/design/box4.gif');
	background-position:							top right;
	background-repeat:								no-repeat;
	width:											273px;
	height:											168px;
}

td#celebrity-box{
	background:										url('/images/design/box5.gif');
	background-position:							top left;
	background-repeat:								no-repeat;
	width:											273px;
	height:											168px;
}

td#where-box{
	background:										url('/images/design/box6.gif');
	background-position:							top right;
	background-repeat:								no-repeat;
	width:											273px;
	height:											168px;
	
	
	
}

td#how-box a {
	display:											none;
}

td#boutique-box a {
	display:											none;
}

td#designer-box a {
	display:											none;
}

td#luxury-box a {
	display:											none;
}

td#celebrity-box a {
	display:											none;
}

td#where-box a {
	display:											none;
}

td#how-box p {
	padding-left:										12px;
	padding-right:										134px;
	padding-top:										12px;
	color:												#444444;
}

td#boutique-box p {
	padding-left:										12px;
	padding-right:										125px;
	padding-bottom:										12px;
	color:												#444444;
}

td#designer-box p {
	padding-left:										12px;
	padding-right:										134px;
	padding-bottom:										12px;
	color:												#444444;
}

td#luxury-box p {
	padding-left:										12px;
	padding-right:										134px;
	padding-top:										6px;
	color:												#fffff2;
}

td#celebrity-box p {
	padding-left:										14px;
	padding-right:										134px;
	padding-bottom:										25px;
	color:												#444444;
}

td#where-box p {
	padding-left:										14px;
	padding-right:										150px;
	padding-bottom:										12px;
	color:												#444444;
}

/* Content */

td.content {
	padding:											15px;
	margin:												0px;
	background:											transparent;
	color:											#000000;
	vertical-align:										top;
	text-align:											left;
	font-size:											80%;
}

td.content-home {
	padding:											0px;
	margin:												0px;
	vertical-align:								top;
	text-align:										left;
	font-size:										80%;
}

td#right {
	vertical-align:								top;
	padding:											4px;
	margin:												0px;
	width:												200px;
	font-size:										80%;
	color:												#666763;
	background:										transparent;
}

div.middle-content {
	width:											603px;
    border-width:                           1px;
    border-top-width:0px;
    border-bottom-width:0px;
    border-style:solid;
    border-color:#60b0d8;
    color: #000000;
    background:#ffffff;	
	-moz-opacity:										0.67;
	filter:												alpha(opacity=67);
}



div.main-content {
    padding-left:										26px;
	padding-right:										20px;
	}

div.top-content {
	background:										url('/images/design/top.gif') top left;
    height:24px;
    width:605px;
	-moz-opacity:										0.67;
	filter:												alpha(opacity=67);
}

div.bottom-content {
	background:										url('/images/design/bottom.gif') top left;
    height:24px;
    width:605px;
	-moz-opacity:										0.67;
	filter:												alpha(opacity=67);
}
/* Footer */

div.footer {
	background:										transparent;
	color:												#656262;
	font-size:										80%;
}

div.footer-right {
	float:												right;
}


div.footer a:link {
	padding:											0px;
	margin:												0px;
	color:												#656262;
	background:										transparent;
	text-decoration:							none;
}
div.footer a:visited {
	padding:											0px;
	margin:												0px;
	padding-bottom:								2px;	
	color:												#656262;
	background:										transparent;
	text-decoration:							none;
}
div.footer a:active {
	padding:											0px;
	margin:												0px;
	color:												#656262;
	background:										transparent;
	text-decoration:							none;
}
div.footer a:hover {
	padding:											0px;
	margin:												0px;
	color:												#000000;
	background:										transparent;
	text-decoration:							none;
}

div.bottom-boxes {
	height:												102px;
}

div.bottom-boxes h1 {
	color:												#ffffff;
	background:										transparent;
	margin-left:									6px;
	font-size:										100%;
	padding-top:									3px;
}

td.accessories-box {
	background-image:							url('/images/design/accessories-box.gif');
	background-position:					top left;
	background-repeat:						no-repeat;
	width:												265px;
	height:												102px;
	vertical-align:								top;
	cursor:												pointer;
}

td.accessories-box h1 {
	color:												#ffffff;
	background:										transparent;
	margin-left:									105px;
	font-size:										150%;
	padding-top:									8px;
	font-weight:									normal;
}

td.accessories-box p {
	color:												#ffffff;
	background:										transparent;
	margin-left:									105px;
}

td.accessories-box a:link {
	padding:											0px;
	margin:												0px;
	color:												#ffffff;
	background:										transparent;
	text-decoration:							underline;
	font-weight:									bold;
}
td.accessories-box a:visited {
	padding:											0px;
	margin:												0px;
	padding-bottom:								2px;	
	color:												#ffffff;
	background:										transparent;
	text-decoration:							underline;
	font-weight:									bold;
}
td.accessories-box a:active {
	padding:											0px;
	margin:												0px;
	color:												#ffffff;
	background:										transparent;
	text-decoration:							underline;
	font-weight:									bold;
}
td.accessories-box a:hover {
	padding:											0px;
	margin:												0px;
	color:												#000000;
	background:										transparent;
	text-decoration:							underline;
	font-weight:									bold;
}

td.bottom-box-spare {
	width:												6px;
}

td.safety-box {
	background-image:							url('/images/design/safety-box.gif');
	background-position:					top right;
	background-repeat:						no-repeat;
	width:												265px;
	height:												102px;
	vertical-align:								top;
	cursor:												pointer;
}

td.safety-box h1 {
	color:												#ffffff;
	background:										transparent;
	margin-left:									105px;
	font-size:										150%;
	padding-top:									8px;
	font-weight:									normal;
}

td.safety-box p {
	color:												#ffffff;
	background:										transparent;
	margin-left:									105px;
}

td.safety-box a:link {
	padding:											0px;
	margin:												0px;
	color:												#ffffff;
	background:										transparent;
	text-decoration:							underline;
	font-weight:									bold;
}
td.safety-box a:visited {
	padding:											0px;
	margin:												0px;
	padding-bottom:								2px;	
	color:												#ffffff;
	background:										transparent;
	text-decoration:							underline;
	font-weight:									bold;
}
td.safety-box a:active {
	padding:											0px;
	margin:												0px;
	color:												#ffffff;
	background:										transparent;
	text-decoration:							underline;
	font-weight:									bold;
}
td.safety-box a:hover {
	padding:											0px;
	margin:												0px;
	color:												#000000;
	background:										transparent;
	text-decoration:							underline;
	font-weight:									bold;
}

div#price-check {
	margin:					0px;
	padding:				0px;
	color:					#ffffff;
	background:				transparent;
	background-image:		url('/images/design/price-search.jpg');
	background-repeat:		no-repeat;
	background-position:	top left;
	border-width:			0px;
	width:					140px;
	height:					137px;
	vertical-align:			top;
}

div#price-check h2 {
  color:        #ffffff;
  background:   transparent;
  margin:        0px;
  margin-right:	 10px;
  margin-bottom:        0px;
  padding-top:    85px;
  font-size:      100%;
}
div#price-check h3 {
	margin:				0px;
	 margin-right:	 16px;
	margin-bottom:			0px;
	background:			transparent;
	color:				#E9499C;
	font-family:			arial,helvetica,sans-serif;
	font-size:			100%;
	font-weight:			bold;
}
div#price-check h4 {
	margin:				0px;
	 margin-left:	 12px;
	margin-bottom:			0px;
	background:			transparent;
	color:				#E9499C;
	font-family:			arial,helvetica,sans-serif;
	font-size:			100%;
	font-weight:			bold;
}
div#price-check p {
  color:        #ffffff;
  background:   transparent;
  font-size:      100%;
}
div#price-check a:link {
  color:        #ffffff;
  background:   transparent;
}
div#price-check a:visited {
  color:        #ffffff;
  background:   transparent;
}
div#price-check a:active {
  color:        #ffffff;
  background:   transparent;
}
div#price-check a:hover {
  color:        #000000;
  background:   transparent;
}

/* DATA LIST */
/* ========= */
/* Styles for data lists */

/* table.list - use for list tables */
table.list {
	margin:					0px;
	margin-bottom:			16px;
}
.list td {
    vertical-align: top;
}
/* caption.list - use for list table captions where required */
caption.list {
	border-style:			dashed;
	border-color:			#bebebe;
	border-width:			0px;
	border-top-width:		1px;
}
/* td.list-odd - use for odd-numbered list rows */
td.list-odd {
	padding-left:			4px;
	padding-right:			4px;
	background:			#f0f0ff;
	color:				#222222;
}
/* td.list-even - use for even-numbered list rows */
td.list-even {
	padding-left:			4px;
	padding-right:			4px;
	background:			#ffffff;
	color:				#616972;
}

/* DATA FORM */
/* ========= */
/* Styles for data forms */

/* table.form - use for the table containing the form */
table.form {
	margin:				0px;
	margin-bottom:			16px;
	margin-left:			20px;
}
/* td.form-header - use for 'header' rows in forms */
td.form-header {
	background:			transparent;
	color:				#226644;
	font-weight:			bold;
	border-style:			solid;
	border-color:			#226644;
	border-width:			0px;
	border-top-width:		1px;
	border-bottom-width:		1px;
}
/* td.form-label - use for cells containing form field labels (e.g. 'Name:') */
td.form-label {
	background:			transparent;
	color:				#616972;
	font-weight:			bold;
	padding-right:			10px;
}
/* td.form-field - use for cells containing form fields */
td.form-field {
	margin:										0px;
	padding:										0px;
	background:			transparent;
	color:				#616972;
}
/* td.form-error - use for cells containing form error messages */
td.form-error {
	background:			transparent;
	color:				#ff0000;
	font-weight:			bold;
}
/* input.form-button - use for form submit and cancel buttons */
input.form-button {
	font-weight:			bold;
}
/* td.form-space - use for adding space rows in forms */
td.form-space {
	font-size:			1px;
}

/* ADMIN CONTROLS */
/* ============== */
/* Styles for highlighting in-page admin controls (links, buttons etc) */

/* ADMIN CONTROLS */
table.admin {
    border-style:             solid;
    border-width:             1px;
    border-top-width:         0px;
    border-color:             #ffc000;
    margin:                   0px;
    margin-bottom:            10px;
    background:               #ffffe0;
    color:                    #000000;
}
.admin caption {
    background:               #ffff00;
    color:                    #000000;
    text-align:               left;
    font-weight:              bold;
    padding:                  2px;
    border-style:             solid;
    border-width:             1px;
    border-bottom-width:      0px;
    border-color:             #ffc000;
    white-space:              nowrap;
}
.admin td {
    text-align:               left;
    vertical-align:           top;
    background:               #ffffe0;
    color:                    #404040;
}
.admin td.form-error {
    color:                 #c00000;
    font-weight:           bold;
    background-image:      url('/images/error.gif');
    background-position:   top left;
    background-repeat:     no-repeat;
    padding-left:          27px;
}
td.admin {
    background:               #ffff00;
    color:                    #000000;
}
p.admin {
    background:               #ffff00;
    color:                    #000000;
}
span.admin {
    background:               #ffff00;
    color:                    #000000;
}

/* CORE STYLES */
/* =========== */
/* Base HTML elements that should be styled */
body {
	margin:					0px;
	padding:				0px;
	background:				#ffffff;
	color:					#000000;
	font-family:			arial,verdana,helvetica,sans-serif;
	font-weight:			normal;
	height:					100%;
	width:					781px;
	margin-right: 			auto;
	margin-left: 			auto;
	position: 				relative;
	border-style:				solid;
	border-color:				#999999;
	border-width:				0px;
	border-top-width:				0px;
}
h1 {
	padding:											0px;
	margin:												0px;
	margin-bottom:								12px;
	background:										transparent;
	color:												#E9499C;
	font-family:									arial,verdana,helvetica,sans-serif;
	font-size:										160%;
	font-weight:									bold;
}
h2 {
	margin:				0px;
	margin-bottom:			10px;
	background:			transparent;
	color:				#E9499C;
	font-family:			arial,helvetica,sans-serif;
	font-size:			140%;
	font-weight:			bold;
}
h3 {
	margin:				0px;
	margin-bottom:			8px;
	background:			transparent;
	color:				#E9499C;
	font-family:			arial,helvetica,sans-serif;
	font-size:			130%;
	font-weight:			bold;
}
h4 {
	margin:				0px;
	margin-bottom:			6px;
	background:			transparent;
	color:				#E9499C;
	font-family:			arial,helvetica,sans-serif;
	font-size:			120%;
	font-weight:			bold;
}
h5 {
	margin:				0px;

	margin-bottom:			4px;
	background:			transparent;
	color:				#E9499C;
	font-family:			arial,helvetica,sans-serif;
	font-size:			110%;
	font-weight:			bold;
}
p {
	margin:				0px;
	margin-bottom:		16px;
	background:			transparent;
	color:				#000000;
	font-family:			arial,verdana,helvetica,sans-serif;
	font-weight:			normal;
}
ul {
	margin:						0px;
	margin-bottom:		10px;
}
li {
	list-style:			disc;
	margin-left:			28px;
}
caption {
	margin:				0px;
	padding:			2px;
	background:			transparent;
	color:				#505050;
	font-family:			arial,verdana,helvetica,sans-serif;
	font-size:			82%;
	font-weight:			bold;
}
th {
	background:				#505050;
	color:					#ffffff;
	font-family:			arial,verdana,helvetica,sans-serif;
	font-size:				82%;
	font-weight:			bold;
}
td {
	font-family:								arial,verdana,helvetica,sans-serif;
	font-weight:								normal;
}
form {
	margin:											0px;
	margin-bottom:							10px;
	padding:										0px;
}
input {
	font-family:			arial,verdana,helvetica,sans-serif;
	font-weight:			normal;
}
textarea {
	font-family:			arial,verdana,helvetica,sans-serif;
	font-weight:			normal;
}
select {
	font-family:			arial,verdana,helvetica,sans-serif;
	font-weight:			normal;
}
a:link {
}
a:visited {
}
a:active {
}
a:hover {
}

/* END */