/**
 * File: http://www.facilitywarehouse.com/gallery/css/styles.css
 */

h4.collectionname {
	padding: 10px 24px 5px;
	position: relative;
	width: 100%;
}

div.categories {
	padding: 0 0 20px 18px;
}
div.categories div.category {
	width:155px;
	margin:0 18px 18px 0;
	background:url(/rounded/sh_r/r_10/bgc_FFFFFF/fgc_FFFFFF/bc_CCCCCC/bw_1/w_155/h_600/) 155px 0 no-repeat;
	cursor:pointer;
}
div.categories div.hover {
	background-position:bottom center;
}
div.categories div.category div.wrap {
	padding:9px 9px 11px;
	width:137px;
	background:url(/rounded/sh_s/si_t/r_10/bgc_FFFFFF/fgc_FFFFFF/bc_CCCCCC/bw_1/w_155/) 155px 0 no-repeat;
}
div.categories div.hover div.wrap {
	background-position:top center;
}
div.categories div.category div.shadow {
	padding-bottom:10px;
	background:url(../images/shadow.png) bottom right no-repeat;
}
div.categories div.category div.thumbs {
	border:1px solid #AAAAAA;
	width:135px;
	height:135px;
	overflow:hidden;
	background: url(../images/squares.png) center no-repeat;
}
div.categories div.category img {
	height:60px;
	width:60px;
	padding:5px 0 0 5px;
}
div.categories div.category div.thumbs span {
	display: block;
	text-align: center;
	padding-top: 58px;
	font-size: 0.9em;
	font-weight: bold;
}

div.categories div.category a.name {
	text-decoration:none;
	font-weight:bold;
	font-size:.9em;
}
div.categories div.category ul {
	font-size:.8em;
}
div.categories div.category li {
	padding-top:5px;
}
div.categories div.category li a:hover {
	color:#408098;
}

div.products {
	padding: 0 0 0 18px;
}
a.mygalfunc {
	font-size: .8em;
	display: block;
	padding-top: 5px;
}
a.mygalfunc:hover {
	color: #EF7303;
}

span.controls input {
	font-size: .7em;
	border-width: 1px;
	padding: .3em;
}
span.controls input:hover {
	border-color: #95958d;
	background-color: #f2f2ee;
	text-decoration: underline;
}


