@import url("/style/nav.css");

/*
----------Sitewide Tags-----------
*/
.imgRt {
	margin: 0 0 15px 15px;
	float: right;
}
.imgLt {
	margin: 0 15px 15px 0;
	float: left;
}


/*
----------Nav Design-----------
*/

#navWrap { position: relative; z-index: 999; }

.nav {
	margin: 5px 0 0 0;
	width: 755px;
}
.nav ul {
	/*This forces the dropdown to appear above the calendar on the events page*/
	z-index:100;
	border: 1px solid #D6A5B3;
	background: #D6A5B3;
	zoom: 1;
}
.nav .firstRow { background: #B91740; }
.nav .secondRow { border-top: none 0; }
.nav ul li.divider { border-bottom: 1px solid #FFEFF3; }
.nav li a {
	background: #B91740;
	padding:4px 10px;
	color: #fff;
	text-decoration: none;
	line-height:1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	border-right: 1px solid #D6A5B3;
}
.nav li a:visited, .nav li ul li a.top:visited, .nav li ul li a.popout:visited, .nav li ul li a.popout:hover, .nav li ul li a.top, .nav li ul li a.top:hover {
	color: #fff;	
}
.nav li ul {
	/*
	Changed 11-11-11 - JC - FF8 treats inline-block differently that previous versions
	display: inline-block;
	*/
	display: block;
	border: 1px solid #B91740;
	background-color: #D6A5B3;
	width: 160px; /* Equals width of (.nav li ul li a) plus the left/right padding */
}
.nav li li a {
	border: none 0; /* keeps IE6 from displaying submenu items with excess space below. */
}
.nav li ul li { display: block; width: 100%; }
.nav li ul li a {
	text-align: left;
	background-color: #d6a5b3;
	color: #333;
	padding: 5px 10px;
	margin: 0;
}
.nav li ul li a:visited { color: #333; }
.nav li ul li a.popout {
	background-color: #B91740;
	color: #fff;
	border-bottom:1px solid white;
}
.nav li ul li a.divider { border-bottom:1px solid white; }
.nav li ul li a:hover { background: #D37E95; color: #666666; }
.nav li ul ul {
	margin: 0;
	position: static;
	border: none 0;
}
.nav li ul ul li a {
	padding: 5px 5px 5px 18px;
	color: #000;
	font-size: 11px;
}
.nav .last a { border: none 0; }

/* Soap Nav Bar */
.nav li.soapNav  a, .nav li.saleItems  a { color: #333; }
.nav .soapNav a { background: #FF9900; }
.nav .soapNav ul {
	border: 1px solid #FF9900;
	background: #fcc;
}
.nav .soapNav li a, .nav .soapNav li a:visited {
	background: #FFC34F;
	color: #333;
}
.nav .soapNav li a:hover {
	background: #FFCC66;
	color: #333;
}
/* Sale Items Nav Bar */
.nav .saleItems a {
	background: #D6A5B3;
}
.nav {
	text-align: right;
}
.nav .thirdRow {
	background: #fff;
	border: none 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.nav .thirdRow li.title, .nav .thirdRow li a {
	color: #000;
	border: none 0;
	padding: 3px 10px 4px 25px;
	font-family: "Trebuchet MS", Verdana, Arial, Times, serif;
	font-size: 13px;
	font-weight: bold;
}
.nav .thirdRow li.title {
	padding-left: 10px;
}
.nav .thirdRow li a {
	padding-top: 4px;
	background: url('/images/thirdrow-nav.gif') 10px 50% no-repeat;
}
.nav .thirdRow li a:hover {
	*color: #808080;
	opacity: 0.5;
  filter: alpha(opacity=50);
}

/* Wick Recommendations */
#wickRec h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 22px;
	color: #B91740;
}
#wickRec table {
	width: 500px;
	border-collapse: collapse;
	margin: 0px	auto 10px auto;
}
#wickRec table table {
	margin-bottom: 0px;
}
#wickRec th {
	border: 1px solid #B91740;
	background: #B91740;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 2px 2px 5px;
	text-align: left;
}
#wickRec td table th {
	width: 150px;
	background: transparent;
}
#wickRec td table td, #wickRec td table th, #wickRec td table thead th {
	border: 1px solid #FF9900;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding-left: 5px;
}
#wickRec td table thead td, #wickRec td table thead th {
	background: #FF9900;
	color: #fff;
	font-size: 12px;
}
#wickRec .footer {
	margin: 0px	auto 20px auto;
}
#wickRec .footer td {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

/* Header Email SignUp */
#emailSignUp {
	height: 30px;
	font-size: 10px;
}
#emailSignUp a {
	display: block;
}
#emailSignUp .frmSignUp {
	padding: 2px 0 0 0;
	*padding: 0;
	display: none;
	font-size: 12px;
	font-weight: bold;
}
#emailSignUp .frmSignUp * {
	margin: 0;
	padding: 0;
}



/*
----------------Feature Area on Home page ----------------------
*/

#homeFeatureTabs { position: relative; width: 755px; height: 323px; margin-bottom: 15px;}

.featureBg { position: absolute; top: 0; left: 0; z-index: 0; }

