/*******************************************************
* Layout
*******************************************************/

body#pgGallery #container {
	padding-bottom: 0;
}

body#pgGallery #sections {
	position: relative; 
}

body#pgGallery #footer {
	margin-top: 16px; 
}

body#pgGallery #gallery_banner_top_fullwidth, 
body#pgGallery #gallery_banner_bottom {
	clear: both;
	margin: 0 16px;
}

body#pgGallery #gallery_banner_bottom {
	*display: inline;
	*width: 670px; 
}

body#pgGallery div#sections div#primary {
	float: left;
	width: 724px;
	clear: left; 
}

body#pgGallery div#sections div#primary div#browseGallery {
	margin-bottom: 14px;
}

body#pgGallery div#sections div#secondary {
	float: left;
	width: 220px;
	padding-bottom: 20px;
}

body#pgGallery div#sections div#secondary div#gallery_rhn_content {
	margin-top: 16px;
}

body#pgGallery div#breadcrumb {
	padding-bottom: 0;
	margin-bottom: 16px;
	float: left;
	width: 100%; 
}

/*******************************************************
* gallery header
*******************************************************/

#browseGallery div.pageControls, 
#eventGallery div.pageControls {
	overflow: hidden;
	clear: both;
}

#browseGallery div.pageControls {
	padding-left: 15px; 
}

#browseGallery div.pageControls h1, 
#eventGallery div.pageControls h1 {
	font-size: 2em;
	margin-left: 16px;
	position: absolute;
	left: -9999em;
}

#browseGallery div.pageControls div.pagination, 
#eventGallery div.pageControls div.pagination {
	float: right;
	margin-right: 8px; 
}

#browseGallery div.pageControls div.totalIndicator, 
#eventGallery div.pageControls div.totalIndicator {
	float: left;
	overflow: hidden;
	font-size: 1.1em;
	padding: 2px 0; 
}

#eventGallery div.pageControls div.viewPerPage p, 
#eventGallery div.pageControls div.totalIndicator p, 
#browseGallery div.pageControls div.viewPerPage p, 
#browseGallery div.pageControls div.totalIndicator p {
	margin: 0;
}

#eventGallery div.pagination .viewPerPage,
#eventGallery div.pagination3 .controls,
#eventGallery div.pageControls div.pagination div.controls, 
#browseGallery div.pagination .viewPerPage,
#browseGallery div.pagination3 .controls,
#browseGallery div.pageControls div.pagination div.controls {
	float: right;
}

#eventGallery div.pagination3, 
#browseGallery div.pagination3 {
	padding-left: 16px;
	margin-bottom: 27px;
}

#eventGallery div.pagination3 .backToTop, 
#browseGallery div.pagination3 .backToTop {
	font-size: 1.1em;
	background: #FFF url(../img/global/icon_back_to_top.png) right 5px no-repeat;
	padding-right: 11px;
	float: left;
}

/*******************************************************
* products list
*******************************************************/

#browseGallery div.gallery {
	margin: 0 18px 0 15px;
	position: relative;
}

#browseGallery div.gallery div.clip {
	overflow: hidden;
	position: relative;
	width: 691px;
}

#browseGallery div.gallery div.clip ul.pages {
	list-style: none;
	overflow: hidden;
	position: relative;
	left: 0px;
}

#browseGallery div.gallery div.clip ul.pages div.row {
	float: left; 
	margin-bottom: 20px; 
	margin-top: 5px;
	clear: left; 
	*float: none; 
	_float: none;
}

#browseGallery div.gallery div.clip ul.pages li.page {
	float: left;
	width: 691px;
}

#browseGallery div.gallery div.clip ul.pages li.page div.product {
	float: left;
	width: 151px;
	margin: 0 29px 0 0; 
}

#browseGallery div.gallery div.clip ul.pages li.page div.product.last {
	margin-right: 0; 
}

#browseGallery div.gallery div.clip ul.pages li.page div.product h2,
#browseGallery div.gallery div.clip ul.pages li.page div.product h3 {
	margin: 0;
	line-height: 1.45;
}

