﻿/* InstantASP Ltd, www.instantasp.co.uk */

/* ------------------------------------------------------------------- */
/* -------------------------- Layout Css ----------------------------- */
/* ------------------------------------------------------------------- */

/* ----------------------- */
/* Main Content Blocks */
/* ----------------------- */

.contentWrapper
{
	float: left;
	width: 100%;
	/*background:#545342;*/
}

.contentHeader
{
	float: left;
	width:100%;
}

.contentTabStrip
{
	float: left;
	width:100%;	
	margin-top: 15px;
}

.contentBreadCrumb
{
	float: left;
	padding: 11px 0px 6px 2px;
	width:100%;
}

.contentSplitter
{
	float:left;
	width:100%;
	height:10px;
	padding: 0px 0px 0px 2px;
	/*background-image: url(../Images/Lines_TopSplitter.gif); edk*/
}

.contentContainer
{
	float: left;
	width: 100%;
}

/* ----------------------- */
/* Home Panels */
/* ----------------------- */

.contentHomeMain
{
	float: left;
	width:74%;
}

.contentHomeExtra
{
	float: right;
	width:25%;
}

/* ----------------------- */
/* Tab Panels */
/* ----------------------- */

.contentTabToc
{
	float: left;
	width: 29%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.contentTabMain
{
	float: right;
	width: 70%;
	margin: 0px;
	padding: 0px;
}

/* ----------------------- */
/* Article Panels */
/* ----------------------- */

.contentArticleMainContainer
{
	width: 75%;	
	vertical-align: top;
}

.contentArticleMain
{
	position: relative;	
	width: 100%;

}

.contentArticleMainMargin
{
	margin: 12px;

}

/* ----------------------- */
/* Article Extra Panels - Hold article meta data & options */
/* ----------------------- */

.contentArticleExtra
{
	width: 25%;
	vertical-align: top;
	background-color: #F4F8FB;
	border-left: solid 1px #C7C7C7;
	line-height: normal;
}

.contentArticleExtraContainer
{
	float:left;
	width:100%;
	border-bottom: solid 1px #C7C7C7;
}

.contentArticleExtraPanel
{	
	float: left;
	font-family: Verdana, Arial, Tahoma;
	font-size: 8pt;
	color: #7D7D7D;
	padding: 10px;
}

.contentArticleExtraPanel img
{
	float: left;
	display: block;
}

.contentArticleExtraPanel a
{
	color: #7D7D7D;
}

.contentArticleExtraPanel a:hover
{
	color: #d3d3d1;
}

/* ----------------------- */
/* Footer Panels */
/* ----------------------- */
		
.contentFooter	
{
	float: left;
	width: 100%;
	margin:  12px 0px 10px 0px;
}

.contentFooterLine
{
	float:left;
	line-height: normal;
	width:100%;
	height: 1px;
	/*background-image: url(../Images/Lines_HozLine.gif);
	background-repeat: repeat-x;*/

}

/* ------------------------------------------------------------------- */
/* -------------------------- Article Css ---------------------------- */
/* ------------------------------------------------------------------- */

/* ----------------------- */
/* default article text */
/* ----------------------- */

.Article_Text
{
	width: 100%;
	font-family: Verdana, Arial, Tahoma;
	font-size: 10pt;
	color: #d3d3d1;
	line-height: 18px;
}

.Article_Text a
{
	color: #d3d3d1;
}

.Article_Text a:hover
{
	color: #d3d3d1;
}

/* ----------------------- */
/* default article header */
/* ----------------------- */

.Article_HeaderPanel
{
	float: left;
	width: 100%;
}

.Article_HeaderPanel h2
{
	font-family: Verdana, Arial, Tahoma;
	font-size: 8pt;
	color: #345487;
	margin: 0px;
	padding: 0px;
	display: inline;
}

.Article_HeaderPanel a
{
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

.Article_HeaderPanel h1
{
	font-family: Verdana, Arial, Tahoma;
	font-size: 10pt;
	color: #345487;
	font-weight: bold;
	display: inline;
}

.Article_HeaderPanel img /* rss image */
{
	display: inline;
	vertical-align:  bottom;
}

.Article_TypeIcon
{
	display: inline;
	vertical-align: middle;
	margin-right: 3px;
}


/* ----------------------- */
/* used to display article meta data within viewarticledefailts.ascx */
/* ----------------------- */

.Article_MetaData
{
	float: left;
	width: 100%;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	color: #d3d3d1;
}

.Article_MetaData img
{
	margin: 0px;
	display: inline;
}

.Article_MetaData a
{
	color: #d3d3d1;
}

.Article_MetaData a:hover
{
	color: #d3d3d1;
	text-decoration:none;
}

/* ----------------------- */
/* used for article attachments, related links etc */
/* ----------------------- */

.Article_ExtraContainer
{
	float: left;
	width: 100%;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	color: #d3d3d1;
}

.Article_Extra
{
	float: left;
	width: 100%;
	padding: 11px 0px 11px 0px;
	border-top: solid 1px #C7C7C7;
	border-bottom: solid 1px #C7C7C7;
	background-color: #FBFBFB;
}

.Article_ExtraContainer a
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	color: #d3d3d1;
}

.Article_ExtraContainer a:hover
{
	color: #d3d3d1;
}

Article_ExtraContainer img
{
	display: inline;
	vertical-align: middle;
}

/* ----------------------- */
/* Used for feedback / comments table within articles */
/* ----------------------- */

.Article_PanelContainer
{
	float: left;
	width: 100%;		
}

.Article_Panel
{
	float: left;
	width: 100%;
	border: solid 1px #C7C7C7;		
	font-family: Verdana, Arial, Tahoma;
	font-size: 8pt;
	color: #d3d3d1;	
	background-color: #FBFBFB;	
}

.Article_PanelHighLight
{
	float: left;
	border: solid 1px #C7C7C7;		
	font-family: Verdana, Arial, Tahoma;
	font-size: 8pt;
	color: #d3d3d1;	
	background-color: #FFFDE2;	
}

.Article_Panel_Hot
{
	float: left;
	border: solid 1px #C7C7C7;
	font-family: Verdana, Arial, Tahoma;
	font-size: 8pt;
	color: #d3d3d1;	
	background-color: #FCFCE6;	
}

.ArticlePanelTxt
{
	float: left;
	padding: 11px;
}

.Article_ResourcesPanel
{
	float: left;
	border-top: solid 1px #C7C7C7;	
	border-bottom: solid 1px #C7C7C7;	
	font-family: Verdana, Arial, Tahoma;
	font-size: 8pt;
	color: #d3d3d1;	
	background-color: #FBFBFB;	
}

.Article_ExtraDataListRow
{
	float: left;
	width: 100%;
	display: block;
	line-height: 22px;
}

.ArticleAttachment img
{
	padding: 3px 3px 3px 0px;
	vertical-align: middle;
}

.Article_CommentsPanel
{
	float: left;
	width: 100%;
	text-align: right;
	height: 19px;
	background: url(../Images/Misc_CommentArrow.gif) 9px -1px no-repeat; 
	margin: -3px 0px 0px 30px;
}

.Article_CommentsAdditional
{

	width: 100%;
	background-color: #FBFBFB;	
	border-top: solid 1px #D4D0C8;
	line-height: normal;
}

.Article_CommentsAdditional div
{
	float: left;
	padding: 10px;
}

/* ------------------------------------------------------------------- */
/* ------------------------ Ajax Loader Css -------------------------- */
/* ------------------------------------------------------------------- */

.AjaxLoader 
{
	position: absolute;
	z-index: 99999999;
	width:100px;
	background-color: #FAFBFD;
	border: 2px #757365 solid;
	padding:20px;
	text-align:left;
}

.AjaxLoadingText
{
	z-index: 999999;
	background-image: url(../Images/Misc_AjaxLoading.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	padding-left: 23px;
	font-size: 8pt;
	color: #5F779C;
}

/* ------------------------------------------------------------------- */
/* --------------------- Homepage Widgets Css ------------------------ */
/* ------------------------------------------------------------------- */

	
.Widget_PanelContainer
{
	float: left;
	width: 100%;
	border: 0px #545342 solid;	
	background-color: #656354;
}

.Widget_Panel
{
	float: left;
	width: 100%;
	padding: 4px;
}
		
.Widget_IconPanel
{
	float: left;
	width: 40px;
	margin-right: 9px;
	/*background-image: url(../Images/Widget_Background.gif);*/
	background-color: #656354;
	/*border: 1px #CBD5DB solid;*/
}

.Widget_Icon
{
	float: left;
	padding: 2px;
	display: block;
}

.Widget_MainPanel
{
	font-family: Verdana, Arial, Tahoma;
	font-size: 8pt;
	color: #d3d3d1;
}

.Widget_MainPanel a
{
	font-family: Verdana, Arial, Tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #d3d3d1;
}

.Widget_MainPanel a:hover
{
	color: #d3d3d1;
}

/* ------------------------------------------------------------------- */
/* ---------------------- User Level Image -------------------------- */
/* ------------------------------------------------------------------- */

.UserLevel
{
	display: inline;
	margin: 0;
	padding:0;
	line-height: normal;
}

.UserLevel img
{
	display: inline;
	margin-left:3px;
}


/* ------------------------------------------------------------------- */
/* ---------------------- Icon Selection Css ------------------------- */
/* ------------------------------------------------------------------- */

.CategoryIconRadioButtonList
{
	width:90%;
	text-align: left;
	text-align: justify;
}

.CategoryIconRadioButtonList td
{
	width:10%;
	vertical-align: middle;
}

.CategoryIconImage
{
	vertical-align: text-bottom;
	padding:4px;
}

.SmallIconPreview 
{
	float: left;
	background-color: #FFFFFF;
	padding:6px;
	border: solid 1px #7F9DB9;
	display: block;
	margin-right:8px;
}

.SmallIconPreviewLink
{
	float: left;
	line-height: 29px;
	vertical-align: middle;
}

.SmallIconPreviewLink img
{
	vertical-align: middle;
}

.AlignedIcon
{
	vertical-align: middle;
	margin: 0px;
}

/* ------------------------------------------------------------------- */
/* -------------------------- General Css ---------------------------- */
/* ------------------------------------------------------------------- */

.MemberPhoto
{
	border: solid 1px #757365;
}

.EditButton
{
	
	font-size: 0px;
	width: 18px;
	height: 18px;
	margin-left: 5px;
	line-height: normal;
}

.EditButton img
{
	margin: 0;
	border: 0;
}

.StatisticsText
{
	font-weight: bold;
}


/* ------------------------------------------------------------------- */
/* -------------------- Glossary ToolTip Text ------------------------ */
/* ------------------------------------------------------------------- */

.glossaryToolTip
{
	text-decoration: underline;
	cursor: pointer;	
}

/*======================CSS From Main Store by EDK=====================*/

/* ---------------------------------------------
Screen Stylesheet for http://www.colormall.com
Updated: 03/14/09 - Eddie Kasper / TheKasperGroup.com
Version: 3.50
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	Defaults
	Typography
	Template 
	Links
	Navigation
	Forms
	Global Classes
	Pages

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}
fieldset, table {
border:none;
}
table {
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word; /* will not validate IE only */
}
/*
caption, th, td {
text-align: left;
}*/
*/

body { 
background: #3d3b2b url('http://www.colormall.com/store/pc/images/site-graphics/pageBG_tile_repeat.jpg');
}

/*********** ---------- ::Template:: --------------------- ***********/
#bodywrap {
	width: 100%;
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/colorChecker.png') no-repeat;
}
#wrap {
width: 945px;
margin:0 auto;
padding: 0 20px;
background:#545341;

}
#masthead {
height: 125px;
position: relative;
}
#logoblock {
width: 210px;
height: 80px;
float:left;
border-bottom: 1px solid #3d3b2b;
background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/logo_colormall.gif') 0 30px no-repeat;
}
#righthead {
width:735px;
height: 80px;
float:right;
border-bottom: 1px solid #3d3b2b;
background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/header_shadow.gif') no-repeat;
}
#righthead img {
	margin: 15px 0 0 50px;
}
#top-menu-1 {
	width:945px;
	height: 40px;
	border-top: 1px solid #757365;
}
#leftcol { 
	width: 190px;
	float: left;
	border-top: 1px solid #3d3b2b;
}
#account-box {
	border-top: 1px solid #757365;
}
#search-box {
	height: 90px;	
	border-top: 1px solid #757365;
	border-bottom: 1px solid #3d3b2b;
}
#search-box a {
	font-size: 10px;
	color: #a2a190;
	margin: 10px 0 0px 20px;
	line-height: 28px;
}
#shopping-cart {
	min-height: 90px;	
	border-top: 1px solid #757365;
	border-bottom: 1px solid #3d3b2b;
}
#shopping-cart p {
	font-size: 11px;
	color: #fff;
	margin: 0 0 5px 3px;
	padding: 0;
}
#shopping-cart p a{
	font-size: 10px;
	color: #a2a190;
}
#shopping-cart p span{
	font-size: 10px;
	color: #a2a190;
}


