﻿/* Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* Fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* Base */
h1 {font-size:123.1%;}
h2 {font-size:123.1%;}
h3,h4 {font-size:108%;}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;}
em {font-style:italic;}
ol,ul,dl {margin-left:2em; margin-bottom: 10px;}
ol li {list-style: decimal outside;}
ul li {list-style: disc outside;}
ol.alpha li {list-style: lower-alpha outside;}
/* Layout */
body {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#page {
	margin: auto;
	text-align: left;
	width: 972px;
}
.layout1, layout2 {
	margin: auto;
	text-align: left;
	width: 100%;
}
.container {
	position: relative;
}
.container {
	_position: static;
}
.layout-main .container {
	position: static;
}
.layout-main {
	width: 100%;
}
.layout1 .layout-main {
	float: right;
	/* IE: preserve layout at narrow widths */
	margin-left: -25em;
}
.layout1 .container {
	float: left;
	width: 160px;
}
.layout1 .layout-main .container 
{
    margin-left: 172px;
    width: 800px;
}
.layout2 .container-main 
{
    float: left;
    width: 720px;
}
.layout2 .container-side {
	float: right;
	width: 240px;
}
.grid
{
    padding: 12px;
}
.grid .half-left
{
    float: left;
    width: 45%;    
}
.grid .half-right
{
    float: right;
    width: 45%;    
} 
.grid .full-left
{
    float: left;
    width: 468px;    
}
.grid .full-right
{
    float: right;
    width: 468px;    
}     
.grid .inner-main1
{
    float: left;
    width: 514px;
}
.grid .inner-side1
{
    float: right;
    width: 250px;
}
.grid .inner-main2
{
    float: left;
    width: 750px;
}
.grid .inner-side2
{
    float: right;
    width: 180px;
}
.grid .inner-main3
{
    float: left;
    width: 484px;
}
.grid .inner-side3
{
    float: right;
    width: 200px;
}
        