#browseGallery div.gallery div.clip ul.pages li.page div.product h2 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
}


/* styles for Museum of Everything */
body#pgGallery.themuseumofeverything div#sections div#primary div#browseGallery .gallery {
	font-family: Courier, 'Courier New', monospace;
}

body#pgGallery.themuseumofeverything #browseGallery div.gallery div.clip ul.pages li.page div.product h2, 
body#pgGallery.themuseumofeverything #browseGallery div.gallery div.clip ul.pages li.page div.product h3, 
body#pgGallery.themuseumofeverything #browseGallery div.gallery div.clip ul.pages li.page div.product h2 a, 
body#pgGallery.themuseumofeverything #browseGallery div.gallery div.clip ul.pages li.page div.product h3 a {
	color: #f00;
}

body#pgGallery.themuseumofeverything #browseGallery div.gallery div.clip ul.pages li.page div.product h2, 
body#pgGallery.themuseumofeverything #browseGallery div.gallery div.clip ul.pages li.page div.product h3, 
body#pgGallery.themuseumofeverything #browseGallery div.gallery div.clip ul.pages li.page div.product p.price {
	font-size: 1.3em;
}
/* styles for Museum of Everything */


#browseGallery div.gallery div.clip ul.pages li.page div.product h3 {
	font-size: 1.1em;
}

#browseGallery div.gallery div.clip ul.pages li.page div.product p.date {
	margin-bottom: 0;
	color: #444;
}

#browseGallery p.promotion {
	color: #F00;
	display: block;
}

#browseGallery p.promotion span.prefix {
	margin-right: .2em; 
}

#browseGallery div.gallery p.productFlag {
	background: #000;
	color: #fff;
	display: block;
	padding: 2px 3px 4px;
	text-transformation: uppercase;
}

#browseGallery div.gallery ul.pages li.page div.product p.price, 
#browseGallery div.gallery ul.pages li.page div.product p.promotion {
	margin: 0;
}

#browseGallery div.gallery ul.pages li.page div.product p.price span.now {
	color: #f00; 
}

#browseGallery div.gallery ul.pages li.page div.product p.price span.now span.amount {
	font-weight: bold; 
}

#browseGallery div.gallery ul.pages li.page div.product p.price.wwas, 
#browseGallery div.gallery ul.pages li.page div.product p.price.was {
	text-decoration: line-through;
}

#browseGallery div.gallery ul.pages li.page div.product p.price.wwas span, 
#browseGallery div.gallery ul.pages li.page div.product p.price.was span {
	color: #444; 
}

/* display type 1 */

#browseGallery.square div.gallery div.displayType1 ul.pages li.page div.product {
	width: 151px;
	margin-right: 29px;
}

#browseGallery.tall div.gallery div.displayType1 ul.pages li.page div.product {
	width: 142px;
	margin-right: 38px;
}

#browseGallery.square div.gallery div.displayType1 ul.pages li.page div.product, 
#browseGallery.tall div.gallery div.displayType1 ul.pages li.page div.product {
	margin-bottom: 16px;
	overflow: hidden;
}

#browseGallery.square div.gallery div.displayType1 ul.pages li.page div.last, 
#browseGallery.tall div.gallery div.displayType1 ul.pages li.page div.last {
	margin-right: 0px;
}

/* display type 2 */

#browseGallery div.gallery div.displayType2 ul.pages li.page div.row {
	padding-bottom: 32px;
}

#browseGallery div.gallery div.displayType2 ul.pages li.page div.product {
	width: 142px;
	margin-right: 41px;
}

#browseGallery div.gallery div.displayType2 ul.pages li.page div.last {
	margin-right: 0px;
}

#browseGallery div.gallery div.displayType2 ul.pages li.page div.product p.price {
	margin: 0;
}

/* display type 3 */

#browseGallery div.gallery div.displayType3 ul.pages li.page div.row {
	padding-bottom: 32px;
}

#browseGallery div.gallery div.displayType3 ul.pages li.page div.product {
	width: 142px;
	margin-right: 41px;
	margin-bottom: 8px;
}