.banner-box {
	padding-top:20px;
}
.banner-box img {
	margin-bottom:10px;
}


#contents {
width: 735px;
margin: 0;
float: right;
}
#flash {
	width:713px;
	border: 1px solid #757365;
	padding: 5px;
}
#footer {
clear:both;
height: 90px;

padding: 0 20px;
margin: 5px auto;
background: #333326;
}


/*********** ---------- ::Links:: ------------------------ ***********/
a {text-decoration:underline; font-size: 12px; color:#A2A190;}
a:visited {text-decoration:underline;}
a:active, a:focus, a:hover {
text-decoration:none;
outline:none;
}
a img {border:none;}

/*********** ----------  ::Navigation:: ------------------ ***********/
/* the drop-down section of this menu is located in the top-menu.css file */

#top-menu-1 ul li.call-us {
	width: 210px;
	height: 30px;
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/callTollFree.gif') no-repeat;
}


/*********** Left Navigation ***********/
.left-menu {
	border-top: 1px solid #757365;

}
.left-menu ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
.left-menu li {
	height: 40px;
	margin: 0;
	padding: 0;
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/dots_repeat.gif') bottom repeat-x;
}
.left-menu a, .left-menu a:link, .left-menu a:active, .left-menu a:visited {
	margin: 0;
	padding: 0;
	line-height: 40px;
	color: #fff;
	font-weight: bold;
	text-decoration:none;
}
.left-menu a:hover {
	text-decoration:underline;
}
.left-menu li.noborder1 {
	background-image:none;
	border-bottom: 1px solid #3D3B2B;
}

