/*****************************************************************
	Description: Master stylesheet for Hip Furniture
	Author: Angie Herrera for Threshold Consulting
	Version: 2008 July
*****************************************************************/
@import url(forms.css);
@import url(blog.css);




/*	Global
-------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font: small/1.6em Helvetica, Arial, sans-serif;
	background: #eaeced url(/images/bg_body.jpg) repeat-x 0 0;
	color: #3b4245;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
}





/*	Top shelf area structure
-------------------------------------------------------------------*/
#shelf {
	height: 645px;
}







/*	Navigation + logo
-------------------------------------------------------------------*/
#nav {
	float: left;
	width: 220px;
}

#nav h1 {
	width: 159px;
	height: 127px;
	margin: 100px auto 30px;
	padding: 0;
	background: url(/images/hiplogo.jpg) no-repeat;
	display: block;
}

#nav h1 a {
	width: 159px;
	height: 127px;
	display: block;
}

#nav h1 span {
	display: block;
	text-indent: -9999em;
}

#nav_links {
	text-align: center;
	margin: 0;
	padding: 0 0 2.4em 0;
	list-style: none;
	font-size: 90%;
	background: url(/images/bg_navshadow.jpg) no-repeat center bottom;
}

#nav_links li {
	line-height: 1em;
	margin: 0 0 2.6em;
	padding: 0;
}

#nav_links li a {
	text-decoration: none;
	color: #3b4245;
	text-transform: lowercase;
}

#nav_links li.active a {
	font-weight: bold;
}

#nav_links li a:hover {
	color: #2d8ec5;
}







/*	Stuff on shelf
-------------------------------------------------------------------*/
#showcase {
	width: 740px;
	height: 524px;
	float: right;
	position: relative;
}







/*	Content structure (sidebar + main columns)
-------------------------------------------------------------------*/
#sidebar {
	width: 220px;
	float: left;
	margin: 0 46px 0 0;
}

#column_inner {
	width: 176px;
	float: left;
}

#column_main {
	width: 480px;
	float: right;
	margin: -16px 0 0 0;
	padding: 0;
}

#column_main img {
	margin: 30px 0 0 10px;
	padding: 0;
	border: 2px solid /*#d2d4d5*/#8e9896;
}

#column_main img.noBd {
border:none;
}


/*	Footer
-------------------------------------------------------------------*/
#footer {
	clear: both;
	float: left;
	width: 100%;
	border-top: 1px solid #b6bdbf;
	margin: 4em 0 0 0;
	padding: .5em 0 2em 0;
	font-size: 85%;
	line-height: 1em;
	color: #8d9b9f;
}

#footer a {
	color: #8d9b9f;
	text-decoration: none;
	border-bottom: 1px dotted #8d9b9f;
}

#footer a:hover {
	border: 0;
	color: #b9d432;
}

p {
	margin: 0 0 1em; /* NEW ADD */
}


p#copyright {
	float: left;
	width: 49%;
}

p#credit {
	float: right;
	width: 49%;
	text-align: right;
}






/*	Typography
-------------------------------------------------------------------*/
/*	Headers		*/
h1 {
	font-weight: normal;
	color: #83c21d;
}

h2 {
/*	color: #f62736;*/
	color: #2d8ec5;
}

h3 {
	text-transform: uppercase;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 115%;
	color: #f02095;
}

h5 {
	font-size: 110%;
	color: #228fa2;
}

h6 {
	font-size: 100%;
	color: #e57a1c;
}

blockquote {
	border-left: 1px solid #c9ced1;
	margin: 0 2em;
	padding: 0 0 0 1em;
	font-style: italic;
}


p#breadcrumb {
	font-size: 85%;
	color: #858484;
	line-height: 1em;
	margin: 0 0 2.5em 0;
	padding: 0;
	text-transform: lowercase;
}

p#breadcrumb a {
	color: #858484;
	text-decoration: none;
	border-bottom: 1px dotted #858484;
}

p#breadcrumb a:hover {
	color: #93c91e;
	border-color: #93c91e;
}

#column_main a,
#blog_content a {
	color: #3b4245;
	text-decoration: none;
	border-bottom: 1px dotted #3b4245;
}

#column_main a:hover,
#blog_content a:hover {
	color: #83c21d;
	border-color: #83c21d;
}

p.pagination,
li.pagination_cats {
	color: #727171;
	font-size: 80%;
	line-height: 1em;
	margin: 3em 0 0 0;
	padding: 0 0 1em 0;
}

/*p.pagprod {
	margin: 3em 0 0 191px;
}*/

p.pagination span,
li.pagination_cats span {
	padding-right: 1em;
}

p.pagination b,
li.pagination_cats b {
	font-weight: normal;
	background: #8e9a9e;
	border: 1px solid #5f6f74;
	margin: 0 .5em 0 0;
	padding: .2em .4em;
	color: #fff;
}