div.products div.bottom {
	border-bottom: 0;
	border-top: 1px solid #000000;
	padding: 2px 0 0 0;
}
div.products div.collections {
	display: inline;
	float: right;
}
div.products div.collections select {
	font-size: .8em;
}
div.products div.collections input {
	font-size: .8em;
}
div.products div.product {
	width:155px;
	margin:0 18px 18px 0;
	cursor:pointer;
}
h4 a.rename {
	font-size: .5em;
}
div.products div.hover {
	background:url(/rounded/sh_r/r_10/bgc_FFFFFF/fgc_FFFFFF/bc_CCCCCC/bw_1/w_155/h_600/) bottom center no-repeat;
}
div.products div.active {
	background:url(/rounded/sh_r/r_10/bgc_FFFFFF/fgc_FFFFFF/bc_408098/bw_1/w_155/h_600/) bottom center no-repeat;
}
div.products div.selected {
	background:url(/rounded/sh_r/r_10/bgc_FFFFFF/fgc_CCCCCC/bc_707070/bw_1/w_155/h_600/) bottom center no-repeat;
}
div.products div.selectedactive {
	background:url(/rounded/sh_r/r_10/bgc_FFFFFF/fgc_CCCCCC/bc_095575/bw_1/w_155/h_600/) bottom center no-repeat;
}
div.products div.product div.wrap {
	padding:9px 9px 11px;
	width:137px;
}
div.products div.hover div.wrap {
	background:url(/rounded/sh_s/si_t/r_10/bgc_FFFFFF/fgc_FFFFFF/bc_CCCCCC/bw_1/w_155/) top center no-repeat;
}
div.products div.active div.wrap {
	background:url(/rounded/sh_s/si_t/r_10/bgc_FFFFFF/fgc_FFFFFF/bc_095575/bw_1/w_155/) top center no-repeat;
}
div.products div.selected div.wrap {
	background:url(/rounded/sh_s/si_t/r_10/bgc_FFFFFF/fgc_CCCCCC/bc_707070/bw_1/w_155/) top center no-repeat;
}
div.products div.selectedactive div.wrap {
	background:url(/rounded/sh_s/si_t/r_10/bgc_FFFFFF/fgc_CCCCCC/bc_095575/bw_1/w_155/) top center no-repeat;
}
div.products div.product img {
	background-color:#FFFFFF;
	border:1px solid #AAAAAA;
	margin-bottom:10px;
}
div.products div.product h6.productname {
	font-size: .9em;
	padding-bottom: .5em;
	text-decoration: underline;
	line-height: 1.5em;
}
div.products div.product table.productsummary {
	border-top: 1px solid #ccc;
	font-size: .75em;
	font-weight: bold;
	margin: .5em 0 0 0;
	padding: .3em 0 0 0;
	width: 100%;
	text-align: left;
}
div.products div.selected table.productsummary {
	border-color: #fff;
}
div.products div.selectedactive table.productsummary {
	border-color: #fff;
}
div.products div.product table.productsummary th {
	font-weight: normal;
}
div.products div.product input.select, div.products div.product label.select {
	display: inline;
	padding: 0;
	margin: 0;
	cursor:pointer;
	font-size: .65em;
}
div.products div.product label.select {
	padding-right:5px;
}
div.products div.product input.select {
}
div.products div.product label.quantity {
	color: #707070;
	font-size: .8em;
}
div.products div.product input.quantity {
	color: #707070;
	font-size: .8em;
	border: 0;
	text-decoration: underline;
	padding: 3px;
	cursor: pointer;
}
div.products div.product input.quantity:hover {
	border: 1px solid #ccc;
	padding: 2px;
	text-decoration: none;
}
div.products div.product input.quantityfocused {
	color: #000000;
	border: 1px solid #000000;
	text-decoration: none;
	padding: 2px;
	cursor: auto;
}
div.products div.product input.quantityfocused:hover {
	border: 1px solid #000000;
}
div.products div.product a.quantity {
	font-size: .8em;
	color: #7FAABA;
}
div.products div.product input.quantitysubmit {
	display: none;
	font-size: .8em;
	visibility: hidden;
}
div.products div.product input.quantitysubmitshown {
	display: inline;
	visibility: visible;
}
div.products div.product div.producterrorcontainer {
	font-size: .75em;
	color: #BB3333;
}
div.products div.product div.producterrorcontainer ul {
	border: 2px solid #BB3333;
	padding: .5em .25em;
	margin: .5em 0 0 0;
}


/*
 * Product POpup viewer
 */
div#productviewer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width: 400px;
	background:#FFFFFF;
	z-index: 99;
}
div#productviewer div.dragbar {
	padding: 3px 0;
	position: absolute;
	width: 400px;
	text-align: right;
	z-index: 1;
	visibility: hidden;
	display: none;
}
div#productviewer div.popupfooter {
	background-color: #999;
	color: #fff;
	padding: 5px 10px;
	text-align: center;
	display: none;
	visibility: hidden;
}
div#productviewer div.dragbar:hover {
	cursor: move;
}
div#productviewer div.dragbar a.close {
	color: #FFFFFF;
	font-size: .75em;
	padding: 5px 10px 0 0;
}
div#productviewer div.viewer {
	border-width: 2px 2px 2px;
	border-style:solid;
	border-color:#999999;
}
div#productviewer div.detailwrap {
	padding: 5px 10px 15px 10px; 
}
div#productviewer div.productimagewrap {
	height: 250px;
	width: 320px;
	border: 1px solid #999;
	margin: 0 auto;
}