/*********** Footer Navigation ***********/
#footer ul {
	list-style: none;
	float: right;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: left;
}
#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
	color: #b5b4ae;
	font: 12px/12px Arial, Tahoma, Geneva, Verdana;
    border-left: 1px solid #b5b4ae;
}
#footer ul li a, #footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {
	color: #b5b4ae;
	font-size: 12px;
	padding: 0 15px;
	margin: 0;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
	color: #b5b3ae;
}
#footer ul li.noborder1 {
	border-left: 0;
}
#footer ul.topfoot {
	width: 760px;

}
#footer ul.topfoot li a {
	text-transform:lowercase;
}

#footer ul.middlefoot {
	width: 930px;

}
#footer ul.bottomfoot {
	width: 870px;

}
#footer ul.bottomfoot li {
	color: #817f75;
	font-size: 12px;
}
#footer ul.bottomfoot li a {
	text-decoration:underline;
	color: #817f75;
}
#footer ul.bottomfoot li a:hover {
	text-decoration:none;
}



	
/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;}
input,label,select,textarea {
font-size:inherit;
font-family:inherit;
}
input, textarea {padding:.2em;}
textarea {overflow:auto;}

/*********** ---------- ::Global Classes:: --------------- ***********/
.center {text-align:center;}
.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {
font-size:20px;
font-weight:bold;
}
.light {color:#999;}
.small {
font-size:10px;
font-weight:normal;
}

/*********** ---------- ::Pages:: ------------------------ ***********/

/*********** /// place specific page rules here if needed /// ***********/

#logolink {
	margin: 20px 0 0 0;
	padding: 0;
	width: 200px;
	height: 45px;
	display: block;
}