.grid:after,
.layout1:after,
.layout2:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.grid,
.layout1,
.layout2 {
	zoom: 1;
}
/* Master */
html
{
    background-color: #E6E6E6;
    background-image: url('/images/master/header/headgrad.png');
    background-repeat: repeat-x;    
}
body
{
    color: #666666;
}
p
{
    font-size: 93%;
    line-height: 1.54em;
    margin-bottom: 10px;
}
a
{
    color: #7aa3c0;
}
h1,h2 {margin-bottom: 10px;color: #ff9900;}
h3,h4 {margin-bottom: 3px;color: #7aa3c0;} 
.boxwhite
{
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    padding: 12px;
}
.boxwhiteflatb
{
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    padding: 12px;
    border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;    
}
#Breadcrumbs
{

  
}
#Breadcrumbs span
{
    padding: 0px 6px 0px 6px;
}
.tabboxwhite
{
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    padding: 12px;
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;    
}
.tabboxgray
{
    background-color: #666666;
    border: solid 1px #666666;
    padding: 12px;
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;    
}
.Highlight
{
    color: #7aa3c0;
}
.HighlightO
{
    color: #FF9900;
}
.HighlightOB
{
    color: #FF9900;
    font-weight: bold;
}
.fontsmall
{
    font-size: 85%;
}
#share1
{
    padding-top: 3px;
}
#share2
{
    padding-top: 3px;
}
#share3
{
    padding: 3px 25px 0px 10px;
}
#share4
{

}

/* Header */
#tagline
{
    text-align: right;
    padding-top: 10px;
    color: #7AA3C0;
}
#tagline .head a
{
    color: #FF9900;
    font-weight: bold;
    font-style: italic;
    font-size: 123.1%;
    text-decoration: none;
}
#tagline .head
{
    color: #FF9900;
    font-weight: bold;
    font-style: italic;
    font-size: 123.1%;
    text-decoration: none;
}
#headnav
{
    background-color: #7aa3c0;
    border: solid 1px #7aa3c0;
    padding: 8px 0px 8px 0px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    background-image: url( '/images/master/header/HeadNavGrad.png');
    background-repeat: repeat-x;
    font-size: 108%;
    font-weight: bold;
    text-align: center;                 
}
#headnav a
{
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 32px;
    padding-right: 33px;
    background-image: url( '/images/master/header/HeadNavDiv.png');
    background-repeat: no-repeat;
    background-position: right;    
}
#headnav a.last
{
    background-image: none;
}
#headnav a:hover
{
    color: #ffdd59;
}
#topsearch
{
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    margin-bottom: 12px;
}
#topsearch
{
    text-align: center;
}
#topsearch img
{
    vertical-align: middle;
    padding: 0px 6px 0px 0px;       
}
#topsearch .box
{
    border: solid 1px #CCCCCC;
    color: #666666;
    padding: 1px 4px 1px 4px;
    width: 190px;
    vertical-align: middle;    
}
#topsearch .button
{
    height: 21px;
    width: 53px;
    vertical-align: middle;
    padding: 0px 0px 0px 6px;     
}

#searchmob .formcell
{
    width: 60%;
}
#searchmob .fillcell
{
    width: 20%;
    text-align: right;
}     

/* Left Column */
#atoz
{
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    text-align: center;
    padding: 39px 0px 12px 0px;
    margin-bottom: 12px;
    background-image: url('/images/master/left/atoz.png');
    background-repeat: no-repeat;
    background-position: top;    
}
#topbrands
{
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    padding: 35px 12px 12px 12px;
    margin-bottom: 0px;
    background-image: url('/images/master/left/topbrands.png');
    background-repeat: no-repeat;
    background-position: top;             
}
#topbrands ul
{
    margin-left: 0px;
    font-size: 93%;
}
#topbrands li
{
    list-style-type: none;
    line-height: 1.54em;    
}
#topbrands a
{
    text-decoration: none;
    color:#666666;
}
#topbrands a:hover
{
    color:#7aa3c0;
}                
#topbrands .viewall a
{
    font-weight:bold;
    color:#7aa3c0;
}
#topbrands .viewall a:hover
{
    color: #ffad33;
} 
/* Product Related */
#BrandProdHead
{
    background-color: #FFFFFF;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;    
}
#BrandProdHead .PageTitle
{
    /*color: #FF9900;
    font-size: 123.1%;
    font-weight: bold;
        */
    padding: 13px 0px 13px 30px;
}
#BrandProdHead .PageTitle img
{
    padding: 0px 5px 0px 12px;
}
#BrandProdHead .PageTitle span
{
    /*font-size: 11px;
    font-weight: normal;
    color: #666666;*/
    color: #FF9900;
    font-size: 123.1%;
    font-weight: bold;    
}      
#BrandProdHead .Logo
{
    float: right;
    margin-right: 13px;
    margin-top: 5px;
}
.productsgrid
{
    border: solid 1px #666666;
    border-spacing: 0px;
    width: 100%;
}
.productsgrid td
{
    text-align: center;
    vertical-align: top;
    padding: 8px 8px 8px 8px;
    border: dotted 1px #999999;
    width: 20%;
}
.productsgrid img
{
    margin: 4px 0px 4px 0px;
}    
.productsgrid a
{
    color: #FFFFFF;
    font-size: 93%;
    text-decoration: none;
}
.productsgrid a:hover
{
    color: #FF9900;
}
.productsgrid img
{
    border: solid 1px #666666;
}  
.productsgrid img:hover
{
    border: solid 1px #FF9900;
}
.OptionsHead 
{
    background-color: #7aa3c0;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 108%;
    padding: 5px 15px 5px 15px;
    background-image: url( '/images/master/OptionGrad.png');
    background-repeat: repeat-x;    
}
.OptionsBody
{
    background-color: #FFFFFF;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    padding: 5px 12px 5px 12px;
}
.OptionsHead table, .OptionsBody table
{
    width: 100%;
}
.OptionsBody table
{
    border: solid 1px #FFFFFF;
    border-collapse: collapse;
}    
.OptionsBody td
{
    padding: 10px 0px 10px 0px;
    border-bottom: dotted 1px #CCCCCC;
}
.OptionsBreak
{
    height: 3px;
    background-color: #8CBCDE;
    margin: 12px 0px 12px 0px;
}
.oLogo
{
    width: 22%;
}    
.oSize
{
    width: 34%;
}
.oPrice
{
    width: 14%;
    text-align: center;
}
.oTotal
{
    width: 14%;
    font-size: 116%;
    text-align: center;    
}
.oGo
{
    width: 14%;
    text-align: center;    
}
.brandlogos
{
    width: 100%;
    background-color: #FFFFFF;
    border: solid 1px #FFFFFF;
    border-spacing: 0px;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}
.brandlogos td
{
    text-align: center;
    border: dotted 1px #999999;
    width: 20%;
}    
.brandlogos img
{
    border: solid 1px #FFFFFF;
    margin: 8px 0px 8px 0px;
}  
.brandlogos img:hover
{
    border: solid 1px #FF9900;
}
.AlphaContainer
{
    width: 100%;
}
.AlphaContainer td
{
    width: 20%;
    vertical-align: top;
}    
.AlphaTop
{
    background-color: #CECECE;
    padding: 3px 0px 3px 8px;
    font-weight: bold;
}    
.AlphaList
{
    padding: 5px 5px 10px 8px;
} 
.MoreProducts
{
    text-align: center;
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
}
.MoreProducts a
{
    color: #FF9900;
    text-decoration: none;
}
#PartnerLinks a
{
    font-weight: bold;
}    
.productreviews
{
    padding-bottom: 13px;
    border-bottom: dotted 1px #999999;
}

.brandnews p
{
    padding-bottom: 13px;
    border-bottom: dotted 1px #999999;
}  
 
.nonews
{
    margin: 50px 0px 50px 0px;
}    
         
/* Home Styles */
.homedeal
{
    width: 100%;
}
.homedeal tr
{
    vertical-align: middle;
}
.homedeal .logo
{
    width: 180px;
}    
.homedeal .deal
{
    text-align: center;
}
.homenews
{
    padding-bottom: 13px;
    border-bottom: dotted 1px #999999;
}            

/* Merchant Styles */
.merchantlogos
{
    width: 100%;
    background-color: #FFFFFF;
    border: solid 1px #FFFFFF;
    border-spacing: 0px;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}
.merchantlogos td
{
    text-align: center;
    border: dotted 1px #999999;
    width: 25%;
}    
.merchantlogos img
{
    border: solid 1px #FFFFFF;
    margin: 10px 0px 10px 0px;
}  
.merchantlogos img:hover
{
    border: solid 1px #FF9900;
}  

/* tab pane styling */
ul.jqTabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	/*border-bottom:1px solid #99CC00;	*/
	height:30px;
}
ul.jqTabs.PadLeft
{
    padding-left: 12px;
}    
ul.jqTabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-type: none;
	list-style-image:none !important; 
}
ul.jqTabs a { 
	background: url('/images/master/tabs/bluetabs.png') no-repeat;
	background-color: #E6E6E6;
	font-size:14px;
	font-weight: bold;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 112px;
	text-align:center;	
	text-decoration:none;
	color:#7aa3c0;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.jqTabs a:active {
	outline:none;		
}
ul.jqTabs a:hover {
	background-position: -0px -30px;
	color:#ffad33;	
}
ul.jqTabs a.current, ul.jqTabs a.current:hover, ul.jqTabs li.current a {
	background-position: -0px -60px;
	cursor:default !important; 
	color:#FFFFFF !important;
}
ul.jqTabs a.TabL 
{
    background-position: -112px -0px;
    width:120px;
}
ul.jqTabs a.TabL:hover 
{
    background-position: -112px -30px;
}
ul.jqTabs a.TabL.current 
{
    background-position: -112px -60px;
}
ul.jqTabs a.TabL.current:hover 
{
    background-position: -112px -60px;
}
.jqPaneHolder
{
    border-top: solid 4px #7aa3c0;    
}
div.panes
{

}
div.jqPanes 
{

}
div.jqPanes .pane {
	display: block;
	/* by default this is display:none but need to change for disabled javascript users */
}


