/* /////////////////////////////////
	Emporiabella CSS 
	by Benek Lisefski
	http://www.benekdesign.com
///////////////////////////////// */

/* reset whitespace */
* { 
	margin:0;
	padding:0;
}

/* /////////////////////////////////
	LAYOUT
///////////////////////////////// */

body {
	font: normal 11px georgia, "palatino linotype", "times new roman", "times", serif;
	color: #000;
	background: #dfdad5 url('../images/bg.gif') repeat left top fixed;
	line-height: 18px;
}

#center {
	width: 960px;
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear { 
	clear: both; 
	height: 0; 
	line-height: 0px;
	font-size: 0px;
	text-indent: -5000px;
}

.hidden {
	display: none;
}

.mainCol {
	width: 760px;
	margin: 0;
}

.subCol {
	width: 186px;
	margin: 0;
}

/* /////////////////////////////////
	TEXT + HTML
///////////////////////////////// */

h1 {
	font: normal 48px georgia, "palatino linotype", "times new roman" times, serif;
	color: #cfcbc6;
	margin: 26px 0 0 0;
	letter-spacing: -1px;
	line-height: 54px;
}

div.titleBar h1 {
	font: normal 30px georgia, "palatino linotype", "times new roman" times, serif;
	color: #bcb7af;
	/*color: #cfcbc6;*/
	margin: 26px 0 0 0;
	letter-spacing: -1px;
	line-height: 40px;
}

h1 .sub {
	color: #54464a;
	font-size: 20px;
	letter-spacing: 0px;
	margin-left: 20px;
	line-height: 18px;
}

h1 .price {
	color: #dc4875;
	font-size: 30px;
	float: right;
	margin-left: 30px;
}
span.viewprice {
	color: #dc4875;
	font-size: 20px;
	margin: 0px 0;
}
span.viewprice .old-price {
	text-decoration: line-through;
	font-size: 14px;
}
h2 {
	font: normal 24px georgia, "palatino linotype", "times new roman" times, serif;
	color: #bfbab3;
	background: #f5f4f2;
	margin: 24px -20px 18px -20px;
	padding: 13px 20px 11px;
}

h2.negBottom {
	margin-bottom: -20px;
}

h2.spaceTop {
	margin-top: 94px;
}

h3 {
	font: bold 14px georgia, "palatino linotype", "times new roman" times, serif;
	color: #54464a;
	margin: 12px 0;
}

h4 {
	font: bold 12px arial, tahoma, verdana;
	margin: 12px 0 12px 0;
	color: #787878;
	text-transform: uppercase;
}	

p, ul, ol {
	margin: 12px 0px 12px 0px;
}

p {
	font-size: 13px;
	margin-right: 0px;
	line-height: 23px;
}


ul {
	list-style-type: none;
}


/* /////////////////////////////////
	LINKS
///////////////////////////////// */

a img { border: none }

a:link,
a:visited {
	color: #dc4875;
	text-decoration: none;
}

a:hover {
	color: #c31c4f;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

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

#header {
	height: 142px;
	overflow: hidden;
}

#logo {
	display: block;
	float: left;
	width: 178px;
	height: 47px;
	overflow: hidden;
	background: transparent url('../images/emporiabella.gif') no-repeat left top;
	text-indent: -5000px;
	margin: 41px 0 0 0;
	display: inline;
}

#logo:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

#tagline {
	display: block;
	width: 462px;
	height: 18px;
	overflow: hidden;
	background: transparent url('../images/tagline.gif') no-repeat left top;
	text-indent: -5000px;
	margin: 60px 0 0 20px;
}

.subNav {
	margin: 4px 0 0 18px;
	color: #a2989b;
}

.subNav li {
	display: inline;
}

.subNav li a:link,
.subNav li a:visited {
	padding: 0 3px;
	color: #8a8083;
}

.subNav li a:hover {
	color: #c31c4f;
}

/* /////////////////////////////////
	NAV
///////////////////////////////// */

ul#nav {
	margin: 18px 18px 24px 0;
	list-style-type: none;
}

ul#nav li {
	padding-left: 20px;
}

ul#nav li a:link,
ul#nav li a:visited {
	color: #f8c6d7;
}

ul#nav li a:hover {
	color: #fff;
}

ul#nav li.current a:link,
ul#nav li.current a:visited {
	color: #841c3a;
	padding-left: 10px;
	background: transparent url('../images/bullet-plus.gif') no-repeat left center;
}

ul#nav li#Homeware,
ul#nav li#Furnishings,
ul#nav li#Accessories {
	padding-left: 0px;
	position: relative;
	left: -11px;
	margin-top: 12px;
}