.divider {
	width: 740px;
	height: 10px;
	margin: 0 13px 0 8px;
	border-top: 1px solid #bbdabb;
}

.login-info {
	margin-bottom: 5px;
	color: #fff;
	font-size:11px;
}

.logout-info {
	padding: 5px 0 10px;
	color: #fff;
	font-size:11px;
	border-bottom:1px solid #3D3B2B;
}
.logout-info span {
	font-size: 10px;
	color: #A2A190;
	margin: 8px 0 5px 2px;
}
.logout-info a {
	font-size: 10px;
	color: #A2A190;

}
.colormall-points {
	margin-top: 10px;
}
.static-list {
	margin: 5px 45px;
}
.static-list li {
	padding-left: 5px;
}

/**** Top Navigation ****/

.nav li {
	margin: 0;
	padding: 0;
	display: inline; 
	float: left;
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_separate.gif') no-repeat;
}
.nav {
  position: relative;
  left: 0px;
  margin: 0;
  padding: 0;
}

.nav li {
/* styles the parent list */
  position: relative;
  
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
/* styles the parent links */
  display: block;
}

/* ==== HOME ==== */
#top-menu-1 ul li a.home:link,
#top-menu-1 ul li a.home:visited {
	width:83px;
	height: 30px;
	margin-left: 2px;
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_01_home_off.gif') no-repeat;
}
#top-menu-1 ul li a.home:hover{
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_01_home_on.gif') no-repeat;
}
/* CSS with jquery for older browsers) */
#nav-one li:hover a.home, 
#nav-one li.sfHover a.home {
 /* styles the parent link hover */
  background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_01_home_on.gif') no-repeat;
 }