/* Footer
#footer
{
    margin-top: 12px;
    margin-bottom: 12px;
}
#copyright
{
    font-size: 85%;
    text-align: center;
}
#copyright a {text-decoration:none; color:#666666;}
#subscribe
{
    margin-top: 12px;
}
 */
#footer
{
    margin-top: 12px;
}
#footernav
{
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    padding: 12px 0px 12px 0px;    
}
#footernav table
{
    width: 100%;
    border: solid 1px #FFFFFF;
}
#footernav td
{
    width: 25%;
    border: dotted 1px #999999;
    padding: 0px 12px 0px 12px;
    vertical-align: top;    
}
#footernav a
{
    text-decoration: none;
    color:#666666;
}
#footernav a:hover
{
    color:#7aa3c0;
}
#footernav div
{
    font-weight: bold;
    color: #7aa3c0;
    margin-bottom: 6px;
} 
#copyright,#tandcs
{
    font-size: 85%;
    padding-top: 5px;
}
#copyright a,#tandcs a {text-decoration:none; color:#666666;}
#tandcs a:hover {color:#7aa3c0;}    
#tandcs {text-align:right;}


    
/* Search Results */
#SearchHead
{
    background-color: #FFFFFF;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    text-align: center; 
}
#SearchHead div
{
    color: #FF9900;
    font-size: 123.1%;
    font-weight: bold;
    padding: 20px 0px 20px 0px;    
}
#SearchHead span
{
    color: #7aa3c0;
}    
#SearchPaging
{
    text-align: center;
    margin-top: 6px;
}    
/* Subscribe */
.required
{
    color: #FF9900;
    font-weight: bold;
}
#SubscribeForm
{
    margin-bottom: 12px;
    padding-left: 20px;
}    
    