#browseGallery div.gallery ul.pages li.page div.product div.image a img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/* width: 151px; */
	/* for testing only 
	width: 149px;
	border: solid 1px red; 
	for testing only */
}

#browseGallery div.gallery div.displayType3 ul.pages li.page div.last {
	margin-right: 0px;
}

#browseGallery div.pagination div.loading {
	float: right;
	margin-bottom: -2px;
}

/*******************************************************
* display options
*******************************************************/

div.displayOptions {
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	padding-top: 5px;
	padding-left: 16px;
	padding-bottom: 1px;
}

div.displayOptions h2 {
	float: left;
	font-size: 1.1em;
	margin: 0px 3px 0px 0px;
	font-weight: normal;
}

div.displayOptions ul {
	list-style: none;
	float: left;
	margin: 0 4px 0 0;
	width: 120px;
}

div.displayOptions ul li {
	display: inline;
	float: left;
	margin: 0px 5px 0px;
}

div.displayOptions ul li a {
	display: block;
}

div.displayOptions p.RSS {
	margin: 0 5px 0 0;
	float: right;
}


/*******************************************************
* Brand room / Brand group indicators
*******************************************************/

div#brandGroupIndicator,
div#brandRoomIndicator {
	margin: 0px 16px 16px 16px;
	border-top: 1px solid #D0D0D0;
	padding-top: 8px;
	text-align: center;
}

div#brandGroupIndicator ul,
div#brandRoomIndicator ul,
div#brandGroupIndicator ul li,
div#brandRoomIndicator ul li {
	display: inline;
	list-style-type: none;
}

div#brandGroupIndicator ul li.selected a,
div#brandRoomIndicator ul li.selected a {
	color: #000;
}

div#brandGroupIndicator ul li a,
div#brandRoomIndicator ul li a {
	padding: 0 8px;
}

/*******************************************************
* facet navigation
*******************************************************/

div#facetNavigation {
	border-top: 1px solid #D0D0D0;
}

div.mergeSecondaryNav div#facetNavigation {
	border-top: none;
}

div#facetNavigation h2 {
	display: none;
}

div#facetNavigation div.facets {
	border-top: 1px solid #D0D0D0;
}

div#facetNavigation div.facets div.header {
	border-bottom: 1px solid #D0D0D0;
	position: relative;
	padding: 0 0 0 16px;
}

div#facetNavigation div.facets div.header h3 {
	margin: 0px;
	font-size: 1.1em;
	font-weight: normal;
	padding: 5px 0;
	width: 200px;
	float: left;
}

div#facetNavigation div.facets div.header h3 a {
	display: block;
	color: #000;
	text-decoration: none;
}

div#facetNavigation div.facets div.header h3 a.selected {
	background: transparent url(../img/global/icon_close_nav_item.gif) 203px 3px no-repeat;
}

div#facetNavigation div.facets div.header p.remove {
	position: absolute;
	right: 8px;
	margin-bottom: 0px;
	padding-top: 6px;
}

div#facetNavigation div.facets div.options {
	border-bottom: 1px solid #D0D0D0;
}

div#facetNavigation div.facets div.options div.backContainer a,
div#facetNavigation div.facets div.options div.forwardContainer a {
	background: url(../img/global/icon_arrow03_up.gif) no-repeat 50% 50%;
	display: block;
	height: 20px;
}

div#facetNavigation div.facets div.options div.forwardContainer a {
	background-image: url(../img/global/icon_arrow03_down.gif);
}

div#facetNavigation div.facets div.options div.clip {
	padding-top: 15px;
}

div#facetNavigation div.facets div.options ul {
	list-style: none;
	padding: 0px 24px;
}

div#facetNavigation div.facets div.options ul li {
	margin-bottom: 12px;
	font-size: 1.1em;
}

div#facetNavigation div.facets div.options ul li a:link,
div#facetNavigation div.facets div.options ul li a:visited {
	text-decoration: none;
}

div#facetNavigation div.facets div.options ul li a:hover {	
	color: #000;
}