/* 
################################################################
stylesheet for aromametropolitan.com 

Please note: if you make changes to this style sheet you must 
also update the one in the secure directory and 
then upload to /secure on the server
###############################################################
*/

body{
	font: 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0
}
b,strong{
	font-weight: bold;
}
body,table,th,tr,td,ul,ol,li,dl,dt,dd{
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

a:link, a:visited {
	color: #004A8D;
	text-decoration: underline
}

a:hover, a:active {
	color: #8D0024;
	text-decoration: underline
}

hr{
	background-color: transparent;
	color: #08286b;
}
input{
	font-size: 11px;
	vertical-align: middle
}
li{
	font: 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding-right: 5px;
	text-align: justify;
}
p{
	font: 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding-right: 5px
}
select, option, optiongroup {
	font-size: 10px
}
.cat-chd-heading{
	background-color: transparent;
	color: #ff6600;
	font: bold 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.cat-chd-item{
	background-color: transparent;
	color: #ff6600;
	font: normal 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-transform: none;
}
.cat-chd-item A{
	background-color: transparent;
	color: #ff6600;
	font: normal 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: none;
	text-transform: none;
}
.cat-chd-item A:hover{
	text-decoration: underline;
	text-transform: none;
}
.cat-chd-prod{
	background-color: transparent;
	color: #08286b;
	font: normal 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding-bottom: 5px;
	text-decoration: none;
	text-transform: none;
}
.cat-chd-prod A{
	background-color: transparent;
	color: #08286b;
	font: normal 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: none;
	text-transform: none;
}
.cat-chd-prod A:hover{
	text-decoration: underline;
}
.cat-cla-heading{
	background-color: transparent;
	color: #092869;
	font: bold 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.cat-cla-item{
	background-color: transparent;
	color: #092869;
	font: normal 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-transform: none;
}
.cat-cla-item A{
	background-color: transparent;
	color: #092869;
	font: normal 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: none;
	text-transform: none;
}
.cat-cla-item A:hover{
	text-decoration: underline;
	text-transform: none;
}
.cat-cla-prod{
	background-color: transparent;
	color: #08286b;
	font: normal 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: none;
	text-transform: none;
}
.cat-cla-prod A{
	background-color: transparent;
	color: #08286b;
	font: normal 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: none;
	text-transform: none;
}
.cat-cla-prod A:hover{
	text-decoration: underline;
}
.cat-rom-heading{
	background-color: transparent;
	color: #ffffff;
	font: bold 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.cat-rom-item{
	background-color: transparent;
	color: #ffffff;
	font: normal 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-transform: none;
}
.cat-rom-item A{
	background-color: transparent;
	color: #ffffff;
	font: normal 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: none;
	text-transform: none;
}
.cat-rom-item A:hover{
	text-decoration: underline;
	text-transform: none;
}
.cat-rom-prod{
	background-color: transparent;
	color: #08286b;
	font: normal 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: none;
	text-transform: none;
}
.cat-rom-prod A{
	background-color: transparent;
	color: #08286b;
	font: normal 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: none;
	text-transform: none;
}
.cat-rom-prod A:hover{
	text-decoration: underline;
}
.contestmember{
	background-color: transparent;
	color: #ffffff;
	font: bold 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
}

.newsTitle{
	background-color: #FF9300;
	color: #ffffff;
	font: bold 15px Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin: 3px;
	padding: 3px 5px 2px 5px;
}
.newsDetails, .newsDate {
	font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin: 3px;
	padding: 3px 5px 2px 5px;
}
.newsDate {
	font: 10px Verdana,Geneva,Arial,Helvetica,sans-serif!important;
	text-align:right;
}


.linksBreak {
border: 0;
color: #000000;
background-color: #000000;
height: 1px;
width: 100%;
}

.counter{
	font: bold 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.fieldlabel{
	background-color: transparent;
	color: #08286b;
	font: bold 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.fieldlabel A{
	background-color: transparent;
	color: #08286b;
	font: bold 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.fieldlabelred{
	background-color: transparent;
	color: #FF0000;
	font: bold 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.form{
	margin: 0px;
	padding: 0px;
}
.gray{
	background-color: transparent;
	color: #606060;
	font: italic 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.header1{
	background-color: transparent;
	color: #08286b;
	font: bold 18px Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding-bottom: 5px;
}
.header2 {
	background-color: transparent;
	color: #08286b;
	font: bold 14px Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin-bottom: 0px;
}
.header2 a {
	background-color: transparent;
	color: #08286b;
	font: bold 14px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: none;
}

.header-news {
	background-color: transparent;
	font: 14px Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.header-news a {
	background-color: transparent;
	font: 14px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}

.heading {
	background-color: transparent;
	color: #393939;
	font: bold 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.heading  a:hover{
	text-decoration: none;
}
.heading a{
	background-color: transparent;
	color: #393939;
	font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: none;
}
.itemdescription{
	background-color: transparent;
	color: #08286b;
	font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin-bottom: 5px;
}
.items a{
	background-color: transparent;
	color: #393939;
	font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: none;
}
.items a:hover{
	background-color: transparent;
	color: #393939;
	text-decoration: underline;
}
.largelinks{
	background-color: transparent;
	color: #08286b;
	font: bold 15px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: none;
}
.largelinks:hover {
	background-color: transparent;
	color: #993333;
	text-decoration: underline;
}
.lineheight{
	line-height: 1.3em;
}
.links {
	background-color: transparent;
	color: #08286b;
	font: bold 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: underline;
}
.links:hover {
	background-color: transparent;
	color: #ff0000;
	text-decoration: underline;
}

.largeText {
	font: 14px Verdana,Geneva,Arial,Helvetica,sans-serif;
}

.newslinks, .newslinks a {
	background-color: transparent;
	font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.newslinks a, .charityLinks a {
	text-decoration:none!important;
}
.newslinks a:hover, .charityLinks a:hover {
	color: #ff0000;
	text-decoration:underline!important;
}

.redLink, .charityLinks {
	color: #ff0000!important;
}

.orderHeader{
	font: bold 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.orderItems{
	font: 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.ordermessage{
	background-color: transparent;
	color: #ff0000;
	font: bold 14px Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding: 5px;
}
.producttitle{
	background-color: transparent;
	color: #08286b;
	font: bold 18px Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding-bottom: 10px;
}
.small{
	font-size: 10px;
}
.smallindent{
	font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding-left: 20px;
}
.specialprice{
	background-color: #eeeeee;
	color: #08286b;
	font: bold 15px Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding-bottom: 0px;
}
.specialtitle{
	background-color: transparent;
	color: #08286b;
	font: bold 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	padding: 2px;
}
.prizetitle{
	background-color: transparent; 
	color: #08286b;*/
	font: bold 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	padding-bottom: 8px;
	margin-bottom: 5px;
	/* border-bottom: 1px solid #08286b; */
}
.prizeheadline{
	background-color: #eeeeee;
	color: #08286b;
	font: bold 14px Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding-bottom: 0px;
}
.title{
	background-color: transparent;
	color: #ffffff;
	font: bold 15px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.titleitalic{
	background-color: transparent;
	color: #ffffff;
	font: bold italic 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
#legal{
	background-color: transparent;
	color: #999999;
	font: italic 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding: 0px 0px 15px 15px;
}
#legal A{
	background-color: transparent;
	color: #999999;
	font: italic 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: none;
}
#legal A:hover{
	text-decoration: underline;
}
#legallinks{
	background-color: transparent;
	padding: 5px 0px 5px 15px;
	margin-top: 10px;
	border-top: 1px dashed #cccccc;
}
#legallinks A{
	background-color: transparent;
	color: #08286b;
	font: italic 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: underline;
}
#legallinks A:hover{
	background-color: transparent;
	color: #333333;
}
#massage{
	margin: 4px;
	padding: 4px;
}
#massage #course{
	background-color: transparent;
	color: #08186b;
	font: bold 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-decoration: underline;
}
#massage #description{
	background-color: transparent;
	color: #666666;
	font: normal 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
#massage #description A{
	text-decoration: none;
}
#massage #description A:hover{
	text-decoration: underline;
}
.prod-heading{
	font: bold 16px Verdana,Arial,Helvetica,sans-serif;
	color: #cccccc;
}
.header3{
	background-color: transparent;
	color: #08286b;
	font: bold 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-transform: uppercase;
}.pagetitle{
	background-color: transparent;
	color: #08286b;
	font: bold 18px Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding-bottom: 8px;
	margin-bottom: 5px;
	border-bottom: 1px solid #08286b;
}


.error{
	color: #ff0000;
	background-color: transparent;
	font: bold 11px Verdana,Arial,Helvetica,sans-serif;
}

h4.classic {
	width: 173px;
	height: 35px;
	text-indent:-200em;
	overflow: hidden;
	margin: 8px auto;
	background: url(images/classic-catalogue-hdr.jpg) top left no-repeat
}

.catalogue-table {
	margin: 0 0 0 15px
}

.catalogue-table td p {
	padding: 0 6px;
	margin:0
}

.mailing-list-table {
	margin: 0 0 0 15px
}

.mailing-list-table h3 {
	font: 15px Arial;
	margin: 0;
	padding: 2px 15px 0 15px;
	font-weight: bolder;
	float: left
}

.mailing-list-table label {
	font-weight: bolder;
	font: 11px Arial
}
.business {
		font: 12px Arial;
	color: #08286B;
	width: 100%;
}
.metrodir {
	font: 12px Arial;
/*	width: 100%;*/
	color: #08286B;
}
#metrocardtablelarge {
	overflow: hidden;
	width: 800px;
	font: 12px Arial;
	color: #08286B;
	background-image: url(../images/metrocard-page-top.gif);
	background-repeat: no-repeat;
}
#metrocardtablelarge p {
	font: 12px Arial;
	color: #08286B;
	padding-left: 118px;
}
#metrocardtable {
	overflow: hidden;
	padding: 0 10px 0 10px;
	font: 13px Arial;
	width: 761px;
	color: #08286B;
}
#companytxt {
	padding: 0 10px 0 10px;
	font: 13px Arial;
	color: #08286B;
}
.mailing-list-table form {
	margin: 0;
	padding: 2px 0 0 0
}

.mailing-list-table input.text {
	width: 90px
}

.monthly-special-table {
	overflow: hidden;
	margin: 0 0 0 15px;
	padding: 5px 0 5px 0;
	background: #eee9be url(images/monthly-special-bg.gif) 498px 0 no-repeat
}

.monthly-special-table h4 {
	font: 13px Arial;
	color: #08286B;
	font-weight: bold;
	margin: 5px 0 0 15px;
	padding: 0
}

* html .monthly-special-table h4 {
	margin-bottom: -5px
}

.special-small-container {
	width: 246px;
	float: left;
	display: inline;
	margin: 5px 0 0 3px
}

.special-small-top {
	float: left;
	width: 246px;
	height: 11px;
	background: url(images/monthly-special-top-bg.jpg) bottom left no-repeat
}

.special-small-table {	/* this is the div containing the specials table */
	float: left;
	width: 246px;
	background: url(images/monthly-special-mid-bg.jpg) top left repeat-y
}

.special-small-bottom {
	float: left;
	width: 246px;
	height: 9px;
	background: url(images/monthly-special-bottom-bg.jpg) top left no-repeat
}

.special-small-table table {
	margin: 5px 0 0 15px;
	padding: 0
}

.special-small-table table table {
	margin: 0;
	padding: 0
}

.special-small-table form {
	margin: 0;
	padding: 0
}

.footer {
	clear:both;
	margin-top: 30px;
	width: 100%
}

.footer p {
	color: Silver;
	padding: 0 15px;
	margin: 0
}

.footer a:link, .footer a:visited {
	color: Silver;
	text-decoration: none
}

.footer a:hover, .footer a:active {
	color: Silver;
	text-decoration: underline
}

/* ------------------------- */
/*   Shopping Cart Buttons   */
/* ------------------------- */

input.red-sumbit-button {
	width: 162px;
	height: 26px;
	overflow: hidden;
	background: url(images/red-submit-btn.gif) no-repeat;
	/* text-indent:-5000px; */
	cursor: pointer;
	border: 0;
	outline: none;
}

div.have-rep-number {
	width: 537px;
	height: 190px;
	overflow: hidden;
	position: relative;
	background: url(images/have-rep-number-bg.gif) no-repeat;
}

div.have-rep-number input.red-sumbit-button {
	position: absolute;
	top: 124px;
	left: 315px;
}

div.have-rep-number-sm {
	width: 537px;
	height: 114px;
	overflow: hidden;
	position: relative;
	background: url(images/have-number-small.gif) no-repeat;
}

div.have-rep-number-sm input.red-sumbit-button {
	position: absolute;
	top: 50px;
	left: 315px;
}

input.ma-number {
	background-color: #dce6ef;
	border-top: 1px solid black;
	border-right: 1px solid black;
	font-size: 14px;
	padding: 2px 0 0 5px;
	font-weight: bold;
	letter-spacing: .04em;
}

div.have-rep-number-sm input.ma-number {
	position: absolute;
	top: 50px;
	left: 80px;
	width: 220px;
	height: 23px;

}

div.have-rep-number input.ma-number {
	position: absolute;
	top: 124px;
	left: 80px;
	width: 220px;
	height: 23px;
}

div.no-rep-number {
	width: 339px;
	height: 190px;
	overflow: hidden;
	position: relative;
	background: url(images/no-rep-number-bg.gif) no-repeat;
}

div.no-rep-number input.red-sumbit-button {
	position: absolute;
	top: 126px;
	left: 80px;
}

div.rep-order-approved {
	width: 337px;
	height: 114px;
	overflow: hidden;
	position: relative;
	background: url(images/order-approved.gif) no-repeat;
}

div.rep-order-approved input.red-sumbit-button {
	position: absolute;
	top: 51px;
	left: 80px;
}


table.rep-number-tbl {
	margin-top: 15px;
}

a.oops {
	width: 310px;
	height: 36px;
	background: url(images/oops.gif) no-repeat;
	margin-left: 15px;
	overflow: hidden;
	display: block;
	text-indent: -5000px;
}

.subnav-divider {
	width: 82%;
	text-align: right;
	margin-right: 0;
	color: #FF9300;
	background-color: #FF9300;
	height: 4px;
}