/* ==== BRANDS ==== */
.nav li a.brands:link,
.nav li a.brands:visited {
	width:85px;
	height: 30px;
	margin-left: 2px;
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_02_brands_off.gif') no-repeat;
}
.nav li a.brands:hover{
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_02_brands_on.gif') no-repeat;
}
.nav li.brands {
/* styles the parent list */
  position: relative;
  width: 110px;
  background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_separate.gif') no-repeat;
}
/* CSS with jquery for older browsers) */
#nav-one li:hover a.brands, 
#nav-one li.sfHover a.brands {
 /* styles the parent link hover */
  background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_02_brands_on.gif') no-repeat;
 }



/* ==== WHATS NEW ==== */
.nav li a.whats-new:link,
.nav li a.whats-new:visited {
	width:122px;
	height: 30px;
	margin-left: 2px;
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_03_whatsNew_off.gif') no-repeat;
}
.nav li a.whats-new:hover {
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_03_whatsNew_on.gif') no-repeat;
}
/* CSS with jquery for older browsers) */
#nav-one li:hover a.whats-new, 
#nav-one li.sfHover a.whats-new {
 /* styles the parent link hover */
  background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_03_whatsNew_on.gif') no-repeat;
 }


/* ==== SPECIALS ==== */
.nav li a.specials:link,
.nav li a.specials:visited {
	width:100px;
	height: 30px;
	margin-left: 2px;
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_04_specials_off.gif') no-repeat;
}
.nav li a.specials:hover{
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_04_specials_on.gif') no-repeat;
}
/* CSS with jquery for older browsers) */
#nav-one li:hover a.specials, 
#nav-one li.sfHover a.specials {
 /* styles the parent link hover */
  background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_04_specials_on.gif') no-repeat;
 }