div#productviewer div.slides {
	width: 317px;
	padding: 5px 0 0 5px;
	margin: 0 auto;
	background: url(/rounded/sh_r/fgc_ddd/bgc_fff/r_5/w_322/h_200/bw_1/bc_CCC/) bottom center no-repeat #DDD;
}
div#productviewer div.slides img {
	margin: 0 5px 5px 0;
	float: left;
}

div#productviewer div.popupproducttitle {
	background-color: #AAAAAA;
	color: #FFFFFF;
	font-weight: bold;
	height: 21px;
	padding: 5px 0 5px 10px;
}
div#productviewer b.popupproductname {
	font-size: .85em;
	color: #095575;
}
div#productviewer table.details {
	font-size: .8em;
	padding: 1em 0 0 0;
}
div#productviewer table.details th {
	text-align: left;
	font-weight: bold;
}
div#productviewer table.details td {
	text-align: left;
}
div#productviewer img.productimage {
	display: block;
	margin: 0 auto;
}
div#productviewer div.productemailwrap {
	display: none;
}
span.imagefuncwrap {
	display: inline;
	position: absolute;
	right: 45px;
	top: 2px;
	z-index: 0;
}
div.messagebar {
	display: none;
	background-color: #338833;
	border-color:#999999;
	border-style:solid;
	border-width:0 2px 2px;
	color: #fff;
	padding: 10px 10px;
	visibility: hidden;
}
div#productviewer div.popupselectwrap {
	font-size: .65em;
	margin-top: 1em;
	padding-top: .75em;
	border-top: 1px dotted #999;
	text-align: right;
}
div#productviewer div.popupsection {
	width: 50%;
	float: left;
}
div#productviewer a.productfunction {
	color: #7FAABA;
}
div#productviewer a.productfunction:hover {
	color: #095575;
}
div#productviewer a.productimagetiny img {
    padding: 1px;
}
div#productviewer a.currentproductimage img {
    border: 1px solid #cc6600;
    padding: 0;
}

/*
 * Popup functions
 */
a.popupfunction {
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 30px;
	padding: 0 5px 0 0;
	width: 30px;
}
a.popupsave { background-image: url(/gallery/images/save.png); }
a.popupsave:hover { background-image: url(/gallery/images/save_over.png); }
a.popupprint { background-image: url(/gallery/images/print.png); }
a.popupprint:hover { background-image: url(/gallery/images/print_over.png); }
a.popupemail { background-image: url(/gallery/images/email.png); }
a.popupemail:hover { background-image: url(/gallery/images/email_over.png); }
a.popupview { background-image: url(/gallery/images/view.png); }
a.popupview:hover { background-image: url(/gallery/images/view_over.png); }
a.popupfunctiontext {
	font-size: .75em;
	float: right;
}
/* *************** */

div.clear { clear: both; }

/*
 * Slideshow
 * */
a.slideshowfunction {
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 6px;
	vertical-align: middle;
	width: 100%;
}
a.slideshowback {background-image: url(/gallery/images/slideshow/back.png);}
a.slideshowback:hover {background-image: url(/gallery/images/slideshow/back_over.png);}
a.slideshownext {background-image: url(/gallery/images/slideshow/next.png);}
a.slideshownext:hover {background-image: url(/gallery/images/slideshow/next_over.png);}


/* 
 * Email popup - when clicking email product button
 * */
div#emailpopupcontainer {
	background-color: #ddbd3d;
	display: none;
	position: absolute;
	visibility: hidden;
	top: 200px;
	width: 350px;
	z-index: 100;
}
div.emailpopup {
	border-width: 2px 0px 2px;
	border-style:solid;
	border-color:#999999;
	font-size: .9em;
}
div.emailpopupwrap {
	padding: 15px 10px;
}
div.emailpopupwrap label.field {
	display: block;
	margin: 10px 0 0 0;
	width: 150px;
}
div.emailpopupwrap label.first {
	margin: 0;
}
div.emailpopupwrap input.field {
	display: block;
	width: 200px;
}
div.emailpopupwrap textarea.field {
	margin: 0 0 10px 0;
	width: 250px;
	height: 55px;
}
div.emailpopupwrap div.emailpopuperrors span {
	display: block;
	color: #BB3333;
}
div.emailpopupwrap div.emailfootnote {
	padding: 8px 0 4px 0;
	font-size: .75em;
	color: #707070;
}
label.fielderror {
	color: #BB3333;
}
input.fielderror,
textarea.fielderror,
select.fielderror {
	background-color: #e8abab;
	border: 1px solid #b33;
}