.searchCatalog 
{ 
    position: absolute; 
    top: 20px; 
    right: 20px; 
    width: 201px; 
    z-index: 100;  
    background: url('/images/search-bg.png') right 24px no-repeat;
}
.searchCatalog h4 { margin: 0 0 10px 0; font-family: Georgia, "Times New Roman", Times, Serif; font-style: italic; color: #fff;}

.searchCatalog .txtField { border: 0; background: #ffffcf; font-size: 14px; color: #724400; padding: 4px; margin: 0 0 2px 2px; }
.searchCatalog .btnSearch 
{ 
    position: absolute; 
    right: 5px;
    top: 28px;
    z-index: 100;  
    background: url('/images/search-bg.png') right 24px no-repeat;
    cursor: pointer;
}

.featureContent { position: relative; z-index: 100; }

.featureContent h1 { margin: 0; color: #fff; font-size: 26px; line-height: normal; }
.featureContent h2 
{   
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-style: italic;
    margin: 0;
    color: #ffffcf;
    font-size: 17px;
    line-height: normal; 
}

.featureContent .headings {  position: absolute; top: 15px; left: 20px; width: 470px; text-align: right; }


/* ------------Scent Search Styling----------------- */


#scentSearch {
	background: #FFF4E6;
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
	border: 1px solid #FFE7C1;
}
#scentSearch form {
	margin: 0px;
}

div.autosuggest { z-index: 999; }

/*
----------------Tabs for Home page ----------------------
*/

#tabs-left { position: absolute; top: 90px; right: 20px; width: 335px; border: 0; }

#tabs-left .top,
#tabs-left .btm { position: absolute; right: 0; z-index: 110; }
#tabs-left .top { top: 0; }
#tabs-left .btm { bottom: 0; }

#tabs-left p { margin-top: 0; }
/* No header styling */

.tabs-nohdr {
	padding: 0px;
	background: none;
	border-width: 0px;
}
.tabs-nohdr .ui-tabs-nav {
	padding-left: 0px;
	background: transparent;
}
.tabs-nohdr .ui-tabs-panel {
	background: #dadada url(/images/tab-bg.png) 0 bottom repeat-x;
	border-width: 0;
	height: 190px;
	overflow: hidden;
}


/* Vertical styling */

#tabs-left {
	padding-left: 165px;
}
#tabs-left .ui-tabs-nav {
	position: absolute;
	left: 0.25em;
	top: 0.25em;
	bottom: 0.25em;
	width: 160px;
	padding: 6px 0 3px 3px;
	border: 0;
}
#tabs-left .ui-tabs-nav li {
	right: 1px;
	width: 100%;
	border-right: none;
	border-bottom-width: 0 !important;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	overflow: hidden;
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
}
#tabs-left .ui-tabs-nav li.ui-tabs-selected {
	border-right: 0;
	background: transparent url('/images/tab-lt.png') 0 0 no-repeat;
}
#tabs-left .ui-tabs-nav li a {
    background-image: url("/images/arrow-yellow.png");
    background-position: 11px center;
    background-repeat: no-repeat;
    color: #FFFFCF;
    font-size: 16px;
    font-weight: bold;
    padding: 9px 25px;
    text-align: left;
}
#tabs-left .ui-tabs-nav li.ui-tabs-selected a { color: #b91740;
	background-image: url('/images/arrow-red.png');}

#tabs-left > div {
	/*height: 35em;*/
}

/* ------------Tab content styling----------------- */

.ui-tabs-panel a
{
    color: #000;
}
.ui-tabs-panel a:hover
{
    text-decoration: none;
}
.ui-tabs-panel .twoCol ul
{
    float: left;
    width: 47%;
    list-style: none;
    margin: 0 7px 5px 0;
    padding: 0;
}

.ui-tabs-panel li 
{
    font-size: 12px;
    line-height: 1.4em;
    padding-bottom: 10px;
}

#tabWax li 
{
    line-height: 1.3em;
    padding-bottom: 5px;
}

#tabScents li 
{
    line-height: 1.3em;
    padding-bottom: 8px;
}

.ui-tabs-panel .mainLinks
{
    clear: both;
    list-style: none;
    margin: 5px 5px 10px 0;
    padding: 0 0 2px 0;
}
.ui-tabs-panel .mainLinks a  
{
    display: block;
    font-weight: bold;
    color: #b91740;
	background-image: url('/images/arrow-red.png');
    background-repeat: no-repeat;  
    padding-left: 13px;
    padding-bottom: 2px;
}

.ui-tabs-panel a img { border: none; }

/* ------------Tab content feature block styling----------------- */
.ui-tabs-panel .featureBlock 
{
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #fade6f;
    background-color: #ffffcf;
    margin: 0 0 0.5em 0;
    position: relative;
}
.ui-tabs-panel .featureBlock a
{
    color: #b91740;
    font-weight: bold;
}
.ui-tabs-panel .pnlStyle1
{
    border-color: #9fc54b;
    background-color: #bace7a;
} 
.ui-tabs-panel .pnlStyle1 a
{
    color: #3f5e01;
    font-weight: bold;
}

.ui-tabs-panel .featureBlock td
{
    padding: 0 10px 0 0;
    vertical-align: top;
}

.ui-tabs-panel .featureBlock p { margin: 0 0 0.25em 0; }

.ui-tabs-panel #scentSearch { padding: 5px; }


/* ------------Candle Making Blog----------------- */
.searchpage #searchpage { margin:0 0 30px 0; }
.searchpage .searchresult { margin:5px 0 15px 0; }
.searchpage a { display:block; font-weight:bold; margin:0 0 3px 0; }
.searchpage .text { font-size:11px; }
.searchpage .type, .searchpage .url { display:none; }