/* ==== CONTACT US ==== */
#top-menu-1 ul li a.contact-us:link,
#top-menu-1 ul li a.contact-us:visited {
	width:110px;
	height: 30px;
	margin-left: 2px;
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_05_contactUs_off.gif') no-repeat;
}
#top-menu-1 ul li a.contact-us:hover{
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_05_contactUs_on.gif') no-repeat;
}
/* CSS with jquery for older browsers) */
#nav-one li:hover a.contact-us, 
#nav-one li.sfHover a.contact-us {
 /* styles the parent link hover */
  background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_05_contactUs_on.gif') no-repeat;
 }



/* ==== ABOUT US ==== */
#top-menu-1 ul li a.about-us:link,
#top-menu-1 ul li a.about-us:visited {
	width:98px;
	height: 30px;
	margin-left: 2px;
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_05_aboutUs_off.gif') no-repeat;
}
#top-menu-1 ul li a.about-us:hover{
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_05_aboutUs_on.gif') no-repeat;
}
/* CSS with jquery for older browsers) */
#nav-one li:hover a.about-us, 
#nav-one li.sfHover a.about-us {
 /* styles the parent link hover */
  background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_05_aboutUs_on.gif') no-repeat;
 }



/* ==== KNOWLEDGE BASE ==== */
#top-menu-1 ul li a.knowledge-base:link,
#top-menu-1 ul li a.knowledge-base:visited {
	width:143px;
	height: 30px;
	margin-left: 2px;
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_08_knowledgebase_off.gif') no-repeat;
}
#top-menu-1 ul li a.knowledge-base:hover{
	background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_08_knowledgebase_on.gif') no-repeat;
}
/* CSS with jquery for older browsers) */
#nav-one li:hover a.knowledge-base, 
#nav-one li.sfHover a.knowledge-base {
 /* styles the parent link hover */
  background: transparent url('http://www.colormall.com/store/pc/images/site-graphics/nav_08_knowledgebase_on.gif') no-repeat;
 }








/*
--The CSS below is used in conjunction with the jquery script so
--that older browsers will render the drop-down menu
*/
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
 /* styles the drop-down list menu */
  background: #545342;
  color: #fff;
  z-index: 5000;
  width: 141px;	
  margin-left: 0;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
 /* styles the drop-down list link hover */
  background: #757365;
  color: #fff;
	
}
/*end css for older browsers*/

.nav ul, .nav ul {
 /* styles the main drop-down menu container*/
  background: #757365;
  border: 1px solid #3d3b2b;
  border-top: 0;
  z-index: 100;
  border-right: 0px;
  list-style:none;
  margin: 0;
  width: 162px;
  position: absolute;
  top: -999em;
  left: -1px;

}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 30px;  /* postions the drop-down menu from the parent menu */
  left: 0px;
  }
.nav li li:hover ul,
.nav li li.sfHover ul {
  top: 0px;  /* postions the drop-down menu from the 2nd level menu */
  left: 160px;
  }

.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
/* style the drop-down links */
  border: 0px solid #000;
  border-right: 1px solid #3d3b2b;
  padding-right: 0px;
  width: 141px;
  white-space: nowrap;
  font-size: 10px;
}
.nav ul a:hover {
  background: #fff;
  color: #fff;
}

/*position the last (far right) menu to have the drop-down go inside of parent menu*/

.nav li:hover ul.inside,
.nav li.sfHover ul.inside {
  top: 21px;  /* postions the drop-down menu from the partent menu */
  left: -90px; 
}

.nav li li a, .nav li li a:link, .nav li li a:active, .nav li li a:visited {
/* styles the parent links */
  font: normal 11px/25px Georgia,Arial,Tahoma,Geneva,Helvetica,sans-serif;
  background: #ebead8;
  color: #fff;
  display: block;
  padding: 0 10px;
  text-decoration: none;
  text-align: left; height: 25px; 
}

.nav li li a:hover {
/* styles the parent links hover */
  background: #d3c69c;
  color: #000;
}