/* @override http://lw1/css/style.css */

/* @group Colours */

/*BG 			362012*/
/*BG Light  	3a2618*/
/*Light Blue 	20c4f4*/

/* @end */

/* @group Global */

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	padding: 0px 0;
	background: #392d23 url(../images/global/bg_pattern.jpg) repeat left top;
	/* background: #2A180C url(../images/global/bg_pattern.jpg) repeat left top; */
	color: #2892af;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
}

div#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -332px;
	float: left;
}

#container {
	width: 770px;
	margin: 0px auto;
	padding-top: 24px;
	height: 640px;
	clear: both;
	position: relative;
	top: -0;
}

h1 {
	display: none;
}

h2 {
	margin-bottom: 15px;
	font: 1.3em "Century Gothic", Arial, Helvetica, Geneva, sans-serif;
}

a {
	text-decoration: none;
	color: #2892af;
	outline: none;
	
}

strong {
	font-weight: bold;
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {*zoom: 1;/*for ie 5.5-7*/}

.hidden {
	display: none;
}

/* @end */

/* @group Header */

#logo {
	background: url(../images/global/logo.gif) no-repeat center top;
	height: 32px;
	margin-bottom: 18px;
}

/* @end */

/* @group Navigation */

ul#main_nav {
	padding: 0 24px;
	position: relative;
	z-index: 20;
}

ul#main_nav li {
	float: left;
	font-size: 1.1em;
	text-transform: uppercase;
}

ul#main_nav li a {
	display: block;
	padding: 0px 0px 10px 0px;
	height: 30px;
	text-align: center;
	text-indent: -9000px;
	background-repeat: no-repeat;
	background-position: center 0px;
}

ul#main_nav li.selected a,
ul#main_nav li a:hover {
	background-position: center -30px;	
}

#main_nav_about { width: 87px; }
#main_nav_haberdashery { width: 119px; }
#main_nav_knitting { width: 77px; }
#main_nav_cushions { width: 158px; }
#main_nav_bedding { width: 79px; }
#main_nav_linens { width: 63px; }
#main_nav_gifts { width: 55px; }
#main_nav_contact { width: 84px; }

#main_nav_about a { background-image: url(../images/global/nav/welcome.gif); }
#main_nav_haberdashery a { background-image: url(../images/global/nav/haberdashery.gif); }
#main_nav_knitting a { background-image: url(../images/global/nav/knitting.gif); }
#main_nav_cushions a { background-image: url(../images/global/nav/cushions.gif); }
#main_nav_bedding a { background-image: url(../images/global/nav/bedding.gif); }
#main_nav_linens a { background-image: url(../images/global/nav/linens.gif); }
#main_nav_gifts a { background-image: url(../images/global/nav/gifts.gif); }
#main_nav_contact a { background-image: url(../images/global/nav/contact.gif); }

ul#main_nav li.selected,
body#about.nojavascript #main_nav_about,
body#haberdashery.nojavascript #main_nav_haberdashery,
body#knitting.nojavascript #main_nav_knitting,
body#cushions.nojavascript #main_nav_cushions,
body#bedding.nojavascript #main_nav_bedding,
body#linens.nojavascript #main_nav_linens
body#gifts.nojavascript #main_nav_gifts,
body#contact.nojavascript #main_nav_contact {
	background: url(../images/global/nav_indicator.gif) no-repeat center bottom;
}

/* @end */

/* @group Panel */

#nav_and_page {
	position: relative;
}

/* @group Loading */

#loading {
	display: none;
	position: absolute;
	overflow: hidden;
	z-index: 20;
	top: 192px;
	left: 350px;
	width: 70px;
	height: 70px;
	background: transparent url(../images/global/loading_bg.png) no-repeat left top;
	text-align: center;
}

#loading p {
	background: transparent url(../images/global/loading.gif) no-repeat center center;
	color: #321d10;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	height: 100%;
}

/* @end */

/* @group Navigation */

#contact #panel_navigation_wrapper {
	height: 0;
}

#panel_navigation_wrapper {
	position: relative;
	width: 722px;
	height: 100px;
	margin: 0 auto;
	overflow: hidden;
}

#panel_navigation {
	margin: 0 auto;
	width: 722px;
	height: 100px;
}