/*
 * Add to Collection POPUP
 */
div.product a.addtocoll {
	font-size: .75em;
	color: #707070;
	display: block;
	padding: 4px 0px;
}
div.product a.addtocoll:hover { color: #408098;}
div.product a.active {
	padding: 4px 5px;
	color: #FFF;
	background-color: #095575;
}

div.addtocollselect {
	color: #7FAABA;
	float: right;
	padding: 4px 0;
}
div#collPopup {
	background-color: #fff;
	border: 2px solid #095575;
	font-size: .9em;
	position: absolute;
	width: 280px;
	display: none;
	visibility: hidden;
	z-index: 100;
	padding: 10px 15px;
}
div#collPopup h3 {
	font-size: 1em;
	color: #7FAABA;
	padding: 0 0 .75em 0;
}
div#collPopup div.pupaddtocollexistcontainer {
	padding: 0 0 10px 0;
}
div#collPopup div.pupaddtocollexistcontainer select {
	margin: 5px 0;
}
div#collPopup div.pupaddtocollexistcontainer select option.hasproduct {
}
div#collPopup div.pupaddtocollexistcontainer select option span {
	display: block;
	padding: 5px 0;
}
div#collPopup div.pupaddtocollnewradio {
}
div#collPopup div.pupaddtocollnew {
	display: none;
	visibility: hidden;
	padding-bottom: .9em;
}
div#collPopup div.pupaddtocollnew input {
}
div#collPopup div.showing {
}
div#collPopup div.pupaddtocollbtns {
	border-top: 1px solid #7FAABA;
	margin: .75em 0 0 0;
	padding: .75em 0 .5em 0;
}
div#collPopup input.quantity {
	width: 3em;
}

div.noimage {
	width: 135px;
	height: 85px;
	padding-top: 50px;
	border: 1px solid #AAA;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	margin-bottom: 10px;
}
div.noimage_popup {
	width: 320px;
	height: 150px;
	padding-top: 100px;
	font-weight: bold;
	text-align: center;
}



/* Questions in collections view */
div#questioncontainer {
	margin: 10px 24px;
	display: none;
	visibility: hidden;
}


/* TABLES */
table.common {
	border: 1px solid #fff;
	width: 100%;
	border-collapse: collapse;
	font-size: .8em;
}
table.common th {
	background-color: #CCCCCC;
}
table.common td, table.common th {
	padding: 5px;
	margin: 0;
}
table.common tr {
	vertical-align: middle;
}
table.common tr.even {
	background-color: #eaeaea;
}
table.common tr.hover {
}
table.common tr.active {
}
div.rightwrap {
	padding: 0 0 20px 18px;
}
div.rightwrap h3 {
	font-size: 1.2em;
}
div.rightwrap h4 {
	font-size: 1em;
	margin: 1em 0 .5em 0;
}


input.changed {
	background-color: #F99;
}

div.switch {
	margin-bottom: 1.5em;
	margin-right: 10px;
}
div.switch span {
	display: block;
	float: left;
	height: 44px;
	width: 18px;
	border-bottom: 1px solid #999;
}
div.switch a {
	display: block;
	width: 335px;
	height: 30px;
	float: left;
	text-align: center;
	color: #CC6600;
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #999;
	padding-top: 14px;
	font-weight: bold;
}

div.switch a.off {
	font-weight: normal;
	padding-top: 15px;
	height: 29px;
	color: #666;
	background-color: #DDD;
	width: 337;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #999;
	text-decoration: none;
}
div.switch a.off:hover {
	background-color: #EEE;
	text-decoration: underline;
}