/* @override http://10.1.18.14/CanMed/site/applications/ProductCatalog/catalog.css */

/* catalog - common styles for both views */
#tmpl_cbfp_block,
#tmpl_cbprod_block				{background: url(~/site/images/bg_catalog.gif) 0 2.5em no-repeat;}
#tmpl_cbprod_block				{overflow: hidden;}
#tmpl_cbfp_block ul,
#tmpl_cbprod_block ul			{clear: both; width: 680px; list-style: none; margin: 0; padding: 0;}
#tmpl_cbfp_block span a,
#tmpl_cbprod_block span a		{font-size: 1.1em; font-weight: bold;}
#tmpl_cbfp_block a:hover,
#tmpl_cbprod_block a:hover		{text-decoration: none; color: #005AAB;}
#tmpl_cbfp_block var,
#tmpl_cbprod_block var			{display: block; font-style: normal; font-size: 11px;}
#tmpl_cbfp_block var a,
#tmpl_cbprod_block var a		{text-decoration: underline; color: #005AAB;}
#tmpl_cbprod_block h2			{float: left; margin: 0 0 10px 0;}

/* catalog - different styles for each view */
.gallery						{list-style: none; clear: both; margin: 0; padding: 0;}
.gallery li.last				{clear: left;}
.gallery li.clearboth			{clear: both; background: transparent; height: 0px; visibility: hidden; list-style: none; float: none; width: 99% !important;}
.gallery li						{float: left; width: 150px; margin: 10px; padding: 0;}
.gallery li div					{width: 150px; height: 150px; overflow: hidden; position: relative;}
.gallery li div a				{position: absolute; bottom: 0;}
.gallery li div img				{border: none; max-width: 150px; max-height: 150px;}
.gallery li span a				{font-size: 1.1em; font-weight: bold; text-decoration: none; display: block;}
.gallery li var					{display: block; font-style: normal; font-size: 11px;}
.gallery p						{display: none;}
.list li						{width: 540px; padding-left: 130px !important; overflow: hidden;}
.list li div					{float: left; margin-left: -120px; display: inline; width: 110px;}
.list img						{width: 110px !important;}
.list span a					{font-size: 1.2em !important;}

/* catalog - view swticher styles */
#viewSwitcher					{float: right; margin: 0 0 10px 0;}
#viewSwitcher dt				{margin: 0; float: left; font-weight: bold; color: #999; margin-top: 3px;}
#viewSwitcher dd				{margin: 0; float: left; margin-left: 5px;}
#viewSwitcher dd.selected		{background: url(~/site/images/icon_selected.gif); margin-left: 5px;}
#viewSwitcher a					{display: block; width: 24px; height: 24px; background: #cf0;}
#viewSwitcher a:hover			{display: block; width: 24px; height: 24px; background: #cf0; cursor: hand;}
#viewSwitcher a i				{position: absolute; left: -9999px;}
#viewSwitcher a.gallery			{background: url(~/site/images/icon_gallery.gif);}
#viewSwitcher a.list			{background: url(~/site/images/icon_list.gif);}

/* catalog - detail page styles */
#productPhotos					{float: right; position: relative; margin: 0 0 20px 20px; padding: 0 10px 0 0;}
#slideshow						{width: 317px; height: 242px; overflow: hidden; margin-bottom: 5px;}
#slideshow a img				{border: none; max-width: 100%; max-height: 100%;}

#slideshow a i					{width: 31px; height: 30px; background: url(~/site/images/icon_zoom.gif); position: absolute; z-index: 200; bottom: 10px; left: 10px;}
#nav							{list-style: none; margin: 0; padding: 0; float: left;}
#nav li							{margin: 0 5px 0 0; float: left;}
#nav a							{border: 1px solid #ccc; display: block;}
#nav a img						{padding: 3px; border: none;}
#nav a.activeSlide				{background: #005aab;}
#nav a:focus					{outline: none;}

.PDFList						{list-style-image: url('~/site/images/icon_admin_file_pdf.gif'); list-style-type: square; margin-left: 0px; padding-left: 15px;}
.PDFList li						{text-align: left; vertical-align: top; margin-left: 0px; padding-left: 0px;}
.PDFList li a					{text-align: left; vertical-align: top; padding-left: 5px;}