#panel_navigation .panel {
	position: relative;
	width: 722px;
	height: 100px;
	background: url(../images/global/panel_nav_bg.png) repeat-x left 9px;
}

#panel_navigation .empty_panel {
	background: none;
}

#panel_navigation ul {
	padding-left: 65px;
}

#panel_navigation ul.item_count_5 { padding-left: 151px; }
#panel_navigation ul.item_count_6 { padding-left: 108px; }

#panel_navigation ul li {
	position: relative;
	float: left;
	padding: 6px;
	width: 65px;
	height: 65px;
	overflow: hidden;
	margin-right: 9px;
	margin-top: 19px;
	background: url(../images/global/panel_nav_item_shadow.png) no-repeat left top;
}

#panel_navigation ul li img {
}

#panel_navigation ul li a.border {
	display: block;
	position: absolute;
	top: 6px;
	left: 6px;
	width: 57px;
	height: 57px;
	border: solid 4px #fff;
	background: url(../images/global/transparent.gif) repeat;
	opacity: 0.5;
}

#panel_navigation ul li a.border:hover {
	opacity: 0.8;
}

#panel_navigation ul li.selected a.border {
	opacity: 1;
}

#panel_navigation ul li.selected {
	margin-top: 19px;
}

#panel_nav_next,
#panel_nav_prev,
#panel_nav_show_about,
#panel_nav_hide_about {
	position: absolute;
	zoom: 1;
	width: 21px;
	height: 21px;
	text-indent: -9000px;
	overflow: hidden;
}

#panel_nav_prev,
#panel_nav_show_about,
#panel_nav_hide_about {
	left: 27px;
	top: 48px;
	background: url(../images/global/panel_nav_prev.png) no-repeat left top;
}

#panel_nav_next { 
	right: 27px;
	top: 48px;
	background: url(../images/global/panel_nav_next.png) no-repeat left top;
}

#about_nav #panel_nav_next {
	background-image: url(../images/global/panel_nav_enter.png);
	width: 60px;
}

#about_nav #panel_nav_show_about {
	background-image: url(../images/global/panel_nav_about.png);
	width: 60px;
}

#about_nav #panel_nav_hide_about {
	background-image: url(../images/global/panel_nav_back.png);
	width: 60px;
}

/*Shadows*/

#panel_nav_shadow_left, #panel_nav_shadow_right {
	position: absolute;
	top: 9px;
	z-index: 10;
}

#panel_nav_shadow_left { left: 0px; }
#panel_nav_shadow_right { right: 0px; }

/*Tooltips*/

#panel_nav_tooltip {
	display: inline;
	position: absolute;
	top: 3px;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group Panel Containers */

#page {
	position: relative;
	top: -1px;
	width: 704px;
	padding: 8px;
	/*border: solid 9px #47211D; #a9a5a6;*/
	/*border: 1px solid #2b1c12;*/
	height: 355px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
	background-color: #675950;
	background-image: url(../images/global/bg_border.jpg);
}

div.panel_scroller {
	width: 704px;
	height: 355px;
	overflow: hidden;
	position: relative;
}

/* @end */

/* @group Panels */

/* @group Message */

div.message {
	color: #321d10;
	position: absolute;
	background: transparent url(../images/global/white_overlay.png) left top;
	padding: 15px 15px 15px 15px;
	width: 510px;
	overflow: hidden;
}

div.message_appear {
	background: transparent url(../images/global/white_overlay_alt.png) left top;
}

div.message h2 {
	margin-right: 15px;
}

div.message .appear {
	overflow: hidden;
}

div.message p {
	margin-bottom: 15px;
}

div.message .nomargin {
	margin-bottom: 0;
}

div.message ul {
	margin-bottom: 0;
}

div.message li {
	padding-left: 1.2em;
	background: url(../images/global/message_list_bullet.gif) no-repeat left 2px;
	padding-right: 4px;
}

div.message ul.nobullet li {
	padding: 0;
	background: none;
}

div.message li strong {
	text-transform: uppercase;
}

/* @end */

#page_panels .panel {
	width: 704px;
	height: 355px;
	overflow: hidden;
}

#page_panels .panel img {
	z-index: 1;
	width: 100%;
	height: 100%;
}

.empty_panel {
	
}

.panel div.caption {
	position: absolute;
	right: 9px;
	top: 9px;
	width: auto;
	background: transparent url(../images/global/white_overlay.png);
	line-height: 2em;
	padding: 2px 8px;
	color: #321d10;
	font-weight: bold;
}