#SubscribeForm label
{
    font-weight: bold;
    color: #7aa3c0;
}
#SubscribeForm input
{
    color: #666666;
    padding: 1px 4px 1px 4px;    
    margin: 3px 0px 9px 0px;
}    
#SubscribeForm select
{
    color: #666666;
    padding: 1px 0px 1px 4px;    
    margin: 3px 0px 8px 0px;
}
.error {
	height:15px;
	background-color:#FFEED4;
	font-size:11px;
	border:1px solid #FF9900;
	padding:4px 10px 3px 10px;
	color:#FF9900;
	margin-left:0px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;
	
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
}
/* Perfume Shops */
#shoplist
{
    border: solid 1px #FFFFFF;
    border-spacing: 0px;
    width: 100%;  
}
#shoplist td
{
    vertical-align: top;
    border-bottom: dotted 1px #999999;
    padding-top: 10px;
} 
#shoplist .logo
{
    width: 180px;
}    
/* Free Samples Page */
.freesample
{
    padding: 10px;
    
}
.freesampleAlt
{
    padding: 10px;
    background-color: #E5EDF3;
}
/* Perfume Directory Page Styles */
.dirlinks
{
    width: 100%;
    margin-bottom: 30px;
}    
.dirlinks td
{
    width: 33%;
    padding: 5px 0px 5px 10px;
}
.dirlinks a
{
    background-image: url('/images/directory/folder.gif');
    background-repeat: no-repeat;
    padding: 5px 0px 5px 30px;
}
.dirlinkdetail
{
    width: 95%;
    margin-top: 15px;
}    
.dirimgcell
{
    width: 150px;
    text-align: center;
    padding-bottom: 30px;
}
.dirlinkdetail tr
{
    vertical-align: top;
}
/* Perfume Adverts Page Styles */
.AdTable
{
    width: 100%;
}
.AdTable tr
{
    width: 33%;
    text-align: center;
}
.AdTable img
{
    padding-top: 10px;
    padding-bottom: 3px;
}
.AdTable a
{
    color: #FFFFFF;
    font-size: 93%;
    text-decoration: none;
}
.AdTable a:hover
{
    color: #FF9900;
}


/* Cleanup */
.mbot {margin-bottom: 12px;}
.nmbot {margin-bottom: 0px;}
.mleft {margin-left: 12px;}
.mtop {margin-top: 12px;}
.nomargins {margin: 0px;}
.nopadding {padding: 0px;}
.addmargins {margin: 12px;}
.nopadtop {padding-top: 0px;}
.nopadbot {padding-bottom: 0px;}
.center {text-align:center;}
.right {text-align:right;}
.nounder {text-decoration: none;} 
