/********************************************************************************/
/***** HEADER ******************************************************************/
/******************************************************************************/

/***** TOP NAV *****/

#top_nav {
	position: absolute;
	left: 250px;
	top: 15px;
}
#top_nav li {
	float: left;
	background: url(../images/topnav/divider.gif) no-repeat 100% 50%;
	color: #fffefe;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

#top_nav li.last {
	background: none;
}
#top_nav li span {
	padding: 0 17px 0 0;
}
#top_nav a {
	color: #fffefe;
	padding: 0 15px;
}

/***** SHOPPING CART *****/

	#header .small_links ,
	#header .small_links_shopping {
		position: absolute;
		right: 20px;
		top: 40px;
		color: #867f77;
		margin: 0;
		padding: 0;
		font-weight: bold;
		text-transform: uppercase;
		font-family:Georgia,"Times New Roman",Times,serif;
		background-image: url(../images/arrow_right_white_lge.gif);
		background-repeat: no-repeat;
		background-position: 100% 50%;
		}
	#header .small_links a,
	#header .small_links_shopping a {color: #fffefe;}
	#header .small_links span {padding: 0 3px; color: #fffefe;}
	
	/* Checkout back link */
	#header .small_links_shopping {
		padding: 0 200px 0 8px;
		background:url(../images/arrow_left_lightgrey-med.gif) no-repeat 0 50%;
	}

	.continuethankyou{
		position: absolute;
		right: 245px;
		top: 42px;
		color: #fffefe;
		margin: 0;
		padding: 0 8px 0 0;
		font-weight: bold;
		text-transform: uppercase;
		font-family:Georgia,"Times New Roman",Times,serif;
		background-image: url(../images/arrow_right_grey_lge.gif);
		background-repeat: no-repeat;
		background-position: 100% 50%;
		}
/********************************************************************************/
/***** CONTENT LEFT ************************************************************/
/******************************************************************************/

/***** LEFT NAV *****/

	.content_left .nav {
		float: right;
		display: inline;
		width: 148px;
		margin-right: 32px;
		margin-bottom: 20px;
		}
		.content_left .nav .arrow {
			background-image: url(../images/arrow_right_grey_lge.gif);
			background-repeat: no-repeat;
			background-position: right 2px;			
			}
		.content_left .nav li {
			float: right;
			display: inline;
			width: 148px;
			margin: 0 0 14px 0;
			padding: 0;
			}
			.content_left .nav li a {
				float: right;
				display: inline;
				text-align: right;
				padding-right: 13px;
				/*color: white;
				font-size: 13px;
				font-family: Georgia, "Times New Roman", Times, serif;*/
				}
			.content_left ul._white li a {color: #FFFFFF;}
			.content_left ul._black li a {color: #000000;}
			.content_left .nav li a:hover {color: #938B82;text-decoration: none;}
			.content_left .nav li a.arrow {background-position: right 5px;}
			
			.content_left .nav li ul {}
				.content_left .nav li ul li {
					line-height: 20px;
					margin: 0;
					padding: 0;
					}
					.content_left .nav li ul li a {font: normal 1em Arial, Helvetica, sans-serif;line-height: 20px;}
					.content_left .nav li ul li a.arrow {background-position: right 7px;}
					
			
/*** DROP-DOWN NAVIGATION - ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			34em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul.oneCol {
	width:			19em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfhover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
.sf-menu li:hover ul.last,
.sf-menu li.sfhover ul.last {
	right:			0;
	left: 			auto;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfhover li ul {
	top:			-999em;
}

/* DROP-DOWN NAVIGATION */

#tabs {
	position: absolute;
	left: 240px;
	margin: 0;
	padding: 0;
	top: 32px;
}
#tabs li {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 3px 0 0;
}
#tabs a {
	color: #867f77;
}

#tabs li a {
	text-transform:uppercase;
	color:#fffefe; 
	display:block;
	padding:10px;
	text-decoration: none;
}
#tabs li.current a{
	text-decoration: underline;
}
#tabs li.current li a{
	text-decoration: none;
}
#tabs ul li a {
	font-family: Arial, sans-serif;
	text-transform: none;
	color:#867f77; 
	padding:0 0 6px 0;
}
#tabs ul li.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	/*color:#867f77;*/
	padding:0 0 12px 0;
	font-weight: bold;
}
#tabs li.sfhover a {
	/*color: #5f574e;*/
	background:	#efede8;
	-webkit-box-shadow: 0 1px 5px #655f59; /* for Chrome + Safari */
    -moz-box-shadow: 0 1px 5px #655f59; /* for Firefox */
    box-shadow: 0 1px 5px #655f59; /* for Opera 10.5, IE9 and future-proofing */
}
#tabs li.sfhover ul li a,
#tabs li:hover ul li a {
	/*color: #5f574e;*/
	background:	none;
	font-size: 1.1em;
	-webkit-box-shadow: none; /* for Chrome + Safari */
    -moz-box-shadow: none; /* for Firefox */
    box-shadow: none; /* for Opera 10.5, IE9 and future-proofing */
}
#tabs li.sfhover ul li a.sale,
#tabs li:hover ul li a.sale {
	margin-top: 12px;
	color:#97002b;
}
#tabs li.sfhover ul li a:hover {
	color:#443D37;
	text-decoration: underline;
}
	
#tabs li:hover, #tabs li.sfhover,
#tabs a:focus, #tabs a:hover, #tabs a:active {
	outline: 0;
}

#tabs ul div {
	background: #fff;
	overflow: hidden;
	padding: 2em;
	margin: 0;
	_float: left;
}
#tabs li ul.last div {
	_float: right;
}
#tabs li ul.last div div {
	_float: left;
}
#tabs ul div.left,
#tabs ul div.right {
	width: 13em;
	padding: 0 1em 0 0;
	margin-right: 2em;
	float: left;
	background: url(../images/topnav/dd-divider.gif) repeat-y 98% 0;
}
#tabs ul div.right {
	width: 13em;
	background: none;
	padding: 0;
	margin-right: 0;
}

#tabs li.sfhover ul {
	-webkit-box-shadow: 0px 3px 5px #655f59; /* for Chrome + Safari */
    -moz-box-shadow: 0px 3px 5px #655f59; /* for Firefox */
    box-shadow: 0px 3px 5px #655f59; /* for Opera 10.5, IE9 and future-proofing */
}	



/* Dark page background */
.home_threecol_darkbg {
	background: #f9f1e4 url(../images/background.gif) repeat-x 0 0;
}
.home_threecol_darkbg #jigsawlogo {
	left: 0;
	background: transparent url(../images/logo_lbrown.png) no-repeat 0 0; 
	_background: transparent url(../images/logo_lbrown.gif) no-repeat 0 0;
}
.home_threecol_darkbg #basket_dropdown {
	top: 52px;
	right: -10px;
}
.home_threecol_darkbg #top_nav li,
.home_threecol_darkbg #top_nav a {
	color: #E3DED6;
}
.home_threecol_darkbg #header .small_links a {
	color: #E3DED6;
}
.home_threecol_darkbg #tabs li a {
	color: #E3DED6;
}
.home_threecol_darkbg #tabs li.sfhover a{
	color: #443D37;
}

/* Light page background */

.home_threecol_lightbg {
	background: #efede8;
}
.home_threecol_lightbg #tabs li.sfhover a {
	background:	#E3DED6;
}
.home_threecol_lightbg #tabs li.sfhover li a {
	background:	transparent;
}