ul#nav li#Homeware a:link,
ul#nav li#Homeware a:visited {
	display: block;
	width: 110px;
	height: 24px;
	overflow: hidden;
	background: transparent url('../images/nav-homeware.gif') no-repeat left top;
	text-indent: -5000px;
	margin: 0 0 0 0;
}

ul#nav li#Furnishings a:link,
ul#nav li#Furnishings a:visited {
	display: block;
	width: 153px;
	height: 24px;
	overflow: hidden;
	background: transparent url('../images/nav-furnishings.gif') no-repeat left top;
	text-indent: -5000px;
	margin: 0 0 0 0;
}

ul#nav li#Accessories a:link,
ul#nav li#Accessories a:visited {
	display: block;
	width: 115px;
	height: 24px;
	overflow: hidden;
	background: transparent url('../images/nav-accessories.gif') no-repeat left top;
	text-indent: -5000px;
	margin: 0 0 0 0;
}

ul#nav li#Homeware a:hover,
ul#nav li#Furnishings a:hover,
ul#nav li#Accessories a:hover {
	background-position: left -24px;
}

#cart {
	background: #c4486c;
	width: 146px;
	height: 55px;
	overflow: hidden;
	padding: 14px 20px 0;
}

#cart h3 {
	font: normal 12px georgia, "palatino linotype", "times new roman" times, serif;
	color: #fff;
	margin: 0;
	background: transparent url('../images/icon-cart.gif') no-repeat left top;
	padding: 4px 0 4px 26px;
}

#cart ul {
	margin: 2px 0 0 -3px;
	color: #dc819a;
}

#cart ul li {
	display: inline;
}

#cart ul li a:link,
#cart ul li a:visited {
	padding: 0 3px;
	color: #f8c6d7;
}

#cart ul li a:hover {
	color: #fff;
}


/* /////////////////////////////////
	CONTENT
///////////////////////////////// */

#content {
	background: transparent url('../images/bg-pink60.png') repeat left top;
	height: 1%;
}

#content .mainCol {
	background: #fff;
	position: relative;
	top: -20px;
	margin-bottom: -68px;
	padding: 0 20px;
	width: 720px;
}

.topBanner {
	margin: 20px 0 18px 0;
	display: block;
}

.banner {
	margin: 0 0 18px 0;
	display: block;
}

.titleBar {
	background: #f5f4f2 url('../images/line-horz.gif') no-repeat left bottom;
	padding: 1px 20px 9px 20px;
	min-height: 80px;
	margin: 0 -20px 20px -20px;
}

.productGrid {
	background: #fff url('../images/bg-grid-vert.gif') repeat-y left top;
	margin: 20px -20px 0px;
}

.products {
	overflow: hidden;
	height: 1%;
	background: transparent url('../images/bg-grid-horz.gif') repeat-y left top;
	margin: 0;
}

.products li {
	display: block;
	float: left;
	width: 190px;
	height: 240px;
	position: relative;
}

.products li a:link,
.products li a:visited {
	display: block;
	width: 190px;
	height: 240px;
	overflow: hidden;
}

.products li a:link img.thumb,
.products li a:visited img.thumb {
	margin: 21px 0 9px 20px;
	display: block;
}

.products li a:link img.hover,
.products li a:visited img.hover {
	position: absolute;
	z-index: 5;
	top: 21px;
	left: 20px;
	display: none;
}

.products li a:link .name,
.products li a:visited .name {
	display: block;
	font-size: 11px;
	color: #54464a;
	font-weight: bold;
	line-height: 13px;
	margin: 0 20px;
}

.products li a:link .price,
.products li a:visited .price {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #dc4875;
	margin: 2px 20px;
}

.products li a:link .old-price,
.products li a:visited .old-price {
	font-size: 14px;
	text-decoration: line-through;
	float: left;
	margin: 2px 6px 2px 2px;
}

.products li a:link .special-price,
.products li a:visited .special-price {
	float: left;
	margin: 2px 0px 2px 2px;
}

.products li a:hover .name {
	color: #000;
}

.products li a:hover .price {
	color: #c31c4f;
}

.products li a:hover img.hover {
	display: block;
}

.products li img.new {
	display: block;
	position: absolute;
	z-index: 10;
	top: 7px;
	right: 3px;
}

#show {
	background: #f5f4f2 url('../images/line-horz.gif') no-repeat left top;
	padding: 0 20px;
	height: 50px;
	overflow: hidden;
	margin: 0 -20px;
	color: #a6a29e;
	line-height: 50px;
}

#paginate {
	float: left;
	margin: 0 30px 0 -4px;
}

#paginate li {
	display: inline;
	padding: 2px 0;
	border-left: solid 1px #dfdad5;
}

#paginate li a:link,
#paginate li a:visited {
	margin: 0 2px 0 4px;
}