#blog_content p.pagination a,
p.pagination a,
li.pagination_cats a {
	background: #c5cacc;
	border: 1px solid #869296;
	margin: 0 .5em 0 0;
	padding: .2em .4em;
	text-decoration: none;
	color: #727171;
}

#blog_content p.pagination a:hover,
p.pagination a:hover,
li.pagination_cats a:hover {
	color: #bad433;
	background: #8e9a9e;
	border-color: #5f6f74;
}







/*	Product pages
-------------------------------------------------------------------*/
/*	main page	*/
ul#product_categories,
ul#product_categories_single {
	width: 663px;
	margin: 0;
	padding: 0 0 3em 0;
	list-style: none;
	float: right;
	background: url(/images/cat_shadows.jpg) no-repeat 0 bottom;
}

/*ul#product_categories_single {
	width: 92px;
	float: left;
	background-position: -6px bottom;
}*/

ul#product_categories li {
	display: block;
	float: left;
	width: 92px;
	height: 474px;
	margin-left: 2px;
}

ul#product_categories li a {
	display: block;
	width: 92px;
	height: 474px;
}

ul#product_categories li span {
	display: none;
}

ul#product_categories li#catSofas a { background: url(/images/cat_sofas.png) no-repeat 0 0; }
ul#product_categories li#catTables a{ background: url(/images/cat_tables.png) no-repeat 0 0; }
ul#product_categories li#catBeds a { background: url(/images/cat_beds.png) no-repeat 0 0; }
ul#product_categories li#catChairs a { background: url(/images/cat_chairs.png) no-repeat 0 0; }
ul#product_categories li#catStorage a { background: url(/images/cat_storage.png) no-repeat 0 0; }
ul#product_categories li#catAccents a { background: url(/images/cat_accents.png) no-repeat 0 0; }
ul#product_categories li#catMedia a { background: url(/images/cat_media.png) no-repeat 0 0; }

ul#product_categories li#catSofas a:hover, ul#product_categories li#catTables a:hover,
ul#product_categories li#catBeds a:hover, ul#product_categories li#catChairs a:hover,
ul#product_categories li#catStorage a:hover, ul#product_categories li#catAccents a:hover,
ul#product_categories li#catMedia a:hover {
	background-position: 0 -30px;
}

/*	single category page	*/
ul#product_categories.single_cat {
	width: 92px;
	float: left;
	background-position: -6px bottom;
	padding-bottom: 22em;
}

ul#product_categories.single_cat li#catSofas,
ul#product_categories.single_cat li#catSofas a,
ul#product_categories.single_cat li#catTables,
ul#product_categories.single_cat li#catTables a,
ul#product_categories.single_cat li#catBeds,
ul#product_categories.single_cat li#catBeds a,
ul#product_categories.single_cat li#catChairs,
ul#product_categories.single_cat li#catChairs a,
ul#product_categories.single_cat li#catStorage,
ul#product_categories.single_cat li#catStorage a,
ul#product_categories.single_cat li#catAccents,
ul#product_categories.single_cat li#catAccents a,
ul#product_categories.single_cat li#catMedia,
ul#product_categories.single_cat li#catMedia a
 {
	height: 230px;
	background-position: 0 -250px;
}


#subcategory_table {
	float: right;
	width: 500px;
	height: 380px;
	margin: 130px 50px 0 0;
	padding: 0;
	vertical-align: bottom;
	border-collapse: collapse;
}

#subcategory_table td {
	padding: 0;
	vertical-align: bottom;
}

#subcategory_table dl {
	width: 137px;
	height: 97px;
	margin: 30px 20px 0 0;
	padding: 0;
	float: left;
	position: relative;
}

#subcategory_table dl dt {
	z-index: 10;
	position: absolute;
	margin: 88px 0 0 6px;
	padding: 0;
	font-weight: bold;
	width: 130px;
	/*border-top: 1px dotted #cdd2d5;*/
	/*border-top: 1px dotted #d8dcdf;*/
	background: #fff;
	line-height: 1em;
}

#subcategory_table dl dt a {
	/*color: #3b4245;*/
	/*color: #667075;*/
	color: #7b888e;
	text-decoration: none;
	position: relative; /* NEW ADD */
}

#subcategory_table dl dt a:hover {
	color: #b9d432;
}

#subcategory_table dl img {
	position: relative;
	left: -41px;
	top: -1px;
	border: 1px solid #cacfd2;
}

#subcategory_table dl a img:hover,
#subcategory_table ul#prod_thumb_list li a img:hover {
	border: 1px solid #b9d432;
}

/* product list pages */
#subcategory_table ul#prod_thumb_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#subcategory_table ul#prod_thumb_list li {
	float: left;
	width: auto;
	margin: 10px 20px 0 0;
}