#page_panels .panel {
	background: #362012;
	position: relative;
}



/* @end */

/* @group Overlay */

#panel_overlay_l,
#panel_overlay_r,
#panel_overlay_b,
#panel_overlay_t {
	position: absolute;
	line-height: 0px;
	font-size: 0px;
}

#panel_overlay_l,
#panel_overlay_r {
	width: 9px;
	height: 431px;
}

#panel_overlay_t,
#panel_overlay_b {
	width: 722px;
	height: 9px;
}

#panel_overlay_l {
	top: 9px;
	left: 0px;
	background: url(../images/global/panel_overlay_l.png) no-repeat top left;
}

#panel_overlay_r {
	top: 9px;
	right: 0px;
	background: url(../images/global/panel_overlay_r.png) no-repeat top left;
}

#panel_overlay_t {
	top: 0px;
	left: 0px;
	background: url(../images/global/panel_overlay_t.png) no-repeat top left;
}

#panel_overlay_b {
	bottom: 0px;
	left: 0px;
	background: url(../images/global/panel_overlay_b.png) no-repeat top left;
}

/* @end */

/* @end */

/* @group Footer */

#footer {
	padding: 0px 0;
}

#footer p {
	text-align: center;
	font: 0.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#footer p.contact {
	text-transform: uppercase;
	margin-bottom: 0px;
	text-indent: -9000px;
}

#footer p.contact a {
	display: block;
	margin: 15px 0 5px 0;
	height: 20px;
	background: url(../images/global/footer.gif) no-repeat center center;
}

#footer #footer_image_left {
	/*float: left;
	margin-left: 45px;*/
	position: absolute;
	right: 45px;
	bottom: 12px;
}

#footer #footer_image_right {
	/*float: right;
	margin-right: 45px;*/
	position: absolute;
	left: 45px;
	bottom: 12px;
}

/* @end */

/* @group Welcome Panel */

#about_nav h2 {
	text-align: center;
	color: #20c4f4;
	line-height: 115px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: .4em;
	font-family: "Century Gothic", Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @group Other Panels */

#about_panels div.message,
#haberdashery_panels div.message,
#bedding_panels div.message,
#cushions_panels div.message,
#gifts_panels div.message,
#knitting_panels div.message,
#linens_panels div.message {
	left: 0px;
	bottom: 0px;
	top: auto;
	right: auto;
	width: 674px;
	font-family: "Century Gothic", Arial;
	padding: 10px 15px;
}

#haberdashery_panels div.message h2,
#bedding_panels div.message h2,
#cushions_panels div.message h2,
#gifts_panels div.message h2,
#knitting_panels div.message h2,
#linens_panels div.message h2 {
	float: left;
	margin-bottom: 0;
	width: auto;
}

div.message ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: auto;
	position: relative;
	top: 0.20em;
}

div.message li {
	float: left;
	padding-left: 20px;
	padding-right: 5px;
	font-family: "Century Gothic", Arial;
	background: url(../images/global/bullet.png) no-repeat left top;
	line-height: 1.5em;
}

/* @end */

/* @group About */

#abt_panel_02 div.message {
	left: auto;
	top:  0px;
	right: 0px;
	bottom: auto;
	width: 290px;
	background: none;
	color: #fff;
	font-size: 1.5em;
	line-height: 1.45em;
	text-align: center;
}

#abt_panel_02 div.message em {
	text-transform: uppercase;
	color: #20c4f4;
	font-style: normal;
}

/* @end */



/* @group Contact Panel */

#map_panel {
	width: 704px;
	height: 355px;
}

#con_panel_01 div.message {
	left: 9px;
	top:  0px;
	right: auto;
	bottom: auto;
	width: auto;
	background: none;
	color: #fff;
	font-size: 1.3em;
	line-height: 1.25em;
	text-align: left;
}

#con_panel_01 div.message em {
	text-transform: uppercase;
	color: #20c4f4;
	font-style: normal;
}

#con_panel_01 div.message h2 {
	display: none;
}

#con_panel_01 div.message ul {
	width: auto;
}

#con_panel_01 div.message li {
	float: none;	
}

#con_panel_01 div.message a {
	color: #20c4f4;
}

/* @end */