#paginate li.prev,
#paginate li.next,
#paginate li.more {
	font-size: 12px;
	font-weight: bold;
}

#paginate li.prev,
#paginate li.more {
	border: 0;
	margin: 0 12px 0 0;
}

#paginate li.next {
	padding: 0 0 0 12px;
}

#paginate li.current a:link,
#paginate li.current a:visited,
#paginate li.current a:hover {
	color: #000;
}

.showing {
	margin: 0;
}

ul.specs {
	color: #8d8a86;
}

.addCart:link,
.addCart:visited {
	display: block;
	width: 83px;
	height: 23px;
	overflow: hidden;
	background: transparent url('../images/button-addtocart.gif') no-repeat left top;
	text-indent: -5000px;
	margin: 12px 0 12px 0;
}

.addCart:hover {
	background-position: left -23px;
}

.productPhotos {
	float: right;
	width: 250px;
	margin: 6px 0 12px 40px;
}

#lrgPhoto {
	display: block;
}

.thumbnail:link,
.thumbnail:visited {
	overflow: hidden;
	float: left;
	margin: 10px 10px 0 0;
	border: 0;
}

.thumbnail img {
	float: left;
	overflow: hidden;
	border: 0;
}

.thumbnail:hover {
	border: solid 3px #c4486c;
}

.thumbnail:hover img {
	margin: -3px;
}


/* /////////////////////////////////
	FORMS
///////////////////////////////// */

fieldset {
 	border: 0;
}

input:focus {
	outline: 0;
}

#search_mini_form {
	background: transparent url('../images/bg-white50.png') repeat left top;
	width: 191px;
	height: 30px;
	float: right;
	margin: 52px 0 0 0;
	display: inline;
	overflow: hidden;
}

#search_mini_form .input {
	float: left;
	width: 129px;
	border: 0;
	background: none;
	padding: 9px 8px 7px;
	font: normal 12px georgia, "palatino linotype", "times new roman" times, serif;
	font-style: italic;
	color: #dc4875;
}

button#find {
	display: block;
	float: left;
	width: 40px;
	height: 20px;
	overflow: hidden;
	background: transparent url('../images/button-find.gif') no-repeat left top;
	text-indent: -5000px;
	margin: 5px 0 0 0;
	border: 0px;
}

button#find:hover {
	background-position: left -20px;
}

#sort {
	float: right;
	width: 330px;
	text-align: right;
	padding-top: 15px;
	line-height: 12px;
}

#sort label {
	margin: 0 0 0 20px;
}

#sort select {
	background: #fff;
	border: solid 1px #d5d3d2;
	padding: 2px;
	margin: 0 2px;
	font: normal 11px georgia, "palatino linotype", "times new roman" times, serif;
}

#sort select.number {
	width: 50px;
}

#sort select.sortBy {
	width: 70px;
}


/* /////////////////////////////////
	FOOTER
///////////////////////////////// */


#footer {
	clear: both;
	height: 50px;
} 

#footLinks {
	margin: 70px 0 20px 206px;
}

#footLinks li.copyright {
	color: #000;
	margin-right: 4px;
}

#footLinks li.vo2 {
	margin-left: 20px;
}
/********************** Product Detail */
/* Product Images */
.product-img-box { float:left; width:267px; margin-left: -20px;}
.product-img-box .product-image-zoom { position:relative; overflow:hidden; width:265px; height:265px; z-index:9; }
.product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; }
.image-zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px auto; background:url(../images/slider_bg.gif) no-repeat 50% 50%; padding:0 28px 0 28px; cursor:pointer; }
.image-zoom #track { position:relative; height:18px; }
.image-zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px;background:url(../images/magnifier_handle.gif) 0 0 no-repeat; }
.image-zoom .btn-zoom-out { position:absolute; left:2px; top:1px; }
.image-zoom .btn-zoom-in { position:absolute; right:2px; top:1px; }
.product-img-box .more-views h4 { border-bottom:1px solid #ccc; margin-bottom:.8em; font-size:.95em; text-transform:uppercase; }
.product-img-box .more-views ul { margin-left:-9px; }
.product-img-box .more-views li { float:left; margin:0 0 9px 9px; }
.product-img-box .more-views li a { float:left; width:56px; height:56px; border:2px solid #ddd; overflow:hidden; }

.product-info-box { margin-top:10px; border:1px solid #c4c6c8; margin-top:0; }
.product-info-box .product-name { margin-bottom:.3em; color:#0a263c; font-size:1.2em; }
.product-info-box .price-box { margin:10px 0; }
.product-info-box .data-table .price-box { margin:0; padding:0; }
.product-info-box .availability { margin:10px 0; padding:0; font-size:0.92em; }