#subcategory_table ul#prod_thumb_list li img {
	border: 1px solid #cacfd2;
}

#subcategory_table li.pagination_cats {
	clear: both;
	position: absolute;
	left: 191px;
	bottom: -60px;
/*	display: block;*/
	margin: 0;
	width: 500px;
}



/*	Individual product page(s) (i.e., product detail page)	*************************/
#main_image {
	width: 575px;
	float: right;
	background: transparent url(/images/bg_product_shadow.jpg) no-repeat center bottom;
	margin: 0;
	padding-bottom: 6px;
	position: absolute;
	right: 0;
	top: 50px;
	text-align: center;
}

#main_image img {
	margin: 0;
	padding: 0;
	border: 1px solid #d2d4d5;
}

ul#thumbnails {
	position: absolute;
	right: 0;
	top: 450px;
	width: 575px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	z-index: 100;
}

ul#thumbnails li {
	list-style: none;
	display: inline;
/*	width: 140px;*/
	height: 100px;
	background: url(/images/bg_prod_thumb_shadow.jpg) no-repeat center bottom;
	margin: 0;
	padding: 0 10px 10px;
}

ul#thumbnails li a img:hover {
	border-color: #b9d432;
}

ul#thumbnails li img { border: 1px solid #d2d4d5; }

p.prod_category {
	font-weight: normal;
	text-transform: lowercase;
	/* other styles under Blog section */
}

p.prod_price {
	margin-top: 1.5em;
	/* other styles under Blog section */
}

/* Horizontal Accordion ************************/
#horizontal_container {
	margin: 4em auto 0;
	width: 480px;
	height: 140px;
	overflow:hidden; /* This fixes the accordian making the footer 'jump' */
}

.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display: block;
	height: 133px;
	width: 26px;
	background: #95a1a4;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #eaeced;
	cursor: pointer;
	margin: 0 0 0 0;
	overflow: hidden;
}

#prodmenu_dimensions.horizontal_accordion_toggle { background: #95a1a4 url(/images/bg_prodmenu_dimensions.jpg) no-repeat top  left; }
#prodmenu_finish.horizontal_accordion_toggle { background: #95a1a4 url(/images/bg_prodmenu_finish.jpg) no-repeat top  left; }
#prodmenu_leadtime.horizontal_accordion_toggle { background: #95a1a4 url(/images/bg_prodmenu_leadtime.jpg) no-repeat top  left; }
#prodmenu_modelinfo.horizontal_accordion_toggle { background: #95a1a4 url(/images/bg_prodmenu_modelinfo.jpg) no-repeat top  left; }
#prodmenu_supplier.horizontal_accordion_toggle { background: #95a1a4 url(/images/bg_prodmenu_supplier.jpg) no-repeat top  left; }
#prodmenu_country.horizontal_accordion_toggle { background: #95a1a4 url(/images/bg_prodmenu_country.jpg) no-repeat top  left; }
#prodmenu_warranty.horizontal_accordion_toggle { background: #95a1a4 url(/images/bg_prodmenu_warranty.jpg) no-repeat top  left; }

.horizontal_accordion_toggle span {
	display: block;
	text-indent: -9999em;
}

.horizontal_accordion_toggle_active {
/*	background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;*/
	border-right: 1px solid #bad433;
}

#prodmenu_dimensions.horizontal_accordion_toggle_active,
#prodmenu_finish.horizontal_accordion_toggle_active,
#prodmenu_leadtime.horizontal_accordion_toggle_active,
#prodmenu_modelinfo.horizontal_accordion_toggle_active,
#prodmenu_supplier.horizontal_accordion_toggle_active,
#prodmenu_country.horizontal_accordion_toggle_active,
#prodmenu_warranty.horizontal_accordion_toggle_active { background-position: -26px 0; }

.horizontal_accordion_content {
	/* REQUIRED */
	height: 100px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	overflow: hidden;
/*	background-color: #ffffff;*/
	color: #444444;
}

.horizontal_accordion_content p {
/*	width: 450px;*/
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}








/*	Search pages
-------------------------------------------------------------------*/
body#search {
	background: #d5dadd url(/images/bg_bodyblog.jpg) repeat-x 0 0;
}

body#search #nav_links { background: none; }

#blog_content.search {
	margin-top: 14em;
	width: 60%;
}

.search form {
	margin-top: 2em;
}

#search_keyword,
#search_weblogs,
#search_cats,
#search_sort {
	border: 0;
	margin: 0;
	padding: 0;
}

#search_keyword legend,
#search_weblogs legend,
#search_cats legend,
#search_sort legend {
	font-weight: bold;
	font-size: 110%;
}

#search_weblogs,
#search_cats {
	width: 30%;
	float: left;
	margin-top: 2em;
}

#search_sort {
	margin-top: 2em;
}