﻿@charset "utf-8";
/* CSS Document */


/*
FONT DECK FONT USE SAMPLES

div { font-family:"FS Albert Web Bold", Helvetica, Arial, Verdana , sans-serif; font-size-adjust:0.49; font-weight:bold; font-style:normal; }
div { font-family:"FS Albert Web Regular", Helvetica, Arial, Verdana , sans-serif; font-size-adjust:0.48; font-weight:normal; font-style:normal; }
*/

/***********************************************************************************************************
 
  GLOBAL

***********************************************************************************************************/

	/******************
	 BASE
	******************/
	html{
		background-image:url(../images/background/architecture-library-archipedia_footer-blueprint-bg.gif);
		background-position:left top;
		background-repeat:repeat;
		}
	body, p{
		font-family:"FS Albert Web Regular", Lucida Grande, Arial, sans-serif;
		font-size:14px; 
		font-weight:normal;
		font-style:normal;
		color:#555555;
		}

	/******************
	 BASE TEXT
	******************/
	H1{
		font-family:"FS Albert Web Bold", Lucida Grande, Arial Bold, sans-serif; 
		font-size:24px;
		padding:0px 0px 0px 0px;
		margin: 0px 0px 26px 1px;
		font-weight:bold;
		}
	H2{
		font-family:"FS Albert Web Bold", Lucida Grande, Arial Bold, sans-serif; 
		font-size:24px;
		}
	H3{
		font-family:"FS Albert Web Bold", Lucida Grande, Arial Bold, sans-serif; 
		font-size:18px;
		}
	H4{
		font-family:"FS Albert Web Bold", Lucida Grande, Arial Bold, sans-serif; 
		font-size:14px;
	    }
	H5{
		font-family:"FS Albert Web Bold", Lucida Grande, Arial Bold, sans-serif; 
		font-size:12px;
	    }
    H6{
	    font-family:"FS Albert Web Bold", Lucida Grande, Arial Bold, sans-serif; 
		font-size:10px;
	    }
	P{
		margin:0px 0px 10px 0px;
		}
	
	A, A:link {	
		font-family:"FS Albert Web Regular", Lucida Grande, Arial Bold, sans-serif; 
		font-size:14px;
		color: #2E7B93;
		text-decoration: none;
		}
	A.bold {	
		font-family:"FS Albert Web Bold", Lucida Grande, Arial Bold, sans-serif; 
		font-size:14px;
		color: #2E7B93;
		}
	A:hover {
	    text-decoration: underline;
	}

	STRONG{
		font-family:"FS Albert Web Bold", Lucida Grande, Arial Bold, sans-serif;
		font-weight:bold;
		}
		
	UL{
	    margin:3px 0px 10px 0px;
	    }
	LI{
	    list-style-type:disc;
	    margin:0px 0px 0px 35px;
	    }
	
	/********************
	 TEXT: FONT SIZES
	********************/	
	
	.font14px{
		font-size:14px;
		}
	.font18px{
		font-size:18px;
		}
	.font24px{
		font-size:24px;
		}
		
	/********************
	 TEXT: DISABLED
	********************/		
	.disable {
	    color: #777 !important;
	    text-decoration: none !important;
	}	

    .registration-error
    {
        color: red;
        font-size: 8px;
    }

	/*********************
	  TOP NAVIGATION
	**********************/
	#topnav-container {
		font-family:"FS Albert Web Regular", Lucida Grande, Arial, sans-serif; 
		font-weight:normal;
		font-size:14px;
		}
	#topnav-menu
	{
	    margin: 0px;
	    height: 30px;
		}
		#topnav-menu li {
			display:inline;
			list-style: none;
			margin: 0px;
			margin-left: 5px;
			padding: 9px;
		}
		#topnav-menu li.topnav-menuitem 
		{
		    position: relative;
		    top: 4px;
			}
		#topnav-menu li.topnav-menuitem-on {
			width: 60px;
			background-image: url(../images/menus/architecture-library-archipedia_global-navigation-on.png);
			background-repeat: no-repeat;
			background-position: 0px 7px;
			font-family:"FS Albert Web Bold", Lucida Grande, Arial, sans-serif; 
			color:#555555;
			font-weight:bold;
		    margin: 0px;
			position: absolute;
			top: -7px;
			padding: 15px 20px 8px 20px;
			}
		#topnav-menu A:link,
		#topnav-menu A:visited,
		#topnav-menu A:active {
			padding: 9px;
			text-decoration:none;
			color:#FFFFFF;
			position: relative;
			top: 3px;
			left: 2px;
			}
		#topnav-menu a:hover {
			text-decoration:underline;
			}

	#utilitynav	{
			text-align: right;
			padding-top: 5px;
		}
		#utilitynav div {
			display: inline;
		}
		#utilitynav UL,
		#utilitynav UL LI {
		    display: inline;
			list-style:none;
			margin: 0px;
		    }
		#usermenu, 
		#helpmenu {
			margin: 8px;
			padding-left: 20px;
		}
		
		#utilitynav a:link,
		#utilitynav a:visited,
		#utilitynav a {
			color: #FFFFFF;
			padding-top: 7px;
			padding-bottom: 7px;
			padding-right: 20px;
			padding-left: 5px;
		}
		
		#utilitynav ul ul a:hover {
			color: #2E7B93;
			background-color: #FFFFFF;
		}
		
		#usermenu > div > a:link,
		#usermenu > div > a:visited,
		#usermenu > div > a {
			background-image: none;
			padding-right: 5px;

		    border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;
		    box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;
		}
		#usermenu > div > a:hover {
			color: white;
			text-decoration: underline;
		}
		#create-account {
			padding-right: 40px;
		}
		#create-account a:link img,
		#create-account a:visited img {
			position: relative;
			top: 2px;
			left: 7px;
		}
		#create-account a:link,
		#create-account a:visited {
			padding-right: 20px;
		}
		
		#menu-user li,
		#menu-help li {
			position: relative;
		}
		
		#menu-user ul{
			display: block;
			position: absolute;
			z-index: 50;
			right: -3px;
			/*right: 0px;*/
			top: 100%;
			width: 150px;

			text-align: left;

			background-color: #FFFFFF;
		}
		
		#menu-help ul {
			display: block;
			position: absolute;
			z-index: 50;			
			left: -40px;
			/*right: 0px;*/
			top: 100%;
			width: 150px;

			text-align: left;

			background-color: #FFFFFF;
		}
		
		#menu-user ul,
		#menu-help ul {
			display: none;
		}
		
		#menu-user:hover ul,
		#menu-help:hover ul {
			display: block;
		}
		
		#menu-user:hover,
		#menu-help:hover {
			padding: 3px;
			margin: -3px;
			border-radius:6px 6px 0px 6px;-moz-border-radius:6px 6px 0px 6px;-webkit-border-radius:6px 6px 0px 6px;
		    box-shadow: 3px 2px 2px rgb(200,200,200);-moz-box-shadow: 3px 2px 2px rgb(200,200,200);-webkit-box-shadow: 3px 2px 2px rgb(200,200,200);
			color: #2E7B93;
			background-color: #FFFFFF;
		}
		#menu-help:hover {
			border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px;
		}
		#menu-user > li > a:link,
		#menu-user > li > a:visited,
		#menu-help > li > a:link,
		#menu-help > li > a:visited {
			background-image: url('../images/buttons/HelpArrow/help-arrow-default.png');
			background-repeat: no-repeat;
			background-position: 100% 60%;
		}
		#menu-user:hover > li > a:link,
		#menu-user:hover > li > a:visited,
		#menu-help:hover > li > a:link,
		#menu-help:hover > li > a:visited {
			color: #2E7B93;

			background-image: url('../images/buttons/HelpArrow/help-arrow-hover.png');
			background-repeat: no-repeat;
			background-position: 100% 60%;
		}

		#menu-user:hover ul,
		#menu-help:hover ul {
			border-radius:6px 0px 6px 6px;-moz-border-radius:6px 0px 6px 6px;-webkit-border-radius:6px 0px 6px 6px;
		    box-shadow: 3px 2px 2px rgb(200,200,200);-moz-box-shadow: 3px 2px 2px rgb(200,200,200);-webkit-box-shadow: 3px 2px 2px rgb(200,200,200);
			color: #2E7B93;
			background-color: #FFFFFF;
		}

		#menu-user:hover ul {
			width: 150px;
		}
		#menu-help:hover ul 
		{
			width: 100px;
		}

		#menu-user ul li,
		#menu-help ul li {
			display: block;
			padding: 2px;
			margin: 1px;
		}

		#menu-user ul li a:link,
		#menu-user ul li a:visited,
		#menu-user ul li a,
		#menu-help ul li a:link,
		#menu-help ul li a:visited,
		#menu-help ul li a 
		{
			padding: 5px;
			display: block;
			width: 115px;
			color: #2E7B93;
			background-color: #FFFFFF;
			background-image: none;
		}

		#menu-user ul li a:link,
		#menu-user ul li a:visited {
			width: 134px;
		}
		#menu-help ul li a:link,
		#menu-help ul li a:visited {
			width: 84px;
		}


		#menu-user ul li a:hover, 
		#menu-help ul li a:hover
		{
			background-color: #EEEEEC;
			background-image: none;
		}
		
	#searchbar-container {
		clear: both;
	}
	
	/*********************
	  SEARCH BAR
	**********************/	
		
	    #searchbar-search-text
	    {
	    	position: relative;
	        float:left;
	        margin-top: 31px;
	        padding-left: 10px;
		    }
	    #searchbar-search-button
	    {
	        float:left;
		    width: 47px;
		    height:47px;
	        margin-top: 30px;
	        }
		FORM INPUT.search-text 
		{		    
			/*background: url('images/search/architecture-library-archipedia_search-searchbox.png') no-repeat scroll 0 0 transparent;*/
			display:inline;
			text-decoration:none;
			border:0 none; 
			color:#555555;
            height: 39px;
		    padding-left: 20px;
		    width: 556px;
			text-align:left; 
		    font-family:'FS Albert Web Bold', Lucida Grande, Arial Bold, sans-serif;
			font-size:14px; 
			font-style:italic; 
			font-weight:normal;
            border: 0px;
			}
        form input.search-text::-ms-clear {
            display: none;
        }
        .searchbar_content_type_displayed_content {
        	
        }
                
    /*************************
     SEARCH BAR CONTENT TYPE
    *************************/
    
        .searchbar_content_type_pipe_container 
        {
            height: 38px;
            vertical-align: middle;
            width: 3px;
            float: left;
            position: relative;
            top: -2px;
            left: -10px;
            font-size: 18px;
            position: relative;
        }
        
        .searchbar_content_type_pipe_container_arrow {
            position: absolute;
            top: 12px;
            left: 85px;
        }
        
		#searchbar_content_type{
		    position:absolute;
		    top: 10px;
		    left: 470px;
			}
			
			#searchbar_content_type ul {
	            margin: 0;
	            padding: 0;
	            list-style: none;
	            width: 105px; /* Width of Menu Items */
	            top:-5px;
	            position:relative;
	            }
	            
	        #searchbar_content_type UL {
	            list-style-type:none;
	            list-style:none;
	            margin:0px;
	            }
	        #searchbar_content_type UL LI {
	            list-style-type:none;
	            list-style:none;
	            margin:0px;
	            }
	        #searchbar_content_type UL LI UL {
	            list-style-type:none;
	            list-style:none;
	            margin:0px;
	            }
	        #searchbar_content_type UL LI UL LI {
	            list-style-type:none;
	            list-style:none;
	            margin:0px;
	            }
	            
                ul #searchbar_content_type-nav li {
    	            background:#F1F1F1;
                    }
                    ul #searchbar_content_type-nav li a {
    	                color:White;
                    }
                    ul #searchbar_content_type-nav li:hover a{
                        color:Black;
                    }
                ul #searchbar_content_type-nav li:hover{
                    background:#F1F1F1;
                    }
            #searchbar_content_type ul li {
	            position: relative;
            	background-color: Transparent;
	            }
	            
	         #searchbar_content_type UL:hover
	        {
	            background-color: #ffffff;
			    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;			    
				box-shadow:3px 2px 2px rgb(200, 200, 200);-moz-box-shadow:3px 3px 2px rgb(200, 200, 200);-webkit-box-shadow:3px 2px 2px rgb(200, 200, 200);	            
	        }
	        #searchbar_content_type UL LI UL:hover 
	        {
			    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
				box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
	        }
            	
            #searchbar_content_type li ul { /* Set 1px less than menu width */
	            display: none;
	            }

            /* Styles for Menu Items */
            #searchbar_content_type ul li a {
	            display: block;
	            text-decoration: none;
	            padding: 5px;
            	color: #555;
	            }

            #searchbar_content_type ul li a:hover { background: #f1f1f1; } /* Hover Styles */
            		
            #searchbar_content_type li ul li a { padding: 2px 5px 5px 5px; color: #2E7B93; } /* Sub Menu Styles */
            		
            #searchbar_content_type li:hover ul, li.over ul { display: block;
	            padding: 0px 5px 0px 5px;width: 95px; } /* The magic */
            
	/***************************
	  SEARCH BAR :: BROWSE MENU
	****************************/	
	#searchbar-browse {
		display:inline;
		width:50px;
		padding:30px 0px 0px 0px;
		text-align:right;
		}
		#searchbar-browse UL LI{
		    list-style:none;
		    margin:0px;
		    padding:0px;
		    }


		/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
		/*[START-QCC]*/
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmdividery{float:left;width:0px;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmtitle{display:block;cursor:default;white-space:normal;position:relative;z-index:1;}
		#searchbar-browse .topnav_browse_qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
		#searchbar-browse .topnav_browse_qmmc {position:relative;zoom:1;z-index:10;}
		#searchbar-browse .topnav_browse_qmmc a, .topnav_browse_qmmc li {float:left;display:block;white-space:normal;position:relative;z-index:1;}
		#searchbar-browse .topnav_browse_qmmc div a, .topnav_browse_qmmc ul a, .topnav_browse_qmmc ul li {float:none;}
		#searchbar-browse .topnav_browse_qmsh div a {float:left;}
		#searchbar-browse .topnav_browse_qmmc div{visibility:hidden;position:absolute;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmcbox a{display:inline;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmcbox div{float:none;position:static;visibility:inherit;left:auto;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmmulti{float:left;position:relative;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmmulti dd{margin:0px;padding:0px;}
		#searchbar-browse .topnav_browse_qmmc dd {position:relative;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmml0 {z-index:99;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmml1 {z-index:98;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmml2 {z-index:97;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmml3 {z-index:96;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmml4 {z-index:95;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmml5 {z-index:94;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmml6 {z-index:93;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmml7 {z-index:92;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmml8 {z-index:91;}
		#searchbar-browse .topnav_browse_qmmc .topnav_browse_qmml9 {z-index:90;}
		#searchbar-browse .topnav_browse_qmmc li {z-index:auto;}
		#searchbar-browse .topnav_browse_qmmc ul {visibility:hidden;position:absolute;z-index:105;}
		#searchbar-browse .topnav_browse_qmmc, .topnav_browse_qmmc ul, .topnav_browse_qmmc dl {list-style:none;padding:0px;margin:0px;}
		#searchbar-browse .topnav_browse_qmmc li a {float:none;}
		#searchbar-browse .topnav_browse_qmmc li:hover>ul{visibility:inherit;left:auto;}
		/*[END-QCC]*/
		/*[START-QCC0]*/
		#searchbar-browse #topnav_browse_qm0 ul {top:40px;}
		#searchbar-browse #topnav_browse_qm0 ul li:hover>ul{visibility:inherit;top:0px;left:100%;}
		#searchbar-browse #topnav_browse_qm0 ul dd:hover>ul{visibility:inherit;top:0px;left:100%;}
		/*[END-QCC0]*/


		/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


			/* QuickMenu 0 */

			/*"""""""" (MAIN) Container""""""""*/	
			#searchbar-browse #topnav_browse_qm0	
			{	
				width:auto;
			}


			/*"""""""" (MAIN) Items""""""""*/	
			#searchbar-browse #topnav_browse_qm0 a	
			{	
				padding:6px 35px 6px 10px;
				margin:0px -1px 0px 0px;
				z-index:101;
				/*
				color:#555555;
				text-decoration:none;
				text-align:left;
				border-width:1px;
				border-style:solid;
				border-color: #F4F4F4;
				border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;
				*/
				background-color:Transparent;
			}

			#searchbar-browse #topnav_browse_qm0 .topnav_browse_qmparent{
				width:55px;
				height:28px;
				background-image:url(../images/background/architecture-library-archipedia_topnav-browse.png);
				background-repeat:no-repeat;
				background-position:top left;				
				}

			/*"""""""" (MAIN) Parent Hover State""""""""*/	
			#searchbar-browse #topnav_browse_qm0 .topnav_browse_qmparent:hover	
			{	
				/*width:55px;
				height:28px;
				background-image:url(../images/buttons/architecture-library-archipedia_browse-on.png);
				background-repeat:no-repeat;
				background-position:top left;*/
				padding:6px 35px 6px 10px;
			    background-color:White;
				border-width:1px;
				border-style:solid;
				border-color:#FFFFFF;
				border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px;
				box-shadow:3px 2px 2px rgb(200, 200, 200);-moz-box-shadow:3px 3px 2px rgb(200, 200, 200);-webkit-box-shadow:3px 2px 2px rgb(200, 200, 200);
				border-bottom:0px;
			}

			/*"""""""" (MAIN) Custom Rule""""""""
				Style for MAIN item when SUBS are hovered
			*/	
			#searchbar-browse ul#topnav_browse_qm0 li:hover > a	
			{	
				background-color:White;
				border-color:#2F3842;
				border-width:1px;
				border-style:solid;
				border-color:#FFFFFF;
				border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px;
				box-shadow:3px 2px 2px rgb(200, 200, 200);-moz-box-shadow:3px 2px 2px rgb(200, 200, 200);-webkit-box-shadow:3px 2px 2px rgb(200, 200, 200);
				/*width:55px;
				height:28px;
				background-image:url(../images/buttons/architecture-library-archipedia_browse-on.png);
				background-repeat:no-repeat;
				background-position:top left;*/
			}


			/*"""""""" (SUB) Container""""""""*/	
			#searchbar-browse #topnav_browse_qm0 div, #topnav_browse_qm0 ul	
			{	
				/*padding:10px;
				margin:0px;*/
				width: 170px;
                height: 100px;
				top: 40px;
                margin: 0px 0px 0px -80px;
                text-decoration: none;
                border-width: 1px;
                border-style: solid;
                border-color: white;
                border-radius: 0px 0px 6px 6px;-moz-border-radius: 0px 0px 6px 6px;-webkit-border-radius: 0px 0px 6px 6px;
                box-shadow: 3px 1px 2px rgb(200, 200, 200);-moz-box-shadow: 3px 1px 2px rgb(200, 200, 200);-webkit-box-shadow: 3px 1px 2px rgb(200, 200, 200);
                background-color: white;
                padding:5px 5px 0px 5px;
			}


			/*"""""""" (SUB) Column""""""""*/	
			#searchbar-browse #topnav_browse_qm0 div .topnav_browse_qmmulti, #topnav_browse_qm0 ul .topnav_browse_qmmulti	
			{	
				padding:10px;
			}


			/*"""""""" (SUB) Items""""""""*/	
			#searchbar-browse #topnav_browse_qm0 div a, #topnav_browse_qm0 ul a	
			{	
				padding:5px 40px 5px 5px;
				z-index:0;
				background-color:#FFFFFF;
				color:#2E7B93;
				font-weight:normal;
				border-width:0px;
				border-style:none;
				border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;
				box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
			}


			/*"""""""" (SUB) Hover State""""""""*/	
			#searchbar-browse #topnav_browse_qm0 div a:hover	
			{	
				text-decoration:none;
				border-style:none;
				border-bottom-width:0px;
				border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;
			}


			/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
			#searchbar-browse #topnav_browse_qm0 ul li:hover>a, #topnav_browse_qm0 ul dd:hover>a	
			{	
				text-decoration:none;
				border-style:none;
				border-color:transparent;
				border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;
			}


			/*"""""""" (SUB) Parent Hover State""""""""*/	
			#searchbar-browse #topnav_browse_qm0 div .topnav_browse_qmparent:hover	
			{	
				font-weight:normal;
				border-width:0px;
				border-style:none;
				border-color:transparent;
				border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;
			}


			/*"""""""" (SUB) Active State""""""""*/	
			#searchbar-browse body #topnav_browse_qm0 div .topnav_browse_qmactive, body #topnav_browse_qm0 div .topnav_browse_qmactive:hover	
			{	
				background-color:transparent;
				border-style:none;
				border-color:transparent;
				border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;
				box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
			}


			/*"""""""" Individual Titles""""""""*/	
			#searchbar-browse #topnav_browse_qm0 .topnav_browse_qmtitle	
			{	
				cursor:default;
				padding:3px 0px 3px 4px;
				margin:0px 0px 4px;
				color:#E47911;
				font-family:Arial;
				font-size:17px;
			}


			/*"""""""" Individual Horizontal Dividers""""""""*/	
			#searchbar-browse #topnav_browse_qm0 .topnav_browse_qmdividerx	
			{	
				border-top-width:1px;
				margin:4px 0px;
				border-color:#9F9F9F;
			}


			/*"""""""" Individual Vertical Dividers""""""""*/	
			#searchbar-browse #topnav_browse_qm0 .topnav_browse_qmdividery	
			{	
				border-left-width:1px;
				height:15px;
				margin:4px 2px 0px;
				border-color:#9F9F9F;
			}


			/*"""""""" Custom Rule""""""""*/	
			#searchbar-browse ul#topnav_browse_qm0 ul ul	
			{	
				margin:0px;
			}

			/*"""""""" Custom Rule""""""""
				Created by ERICB 2011.10.16
				Controls sub menu items in default state
			*/	
			#searchbar-browse ul#topnav_browse_qm0 ul li a
			{
				border-width:0px;
				font-family:"FS Albert Web Regular", Lucida Grande, Arial Bold, sans-serif; 
				font-size:14px;
				color: #555555;
				text-decoration:none;
				text-align:left;
				vertical-align:top;
			}

            #searchbar-browse ul#topnav_browse_qm0 ul li.topnav_browse_submenuitem img
            {
                margin:0px 3px 0px 3px;
                vertical-align:-5px;
                }

			#searchbar-browse ul#topnav_browse_qm0 ul li.topnav_browse_submenuitem:hover
			{
				background-image:none;
				}


			/*"""""""" Custom Rule""""""""*/	
			#searchbar-browse ul#topnav_browse_qm0 ul li:hover > a	
			{	
				background-color: #eeeeec;
				color: #2E7B93;
				border-color:transparent;
				border-width:0px;
				border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;
				box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
			}



			/*"""""""" Custom Rule""""""""*/	
			#searchbar-browse div#topnav_browse_qm0 div div	
			{	
				margin:-3px 0px 0px 9px;
				box-shadow:4px 0px 10px rgb(95, 95, 95);-moz-box-shadow:4px 0px 10px rgb(95, 95, 95);-webkit-box-shadow:4px 0px 10px rgb(95, 95, 95);
			}


			/*"""""""" Custom Rule""""""""*/	
			#searchbar-browse div#topnav_browse_qm0 span.topnav_browse_qmc_itemdesc, ul#topnav_browse_qm0 span.topnav_browse_qmc_itemdesc	
			{	
				color:#9F9F9F;
				font-size:0.9em;
			}
			/*[END-QS0]*/







	/**********************
	 FOOTER
	**********************/		
	#ft A:link,
	#ft A:active,
	#ft A:visited {
		color: #FFFFFF;
		font-size: 12px;
		text-decoration:none;
		}
	#ft A:visited {
		color: #FFFFFF;
		font-size: 12px;
		text-decoration:none;
		}
	#ft A:hover{
		color: #FFFFFF;
		font-size: 12px;
		text-decoration:underline;
		}
			
	#ft .link-separator{
		font-size:12px;
		color:#FFFFFF;	
		margin: 0px 10px 0px 10px;
		display:inline;
		}
		#footer-container-left{
			display:inline;
			float:left;
			width:500px;
			text-align:left;
			font-family:inherit;
			font-size:12px;
			color:#FFFFFF;
			}
		#footer-container-right{
			display:inline;
			float:right;
			width:300px;
			text-align:right;
			font-family:inherit;
			font-size:12px;
			color:#FFFFFF;		
			}




/***********************************************************************************************************
 
  HOMEPAGE

***********************************************************************************************************/




/***********************************************************************************************************
 
  SUBPAGES

***********************************************************************************************************/
	

	/**********************
	 BREADCRUMBS
	**********************/		
	#breadcrumbs{
		margin:9px 0px 30px 0px;
		}


	/*******************************************************************************************************
	 TEMPLATES
	********************************************************************************************************/
	
		/**********************
		 TWO-COLUMN TEMPLATE
		**********************/
		
			/**********************
			 LEFT COLUMN
			**********************/	
			#leftnavigation-container{
				border:solid 1px #c8c8c8;
				background-color:#FFFFFF;
				padding:20px 20px 20px 20px;
				min-height:200px;
				line-height: 1em;
				}
				#leftnavigation-container-sustainabletoggle{
					margin:0px 0px 15px 0px;
					}
				#leftnavigation-container-categories{}
					#leftnavigation-container-categories-label{
						font-weight:bold;
						margin:0px 0px 8px 0px;
						}
					#leftnavigation-container-categories-list{}
						#leftnavigation-container-categories-list LI{
						    list-style:none;
							margin:0px 0px 7px 0px;
							}
			
			#leftnavigation-container-links {
				line-height: 18px;
			}
			
			#leftnavigation-container-links A:hover {
			    text-decoration:underline;
			}

			/**********************
			 RIGHT COLUMN
			**********************/	

				/****************************
				 CONTENT RESULTS FILTERBAR
				****************************/	
                #contentresults-viewcontrol{
					background-image:url(../images/background/architecture-library-archipedia_results-sortbar-bg.jpg);
					background-repeat:no-repeat;
					width:702px;
					height:48px;
					min-height:48px;
					max-height:48px;
					border:solid 1px #c8c8c8;
					margin:14px 0px 0px 0px;
					padding:0px 9px 0px 15px;
					z-index:500;
					}
					#contentresults-viewcontrol-menu-sort{
						position:absolute;
						display:inline;
						float:left;
						font-weight:bold;
						width:200px;
						margin: 14px 0px 0px 0px;
					}
						#contentresults-viewcontrol-menu-sort ul#topmenu{
						    text-align:left;
						    width:112px;
						    font-weight:normal;
						    position:relative;
						    top:-17px;
						    left:57px;
						    padding: 5px 4px 7px 4px;
						    margin:-5px 0px 0px 0px;
						    background-image:url(../images/background/architecture-library-archipedia_filter-down-arrow.png);
						    background-repeat:no-repeat;
						    background-position:101px 11px;
						    z-index:100;						    
						    }
					#contentresults-viewcontrol-menu-view{
				    	position:absolute;
						display:inline;
						float:left;
						font-weight:bold;
						margin: 14px 0px 0px 200px;
						}						    
						#contentresults-viewcontrol-menu-view ul#topmenu{
						    text-align:left;
						    width:44px;
						    font-weight:normal;
						    position:relative;
						    top:-17px;
						    left:44px;
						    padding: 5px 4px 7px 4px;
						    margin:-5px 0px 0px 0px;
						    background-image:url(../images/background/architecture-library-archipedia_filter-down-arrow.png);
						    background-repeat:no-repeat;
						    background-position:31px 11px;
						    z-index:100;							    
						    }
                        #contentresults-viewcontrol-menu-jump{
						position:absolute;
						display:inline;
						float:left;
						font-weight:bold;
						margin: 14px 0px 0px 270px;
						}						    
						#contentresults-viewcontrol-menu-jump ul#topmenu{
						    text-align:left;
						    width:79px;
						    font-weight:normal;
						    position:relative;
						    top:0px;
						    left:44px;
						    padding: 5px 4px 7px 4px;
						    margin:-5px 0px 0px 0px;
						    background-image:url(../images/background/architecture-library-archipedia_filter-down-arrow.png);
						    background-repeat:no-repeat;
						    background-position:66px 11px;
						    z-index:100;							    
						    }						    
					#contentresults-viewcontrol-menu-sort ul#topmenu LI,
					#contentresults-viewcontrol-menu-view ul#topmenu LI,
					#contentresults-viewcontrol-menu-jump ul#topmenu LI {
					    list-style:none;
					    margin:0px;
					    padding:0px;
					    }
					#contentresults-viewcontrol-menu-sort ul ul,
					#contentresults-viewcontrol-menu-view ul ul,
					#contentresults-viewcontrol-menu-jump ul ul{
					    display:none;
					    margin:3px 0px 0px 0px;
					    }
					#contentresults-viewcontrol-menu-sort ul#topmenu:hover,
					#contentresults-viewcontrol-menu-view ul#topmenu:hover,
					#contentresults-viewcontrol-menu-jump ul#topmenu:hover{
					    background-color:white;
					    border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;
					    box-shadow: 3px 2px 2px rgb(212,212,212);-moz-box-shadow: 3px 2px 2px rgb(212,212,212);-webkit-box-shadow: 3px 2px 2px rgb(212,212,212);
					    }
					#contentresults-viewcontrol-menu-sort ul#topmenu:hover ul,
					#contentresults-viewcontrol-menu-view ul#topmenu:hover ul,
					#contentresults-viewcontrol-menu-jump ul#topmenu:hover ul{
					    display:block;
					    }
					#contentresults-viewcontrol-menu-sort ul ul li:hover,
					#contentresults-viewcontrol-menu-view ul ul li:hover,
					#contentresults-viewcontrol-menu-jump ul ul li:hover{
					    background-color:#eeeeec;
					    }
					    #contentresults-viewcontrol-menu-sort ul ul li A,
					    #contentresults-viewcontrol-menu-view ul ul li A,
					    #contentresults-viewcontrol-menu-jump ul ul li A{
					        display:block;
					        color:#2E7B93;
					        }
					#contentresults-viewcontrol-menu-sort a,
					#contentresults-viewcontrol-menu-view a,
					#contentresults-viewcontrol-menu-jump a{
					    text-decoration:none;
					    color:#555555;
					    padding:3px 0px 3px 6px;
					    }
						#contentresults-viewcontrol-viewtype{
						    display:inline;
						    position:relative;
						    float:right;
						    margin: 8px 0px 0px 0px;
						    }

				/**************************
				 CONTENT
				**************************/	
				#content_right-column{
					margin:30px 0px 0px 0px;
					padding:0px 2px 0px 2px;
					}


	/*******************************************************************************************************
	 PAGES
	********************************************************************************************************/


		/*************************
		 PAGE: SUPPLIER PROFILE
		*************************/
		#supplierprofile-imagecontainer{
			min-height:171px;
			background-repeat:no-repeat;
			background-position:center 135px;
			margin:0px 0px 10px 0px;
		    position: relative;
			}
			#supplierprofile-imagecontainer IMG
			{
			    bottom: 0px;
				width:138px;
				max-width:138px;
				padding:5px 0px 0px 47px;
				}
		#supplierprofile-makeenquiry-button{}
		#supplierprofile-contactinfo{
			margin:10px 0px 0px 0px;
			padding:0px 0px 0px 3px;
			}
			#supplierprofile-contactinfo DIV{
				margin:0px 0px 3px 0px;
				}
			.supplierprofile-contactinfo-details{
				color: #2E7B93
				}
			#supplierprofile-contactinfo .environmental-links
			{
			    margin-top: 20px;
			}

            #supplierprofile-contactinfo .environmental-links.expander
			{
                text-decoration: underline;
			}	

		#supplierprofile-description{
			margin:20px 0px 55px 0px;
			}

		#supplierprofile-grid
		{
		    margin-top: 80px;
		    }
			#supplierprofile-grid-tabs{
				margin:0px 0px 13px 0px;
				}
				#supplierprofile-grid-tabs UL{
				    }
				    #supplierprofile-grid-tabs UL LI{
					    display:inline;
					    width:150px;
					    height:38px;
					    border:solid 1px #c7c7c7;
					    border-bottom:0px;
					    background:#D4D4D4;
					    padding:12px 15px 14px 15px;
					    margin:0px -4px 0px 0px;
					    border-radius:0px 6px 0px 0px;-moz-border-radius:0px 6px 0px 0px;-webkit-border-radius:0px 6px 0px 0px;
					    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
					    font-size:18px;
					    }
					    #supplierprofile-grid-tabs UL LI.selected{
						    background:#F5F5F5;
						    border-bottom:0px;
						    height:40px;
						    padding:15px 20px 14px 20px;
					    	text-decoration: none;
					        position: relative;
					        z-index: 2;
						    }
						#supplierprofile-grid-tabs UL LI.selected:hover {
							text-decoration: none;
						}
					
			#supplierprofile-grid-body
			{
			    position: static;
				height:auto;
				background-color:#f5f5f5;
				border:solid 1px #c7c7c7;
				border-radius:0px 0px 6px 6px;-moz-border-radius:0px 0px 6px 6px;-webkit-border-radius:0px 0px 6px 6px;
				box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
				}
		
        .supplierprofile_catalogs_wrapper {
	        padding-left: 20px;
            }
                        
        .supplierprofile_catalog{
            float:left;
            margin-top:15px;
            margin-bottom:15px;
            height:auto;
            }    
            
        .supplierprofile_catalog_image{
            float: left;
            width: 150px;
            }               
                
        .supplierprofile_catalog_buttons{
            float:left; 
            }             
                
        .supplierprofile_catalog_button{
            margin-right: 20px;
            margin-top: 20px;
            float:left; 
            }         
            
        .supplierprofile_catalog_content
        {
            max-width: 500px;
            padding-left:20px;
            float:left;
            }
            supplierprofile_catalog_content_date
            {                
                color:#858585; 
                font-size:10px;
                }
            .supplierprofile_catalog_content_title{
                 font-size:16px; 
                 color:#555555;
                 font-weight:bold;
                 }

        /*****************************
         SUPPLIER PROFILE REP DETAILS
            (ALSO FOR MY WORKSPACE)
        ******************************/
                         
        .lbtnSupplierProfileTabText,
        .spanSupplierProfileTabText
        {
            height: 50px;
            width: 100px;
            font-size: 14pt;
            color: #555555;
            text-decoration: none;
        }

        .lbtnSupplierProfileTabText:hover,
        .spanSupplierProfileTabText:hover {
	        text-decoration: none;
        }
            /*******************
             REP DETAILS HEADER
            *******************/
                .tab_rep_header
                {
                    height: 40px;
                    border-width: 1px;
                    border-color: #cccccc;
                    border-top-style: solid;
                    border-bottom-style: solid;
                    background-color: #ffffff;
                    font-weight: bold;
                }
                .tab_rep_header_text
                {
                    padding-left: 10px;
                }
                .tab_rep_header_text_selected
                {
                    padding-left: 10px;
                    color: #777777;
                }
                    .tab_rep_header_name, .tab_rep_header_state, .tab_rep_header_number, .tab_rep_header_action,            
                    .workspace_rep_header_name, .workspace_rep_header_state, .workspace_rep_header_number, .workspace_rep_header_supplier, .workspace_rep_header_contact
                    {
                        float:left;
                        height: 30px;
                        border-width: 1px;
                        border-color: #cccccc;
                        padding-top: 10px;
                        color: #2E7B93;
                    }
                    .tab_rep_header_name
                    {
                        width: 120px;
                    }
                    .tab_rep_header_state
                    {
                        width: 202px;
                    }
                    .tab_rep_header_number
                    {
                        width: 120px;
                        border-right-style: solid;
                    }
                    .tab_rep_header_action
                    {
                        float:left;
                    }
                    
                    .workspace_rep_header_name
                    {
                        width: 180px;
                    }
                    .workspace_rep_header_state
                    {
                        width: 55px;
                    }
                    .workspace_rep_header_number
                    {
                        width: 110px;
                        border-right-style: solid;
                    }
                    .workspace_rep_header_supplier
                    {
                        width: 235px;
                    }    
                    .workspace_rep_header_contact
                    {
                        float:left;
                    }      

                    /*******************
                     REP HEADER BUTTONS
                    *******************/
                    .tab_rep_header_buttons_contianer
                    {
                        height: 40px;
                        width:20px;
                        float:left;
                        border-width: 1px;
                        border-color: #cccccc;
                        border-right-style: solid;
                        color: #2E7B93;
                    }
                    
                    
                    .tab_rep_header_button_up,
                    .tab_rep_header_button_down,
                    .tab_rep_header_button_empty            
                    {
                        height:15px;
                        width: 100%;
                    }
                    
                    .tab_rep_header_button_up
                    {
                        background-image:url(../images/icons/vertarrow_up.png);
                        background-repeat: no-repeat;
                        background-position:bottom, center;
                        margin-bottom: 5px;
                    }
                    
                    .tab_rep_header_button_down
                    {
		                background-image:url(../images/icons/vertarrow.png);
                        background-repeat: no-repeat;
                        background-position:top, center;
                        margin-top: 5px;
                    }
                        
            /*****************
             REP DETAILS ROWS
            *****************/

            .tab_rep_details_odd,
            .tab_rep_details_even
            {
                position: relative;
                height: 50px;
            }
            .tab_rep_details_even
            {
                background-color: #ffffff;
            }
            .tab_rep_details_odd
            {
                background-color: #eeeeee;
            }
                .tab_rep_details_name, .tab_rep_details_state, .tab_rep_details_number, .tab_rep_details_email, .tab_rep_details_favorite
                {
                    float: left;
                    border-width: 1px;
                    border-color: #cccccc;
                }
                .tab_rep_details_name
                {
                    height:42px;
                    padding-top: 8px;
                    width: 140px;
                    border-right-style: solid;
                }
                .tab_rep_details_state
                {
                    width: 222px;
                    border-right-style: solid;
                }
                .tab_rep_details_number
                {
                    line-height: 50px;
                    width: 120px;
                    border-right-style: solid;
                }
                .tab_rep_details_email
                {
                    line-height: 50px;
                    width: 85px;
                    border-right-style: solid;
                    text-align: center;
                }
                .tab_rep_details_favorite
                {
                    position: absolute;
                    left: 580px;
                    line-height: 50px;
                    width: 125px;
                    text-align: center;
                }
                
                .workspace_rep_details_name, .workspace_rep_details_state, .workspace_rep_details_number, .workspace_rep_details_supplier, .workspace_rep_details_email
                {
                    height:50px;
                    float: left;
                    border-width: 1px;
                    border-color: #cccccc;
                }
                
                .workspace_rep_details_name
                {
                    height: 42px;
                    padding-top: 8px;
                    width: 200px;
                    border-right-style: solid;
                }
                .workspace_rep_details_state
                {
                    width: 75px;
                    border-right-style: solid;
                    line-height: 50px;
                }
                .workspace_rep_details_number
                {
                    width: 110px;
                    border-right-style: solid;
                    line-height: 50px;
                }
                .workspace_rep_details_supplier
                {
                    width: 255px;
                    border-right-style: solid;
                    line-height: 50px;
                }   
                .workspace_rep_details_email
                {
                    text-align: center;
                    width: 75px;
                    line-height: 50px;
                }  
                    .tab_rep_details_name_text
                    {
                        padding-left: 10px;
                        color: #2E7B93;
                    }
                    .tab_rep_details_title_text
                    {
                        font-size: 10pt;
                        padding-left: 10px;
                    }
                    .tab_rep_details_state_text
                    {
                        height: 40px;
                        padding-top: 10px;
                        padding-left: 10px;
                        font-size: 13px;
                    }  
                    .tab_rep_details_number_text
                    {
                        padding-left: 10px;
                        font-size: 13px;
                    }
                    .tab_rep_details_favorite_text
                    {
                        padding-left: 10px;
                        font-size: 13px;
                    }
                    .tab_rep_details_email_text
                    {
                    }



		/*************************
		 PAGE: BROWSE CATALOGUES
		*************************/
		            .second-line-indent {
		                display: block;
                        padding-left: 27px;
                        text-indent: -27px;
		            }
		            
            		.catalog-menu-text
            		{
            		    background:transparent;
            		    width:150px;
            		    height:17px;
            		    border:none;
            		    padding:5px 5px 5px 5px;
            		}
            		.catalog-menu-text:hover
            		{
            		    border: solid 1px white;
				        border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px;
				        box-shadow:3px 2px 2px rgb(200, 200, 200);-moz-box-shadow:3px 2px 2px rgb(200, 200, 200);-webkit-box-shadow:3px 2px 2px rgb(200, 200, 200);
            		}
            		.catalog-menu-list
            		{
            		    width:150px;
            		    background:white;
            		    border:solid 1px white;
            		    border-top:solid 1px transparent;
            		    padding: 0px 5px 5px 5px;
            		    text-align:left;
            		    border-radius: 0px 0px 6px 6px;-moz-border-radius: 0px 0px 6px 6px;-webkit-border-radius: 0px 0px 6px 6px;
                        box-shadow: 3px 3px 2px rgb(200, 200, 200);-moz-box-shadow: 3px 3px 2px rgb(200, 200, 200);-webkit-box-shadow: 3px 3px 2px rgb(200, 200, 200);
                        position: relative;
                        top: -4px;
                    }
            		.catalog-menu-listitem
            		{
            		    text-decoration:none;
            		    font-weight:normal;
            		}
            		.img-padr
            		{
            		    width: 138px;
            		    /*height: 160px;*/
            		}
					#catalogsearch-results-grid{}
						#catalogsearch-results-grid DIV{
							width:145px;
							border:none;
					        
                            padding: 0px 40px 0px 5px;
                            margin: 0px 0px 0px 0px;
						    
					        }
					    #catalogsearch-results-grid DIV .gridimage{
					        text-decoration: none;
					        width: 145px;
					        vertical-align: bottom;
					        position: relative;
					        padding: 0px 0px 0px 0px;
					        margin: 0px 0px 0px 0px;
}
						#catalogsearch-results-grid DIV .gridimage a {
							display: block;
							position: relative;
						}
					    
					    #catalogsearch-results-grid DIV .gridlabel{
					        width:145px;
					        vertical-align:top;
					        padding: 10px 0px 10px 0px;
					        margin: 0px 0px 0px 0px;
                            
					        }
					    
					        #catalogsearch-results-grid .gridlabel H4{
					            font-family:"FS Albert Web Regular", Lucida Grande, Arial Bold, sans-serif;
					        	font-weight: normal;
					            font-size:16px;
					            color: #2E7B93;
                                padding:0px 0px 0px 0px;
                                margin: 0px 0px 0px 0px;
					            }
					        #catalogsearch-results-grid .gridlabel H5{
					            color: #2E7B93;
                                padding:2px 0px 0px 0px;
                                margin: 0px 0px 0px 0px;					            
					            }
					        #catalogsearch-results-grid .gridlabel H6{
					            padding:2px 0px 0px 0px;
                                margin: 0px 0px 0px 0px;
					            }
					        #catalogsearch-results-grid .gridlabel a{
					        	text-decoration: none;
					            }
					        #catalogsearch-results-grid .gridlabel a:hover{
					        	text-decoration: underline;
					            }

			            .img-ovr-sustainable-grid{
                            position: absolute;
                            bottom: -5px;
                            left: -3px;
	                        }
			            .img-ovr-sustainable-grid-workspace-catalogue
			            {
                            position: absolute;
                            bottom: 20px;
                            left: -3px;
	                        }
			            .img-ovr-sustainable-grid-workspace-supplier{
			                width: 165px;
                            position: relative;
                            top: -55px;
                            left: -3px;
	                        }
	                    .img-ovr-grid{
	                        position: absolute;
                            width: 138px;
                            
	                        left: 5px;
	                        bottom: -5px;
}
	                    .img-ovr-grid-supplier{
	                        position: relative;
                            width: 152px;
                            left: -2px;
                            top: -12px;
	                        }
	                    .img-ovr-grid-supplier-profile-catalogue{
	                        position: relative;
                            width: 138px;
                            left: 0px;
                            bottom: 0px;
                            vertical-align: top;
	                        }
	                    .img-ovr-sustainable-grid-supplier-profile-catalogue{
	                        position: relative;
                            bottom: 48px;
                            left: -3px;
	                        }
					#catalogsearch-results-list{}
					    #catalogsearch-results-list DIV .image
					    {
					        text-decoration: none;
							float:left;
							width:145px;
							height:160px;
							padding:0px;
							margin:10px 0px 10px 10px;
							border:none;
							vertical-align:top;
							}
						#catalogsearch-results-grid DIV.gridimage a {
							display: block;
							position: relative;
							}
						#catalogsearch-results-list a {
							text-decoration: none;
						}
						#catalogsearch-results-list a:hover {
							text-decoration: underline;
						}
						#catalogsearch-results-list DIV .label{
							float:right;
							width:545px;
							height:180px;
							padding:0px;
							margin:10px 0px 10px 0px;
							border:none;
							vertical-align:top;
							}
					        #catalogsearch-results-list .label H4{
					            font-family:"FS Albert Web Regular", Lucida Grande, Arial Bold, sans-serif;
					            font-weight:normal;
					            font-size:16px;
					            color: #2E7B93;
                                padding:0px 0px 0px 0px;
                                margin: 0px 0px 0px 0px;
					            }
					        #catalogsearch-results-list .label H5
					        {
					        	font-family:"FS Albert Web Regular", Lucida Grande, Arial Bold, sans-serif;
					            font-weight:normal;
					            font-size:14px;
					            /*color: #2E7B93;*/
                                padding:0px 0px 0px 0px;
                                margin: 2px 0px 0px 0px;					            
					            }
					        #catalogsearch-results-list .label H6{
					            font-size:12px;
					            padding:0px 0px 0px 0px;
                                margin: 2px 0px 0px 0px;
					            }

							
						#catalogsearch-results-list DIV .labelbuttons{
							display:inline-block;
							padding:0px 20px 0px 0px;
							}
			            .img-ovr-sustainable-list{
	                        position: relative;
                            top: -50px;
                            width: 166px;
                            left: -4px;
	                    }
	                    .img-ovr-list{
	                        position: relative;
                            width: 138px;
                            left: -2px;
	                    }
					.catalogsearch-pager
					{
					    margin:12px 0px 0px 0px;
					    text-align:center;
					    display:block;
					}
					    .catalogsearch-pager SPAN,
					    .catalogsearch-pager SPAN A{
					         padding:0px 8px 0px 3px;
					        }
		
	                .nextprev{
                        vertical-align:middle;
                        padding:0px 10px 0px 10px;
                    }
	                
	                /* Default and Hover States for Paging 
                       NOT CURRENTLY USED BUT NEED TO BE IMPLEMENTED
                        Added by Eric B - 11/13/2011
                    
	                .nextprev_next {
                        padding:0px 10px 0px 10px;
                        background-image: url('../images/buttons/architecture-library-archipedia_Next_Default.png');
                        background-repeat:no-repeat;
                        background-position:left top;
                        min-width:97px;
                        min-height:31px;                   
                        }	                
	                    .nextprev_next:hover {
                            vertical-align:middle;
                            padding:0px 10px 0px 10px;
                            background-image: url('../images/buttons/architecture-library-archipedia_Next_Hover.png');
                            background-repeat:no-repeat;
                            background-position:left top;
                        }	
	                .nextprev_previous {
                        padding:0px 10px 0px 10px;
                        background-image: url('../images/buttons/architecture-library-archipedia_Previous_Default.png');
                        background-repeat:no-repeat;
                        background-position:left top;
                        min-width:97px;
                        min-height:31px;                   
                        }	                
	                    .nextprev_previous:hover {
                            vertical-align:middle;
                            padding:0px 10px 0px 10px;
                            background-image: url('../images/buttons/architecture-library-archipedia_Previous_Hover.png');
                            background-repeat:no-repeat;
                            background-position:left top;
                        }	
                        */

                    
		/*************************
		 PAGE: MY WORKSPACE
		*************************/
		
		.myworkspace_catalogs_wrapper		
		{
		    float: left;
		    width: 25%;
		    margin-bottom: 20px; 
		    margin-top: 20px;
		    min-height: 285px;
		}
		
		.myworkspace_catalog_image_wrapper
		{
		    position: relative;
		    height: 215px;
		    margin-bottom: 15px;
		}
		.myworkspace_catalog_image
		{
		    position: absolute;
		    bottom: 0px;
		}
		.myworkspace_catalog_image_overlay
		{
		    position: absolute;
		    bottom: -5px;
		    left: -4px;
		}
		
		.myworkspace_suppliers_wrapper
		{
		    float: left;
		    width: 25%;
		    margin-bottom: 10px; 
		    margin-top: 10px;
		    min-height: 165px;
		}
		
		.myworkspace_supplier_image_wrapper
		{
		    position: relative;
		    height: 150px;
		    margin-bottom: 15px;
		}
		.myworkspace_supplier_image
		{
		    position: absolute;
		    bottom: 0px;
		}
		.myworkspace_supplier_image_overlay
		{
		    position: absolute;
		    bottom: -5px;
		    left: -4px;
		}
		
		.workspace_rep_select_state
		{
		    position: relative;
		    height: 30px;
		    padding-top: 10px;
		}
        .workspace_rep_select_state_text
        {
            margin-top:10px;
            float: left;
            font-weight:bold;
            margin-left:600px;
        }	
		
		#myworkspace-rep-grid{
		    margin-top:24px;
			height:auto;
			background-color:#f5f5f5;
			border:solid 1px #c7c7c7;
			border-radius:0px 0px 6px 6px;-moz-border-radius:0px 0px 6px 6px;-webkit-border-radius:0px 0px 6px 6px;
			box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
			}
                    
		/*************************
		 PAGE: FAQ
		*************************/	
            h2.faq-title{margin:0px 0px 0px 0px}

            /**********************
             SUPPLIER FAQs
            **********************/
            #supplier-options {margin:0px; text-align:right; color:#9ac1c9}
            #supplier-options a {text-decoration:none;}
            #supplier-options a:hover {}

            .ulSupplierFAQ {list-style:none; margin:0px 0px 30px 0px; padding:0px 0px 0px 0px;}
            .ulSupplierFAQ h5 {padding:4px 6px 4px; font-weight:bold; margin-top:5px; cursor:pointer; /*background:url(images/header.gif)*/}
            .ulSupplierFAQ UL,
            .ulSupplierFAQ UL LI {
                list-style-type: none;
                margin:0px;
                }
            .ulSupplierFAQ h5:hover {/*background:url(images/header_over.gif)*/}
            .ulSupplierFAQ .acc-section {overflow:hidden; background:#fff}
            .ulSupplierFAQ .acc-content {color:#5d5d5d; padding:15px; margin:0px 0px 0px 0px; border:1px solid #d7d7d7; /*border-top:none;*/ background:#f1f1f1}
            .ulSupplierFAQ .acc-content P {margin:0px;}


            /**********************
             SPECIFIER FAQs
            **********************/
            #specifier-options {margin:0px; text-align:right; color:#9ac1c9}
            #specifier-options a {text-decoration:none;}
            #specifier-options a:hover {}

            .ulSpecifierFAQ {list-style:none; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px;}
            .ulSpecifierFAQ h5 {padding:4px 6px 4px; font-weight:bold; margin-top:5px; cursor:pointer; /*background:url(images/header.gif)*/}
            .ulSpecifierFAQ UL,
            .ulSpecifierFAQ UL LI {
                list-style-type: none;
                margin:0px;
                }
            .ulSpecifierFAQ h5:hover {/*background:url(images/header_over.gif)*/}
            .ulSpecifierFAQ .acc-section {overflow:hidden; background:#fff}
            .ulSpecifierFAQ .acc-content {color:#5d5d5d; padding:15px; margin:0px 0px 0px 0px; border:1px solid #d7d7d7; /*border-top:none;*/ background:#f1f1f1}
            .ulSpecifierFAQ .acc-content P {margin:0px;}
            /*#nested {width:425px; list-style:none; color:#033; margin-bottom:15px}
            #nested h3 {width:411px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
            #nested h3:hover {background:url(images/header_over.gif)}
            #nested .acc-section {overflow:hidden; background:#fff}
            #nested .acc-content {width:393px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
            #nested .acc-selected {background:url(images/header_over.gif)}*/



		/*************************
		 PAGE: SEARCH
		*************************/
		
		.search_no_results_message{
		    margin-top: 10px;
            text-align: center;
		    }		
		.search_top_navigation_container{
			border:solid 1px #c8c8c8;
			background-color:#FFFFFF;
			padding: 20px;
			width: 100%;
			height: 20px;
			}
		.search_leftnavigation_container{
			border:solid 1px #c8c8c8;
			background-color:#FFFFFF;
			padding:20px;
			min-height:200px;
			}
			.search_leftnavigation_container_links{
			    margin:0px 0px 8px 0px;
			    }
			.search_leftnavigation_container_links_indent
			{
			    padding-left: 0px;
				}
				.search_leftnavigation_container_links_indent li {
				    list-style-type: none;
				    margin-left: 0px;
				    margin-top: 4px;
				}
			.search_leftnavigation_container_sustainabletoggle{
				margin:0px 0px 15px 0px;
				}
			.search_leftnavigation_container_categories{
				}
				.search_leftnavigation_container_categories_label{
					font-weight:bold;
					margin:0px 0px 8px 0px;
					}
				.search_leftnavigation_container_categories_list A{
					}
		
		
			/**********************************************
			 ELEMENT: OPEN CUBE MENU - BROWSE CATAGORIES
			**********************************************/
		
			/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
			/*[START-QCC]*/.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:normal;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:normal;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc .qmmulti{float:left;position:relative;}.qmmc .qmmulti dd{margin:0px;padding:0px;}.qmmc dd {position:relative;}.qmmc .qmml0 {z-index:99;}.qmmc .qmml1 {z-index:98;}.qmmc .qmml2 {z-index:97;}.qmmc .qmml3 {z-index:96;}.qmmc .qmml4 {z-index:95;}.qmmc .qmml5 {z-index:94;}.qmmc .qmml6 {z-index:93;}.qmmc .qmml7 {z-index:92;}.qmmc .qmml8 {z-index:91;}.qmmc .qmml9 {z-index:90;}.qmmc li {z-index:auto;}.qmmc ul {visibility:hidden;position:absolute;z-index:10;}.qmmc, .qmmc ul, .qmmc dl {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{visibility:inherit;left:auto;}/*[END-QCC]*//*[START-QCC0]*/#qm0 li, #qm0 a {float:none;}#qm0 li:hover>ul{visibility:inherit;top:0px;left:100%;}#qm0 ul dd:hover>ul{visibility:inherit;top:0px;left:100%;}/*[END-QCC0]*/


			/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


				/* QuickMenu 0 */

				/*"""""""" (MAIN) Container""""""""*/	
				#qm0	
				{	
					width:224px;
					border-bottom: solid #C8C8C8 1px;
				}


				/*"""""""" (MAIN) Items""""""""*/	
				#qm0 a	
				{	
					width:224px;
					height:27px;
					padding:20px 30px 8px 14px;
					margin:0px;
					z-index:100;
					background-color:#DCDCDC;
					color:#2E7B93;
					text-decoration:none;
					text-align:left;
					border-width:1px 1px 0px;
					border-style:solid;
					border-color:#C8C8C8;
					border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;
				}

				/* 
				CUSTOM STYLE added by ERICB
				For styling sub-menu Level 1 items that are not titles
				*/
				#qm0 DD a{
					padding:0px 30px 4px 10px;
					}

				/*"""""""" (MAIN) Hover State""""""""*/	
				#qm0 a:hover	
				{	
					text-decoration:underline;
				}


				/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
				#qm0 li:hover>a	
				{	
					text-decoration:underline;
				}


				/*"""""""" (MAIN) Active State""""""""*/	
				body #qm0 .qmactive, body #qm0 .qmactive:hover	
				{	
					background-color:#F9F9F9;
					color:#555555;
					text-decoration:none;
					border-right:0px;
					padding-left:24px;
					width: 215px;
					font-weight:bold;
				}




				/*"""""""" (SUB) Container""""""""*/	
				#qm0 div, #qm0 ul	
				{	
					padding:10px;
					margin:0px 0px 0px -1px;
					background-color:#F3F3F3;
					border-width:1px;
					border-style:solid;
					border-color:#C8C8C8;
					border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;
				}


				/*"""""""" (SUB) Column""""""""*/	
				#qm0 div .qmmulti, #qm0 ul .qmmulti	
				{	
					padding:10px 20px 20px 20px;
				}


				/*"""""""" (SUB) Items""""""""*/	
				#qm0 div a, #qm0 ul a	
				{	
					width:auto;
					height:auto;
					margin:0px;
					z-index:0;
					background-color:transparent;
					color: #2E7B93;
					font-weight:normal;
					border-width:0px;
					border-style:none;
					border-color:#C8C8C8;
					border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;
					box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
				}


				/*"""""""" (SUB) Hover State""""""""*/	
				#qm0 div a:hover	
				{	
					text-decoration:underline;
				}


				/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
				#qm0 ul li:hover>a, #qm0 ul dd:hover>a	
				{	
					text-decoration:underline;
				}


				/*"""""""" (SUB) Active State""""""""*/	
				body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
				{	
					color:#C8C8C8;
					text-decoration:none;
					border-style:none;
					border-color:transparent;
					border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;
					box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
				}


				/*"""""""" Individual Titles""""""""*/	
				#qm0 .qmtitle	
				{	
					cursor:default;
					padding:3px 0px 13px 0px;
					margin:10px 0px 0px 0px;
					font-weight:bold;					
					/*
					background-color:#DBDBDB;
					color:#111111;
					font-family:arial;
					font-size:12px;
					border-width:1px;
					border-style:solid;
					border-color:#555555;
					border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;
					box-shadow:2px 2px 2px rgba(143, 142, 142, 0.8);-moz-box-shadow:2px 2px 2px rgba(143, 142, 142, 0.8);-webkit-box-shadow:2px 2px 2px rgba(143, 142, 142, 0.8);
					*/
				}


				/*"""""""" Individual Horizontal Dividers""""""""*/	
				#qm0 .qmdividerx	
				{	
					border-top-width:1px;
					margin:4px 0px;
					border-color:#8F8E8E;
				}


				/*"""""""" Individual Vertical Dividers""""""""*/	
				#qm0 .qmdividery	
				{	
					border-left-width:1px;
					height:15px;
					margin:4px 2px 0px;
					border-color:#555555;
				}


				/*"""""""" Custom Rule""""""""*/	
				ul#qm0 ul li:hover > a.qmparent	
				{	
					background-color:transparent;
					border-color:transparent;
				}


				/*"""""""" Custom Rule""""""""*/	
				ul#qm0 li .qmparent	
				{	
					/*
					background-image:url("file:///C:/Program%20Files/OpenCube/Visual%20CSS%20QuickMenu/chrome/content/qmimages/arrow_4.gif");
					background-repeat:no-repeat;
					background-position:90% center;
					*/
				}


				/*"""""""" Custom Rule""""""""*/	
				ul#qm0 li:hover > a.qmparent	
				{	
					background-color:#F3F3F3;
					/*background-image:url("file:///C:/Program%20Files/OpenCube/Visual%20CSS%20QuickMenu/chrome/content/qmimages/arrow_5.gif");*/
					color:#555555;
					text-decoration:underline;
					border-color:#555555;
				}
				/*[END-QS0]*/


/**************************************************
Homepage Image Rotator Styles
***************************************************/
.image-rotator-main {
	width: 1006px;
	height: 473px;
	margin-left: auto;
	margin-right: auto;
	padding: 36px 0px 15px 0px;
}

	.image-rotator-background1 {
		/*background-image: url('../images/placeholders/macbookByItself.jpg');*/
		background-repeat: no-repeat;
		height: 371px;
		width: 992px;
	}

	.image-rotator-background2 {
		/*background-image: url('../images/placeholders/windowsLaptop.png');*/
		background-repeat: no-repeat;
		height: 371px;
		width: 992px;
	}

	.image-rotator-background3 {
		/**background-image: url('../images/placeholders/businessMeeting.jpg');*/
		background-repeat: no-repeat;
		height: 371px;
		width: 992px;
	}

	.image-rotator-sub {
	}

	.image-rotator-sub-image0 
	{
		width: 331px;
		height: 98px;
		float: left;
		background-image: url('../images/homepageHero/imageRotateSubBackgroundDefault-banner1.jpg');
		background-repeat: no-repeat;
	}

	.image-rotator-sub-image1 
	{
		width: 331px;
		height: 98px;
		float: left;
		background-image: url('../images/homepageHero/imageRotateSubBackgroundDefault-banner2.jpg');
		background-repeat: no-repeat;
	}

	.image-rotator-sub-image2 
	{
		width: 330px;
		height: 98px;
		float: left;
		background-image: url('../images/homepageHero/imageRotateSubBackgroundDefault-banner3.jpg');
		background-repeat: no-repeat;
	}

	.image-rotator-sub-image0 div {
		opacity: 0.7;
		/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; /*IE8*/
	}

	.image-rotator-sub-image0:hover div {
		opacity: 1;
		/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*IE8*/
	}

	.image-rotator-sub-image1 div {
		opacity: 0.7;
		/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; /*IE8*/
	}

	.image-rotator-sub-image1:hover div {
		opacity: 1;
		/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*IE8*/
	}

	.image-rotator-sub-image2 div {
		opacity: 0.7;
		/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; /*IE8*/
	}

	.image-rotator-sub-image2:hover div {
		opacity: 1;
		/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*IE8*/
	}

	.image-rotator-sub-image-selected0
	{
		width: 331px;
		height: 98px;
		float: left;
		background-image: url('../images/homepageHero/imageRotateSubBackgroundSelected-banner1.jpg');
		background-repeat: no-repeat;
	}

	.image-rotator-sub-image-selected1
	{
		width: 331px;
		height: 98px;
		float: left;
		background-image: url('../images/homepageHero/imageRotateSubBackgroundSelected-banner2.jpg');
		background-repeat: no-repeat;
	}

	.image-rotator-sub-image-selected2
	{
		width: 330px;
		height: 98px;
		float: left;
		background-image: url('../images/homepageHero/imageRotateSubBackgroundSelected-banner3.jpg');
		background-repeat: no-repeat;
	}

	.image-rotator-sub-content {
		padding: 20px 15px 0px 15px;
		width: inherit;
		font-size: 14px;
		line-height: 130%;
	}

	.image-rotator-sub-content-header1 {
		font-size: 16px;
		color: #2E7B93;
		padding: 0px 0px 5px 0px;
	}

	.image-rotator-sub-content-header2 {
		font-size: 16px;
		color: #9AAB01;
		padding: 0px 0px 5px 0px;
	}

	.image-rotator-sub-content-header3 {
		font-size: 16px;
		color: #DE4B1B;
		padding: 0px 0px 5px 0px;
	}

	a.image-rotator-tab:link {
		text-decoration: none;
		color:#555555;
	}
	a.image-rotator-tab:visited {
		text-decoration: none;
		color:#555555;
	}
	a.image-rotator-tab:active {
		text-decoration: none;
		color:#555555;
	}

	.image-rotator-text-left 
	{
		text-align: left;
		width: 50%;
		float: left;
		padding: 30px 0px 0px 35px;
	}
	
	.image-rotator-text-left-page1
	{
		text-align: center;
		width: 100%;
		float: left;
		padding: 15px 0px 0px 0px;
	}
	
	.image-rotator-text-left-page3
	{
		text-align: center;
		width: 992px;
		float: left;
		padding: 32px 0px 0px 0px;
	}

	.image-rotator-sub-images {
		padding: 20px 0px 0px 25px;
		width: 50%;
	}

	.image-rotator-sub-images-page1 {
		padding: 20px 0px 0px 0px;
		width: 50%;
	}

	a.image-rotator-main-buttons {
		text-decoration: none;
	}
	
	h1.image-rotator-text-page1 {
		font-size: 76px;
	    color: #3eb5d9;
		margin: 0px 0px 0px 0px;
	}
	
	h2.image-rotator-text-page1 {
		font-size: 58px;
	    color: #3eb5d9;
		margin: -10px 0px 0px 0px;
	}
	
	h3.image-rotator-text-page1 {
		line-height: 22px;
		font-size: 16px;
	    color: #2d2e3d;
		font-family: "FS Albert Web Regular", Lucida Grande, Arial, sans-serif;
	}
	
	h1.image-rotator-text-page2 {
		font-size: 58px;
		margin: 0px 0px 0px 0px;
		position: relative;
		left: 27px;
		top: -14px;
	}
	
	h2.image-rotator-text-page2 {
		font-size: 45px;
		margin: 0px 0px 10px 0px;
	}
	
	h3.image-rotator-text-page2 {
		line-height: 27px;
		font-size: 20px;
		width: 395px;
		font-family: "FS Albert Web Regular", Lucida Grande, Arial, sans-serif;
		position: relative;
		left: -70px;
		top: 13px;
	}
	
	h1.image-rotator-text-page3 
	{
		font-size: 32px;
		color: #F2F2F2;
		margin: 0px 0px 0px 0px;
	}

.imgcatalogthumbnailtooltipviewcatalog {
	background-image: url(../images/buttons/ViewEcatalogue/ViewEcatalogue-default.png);
	background-repeat: no-repeat;
	width: 151px;
	height: 33px;
	min-width: 151px;
	min-height: 33px;
	display: inline-block;
	text-indent: -99999px;
}
.imgcatalogthumbnailtooltipviewcatalog:hover {
	background-image: url(../images/buttons/ViewEcatalogue/ViewEcatalogue-hover.png);
}
.imgcatalogthumbnailtooltipviewcatalog:active {
	background-image: url(../images/buttons/ViewEcatalogue/ViewEcatalogue-click.png);
}

.img-catalog-thumbnail-tooltip-add-to-workspace {
	background-image: url(../images/buttons/AddToMyWorkspace/Add-to-My-Workspace-Default.png);
	background-repeat: no-repeat;
	width: 154px;
	height: 33px;
	min-width: 154px;
	min-height: 33px;
	display: inline-block;
	text-indent: -99999px;
}

.img-catalog-thumbnail-tooltip-add-to-workspace:hover {
	background-image: url(../images/buttons/AddToMyWorkspace/Add-to-My-Workspace-hover.png);
}

.img-catalog-thumbnail-tooltip-add-to-workspace:active {
	background-image: url(../images/buttons/AddToMyWorkspace/Add-to-My-Workspace-click.png);
}

.img-catalog-thumbnail-tooltip-view-profile {
	background-image: url(../images/buttons/ViewProfile/ViewProfile-default.png);
	background-repeat: no-repeat;
	width: 145px;
	height: 33px;
	min-width: 154px;
	min-height: 33px;
	display: inline-block;
	text-indent: -99999px;
}

.img-catalog-thumbnail-tooltip-view-profile:hover {
	background-image: url(../images/buttons/ViewProfile/ViewProfile-hover.png);
}

.img-catalog-thumbnail-tooltip-view-profile:active {
	background-image: url(../images/buttons/ViewProfile/ViewProfile-click.png);
}

/********* Modal  Video **************/
/* Z-index of #mask must lower than #boxes .window */
#modalVideoMask {
	position:absolute;
	z-index:9000;
	background-color:#000;
	display:none;
}
   
#modalVideoBoxes .modalVideoWindow 
{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width:640px;
	height:480px;
	display:none;
	z-index:9999;
	padding:20px;
}
 
.modalVideoClose {
	float: right;
}

#modalVideoBoxes #modalVideoDialog {
	width:640px; 
	height:480px;
}

/****************************************************
END OF Image Rotator
****************************************************/

/****************************************************
Featured Catalogs
****************************************************/

.featured-pubs-next-previous {
	margin: 30px 0px 0px 0px;
}

a.featured-pubs-next-previous {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

span.featured-pubs-next-previous {
	font-weight: bold;
	color: #FFFFFF;
}

a.featured-pubs-next-previous:hover {
	text-decoration: underline;
}

.featured-pubs-rotator-main {
	height: 536px;
}

.featured-pubs-cell-row 
{
	width: 138px;
	height: 200px;
	float: left;
	max-width: 138px;
	max-height: 200px;
	padding: 31px 15px 37px 15px;
}

.featured-pubs-catalogsupplier-image-toprow {
	position: absolute;
	bottom: 305px;
	width: 138px;
}

.featured-pubs-catalogsupplier-image-bottomrow {
	position: absolute;
	bottom: 37px;
	width: 138px;
}

.featured-pubs-catalogsupplier-image-shadow-toprow {
	position: absolute;
	bottom: 300px;
}

.featured-pubs-catalogsupplier-image-shadow-bottomrow {
	position: absolute;
	bottom: 32px;
}

.featured-pubs-catalogsupplier-sustainable {
	position: relative;
	left: 3px;
	bottom: -150px;
}

.archipedia-sustainable-tooltip {
}

/****************************************************
END OF Featured Catalogs
****************************************************/

/****************************************************
Call To Action
****************************************************/

.homepage-calltoaction-testimonial {
	padding: 10px 20px 0px 20px;
	font-style: italic;
	font-size: 14px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.homepage-calltoaction-testimonial-author {
	text-align: right;
	padding: 15px 25px 0px 25px;
	font-style: italic;
	font-size: 16px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
}
.homepage-calltoaction-testimonial-author-company {
	text-align: right;
	padding: 0px 25px 0px 25px;
	font-style: italic;
	font-size: 14px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
}

.homepage-calltoaction-testimonial-footer {
	position: relative;
	margin-top: 47px;
	width: 100%;
	text-align: center;
	text-decoration: none;
}

span.homepage-calltoaction-testimonial-footer {
	position: relative;
	width: 100%;
	text-align: center;
}

a.homepage-calltoaction-testimonial-footer {
	position: relative;
	margin-top: 47px;
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

a.homepage-calltoaction-testimonial-footer:hover {
	text-decoration: underline;
}

.homepage-calltoaction-testimonial-rotator {
	width: 97%;
	height: 136px;
	margin-left: 10px;
}

.homepage-calltoaction-testimonial-rotator-next {
	float: right;
	margin: 5px 25px 0px 0px;
}

.homepage-calltoaction-testimonial-title {
	font-size: 16px;
	font-weight: bold;
}

.homepage-calltoaction-button-getstarted {
	
}

/****************************************************
END OF Call To Action
****************************************************/

/****************************************************
Sustainable Tool Tip 
****************************************************/

#tiptip_holder_sustainable {
	display: none;
	position: absolute;
	top: 0;
	left: 124px;
	z-index: 99999;
	margin-left: 690px;
}

#tiptip_holder_sustainable.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder_sustainable.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder_sustainable.tip_right {
	padding-left: 5px;
}

#tiptip_holder_sustainable.tip_left {
	padding-right: 5px;
}

#tiptip_content_sustainable {
	font-size: 11px;
	color: #000000;
	text-align: left;
	/*text-shadow: 0 0 2px #000;*/
	padding: 4px 8px;
	border: 2px solid #90a000;
	background-color: #F9F9F9;
	/*background-color: rgba(25,25,25,0.92);*/
	/*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));*/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow_sustainable, #tiptip_arrow_sustainable_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
	margin-left: 21px;
}

#tiptip_holder_sustainable.tip_top #tiptip_arrow_sustainable {
	border-top-color: #fff;
	/*border-top-color: rgba(255,255,255,0.35);*/
	border-top-color: #90a000;
}

#tiptip_holder_sustainable.tip_bottom #tiptip_arrow_sustainable {
	border-bottom-color: #fff;
	/*border-bottom-color: rgba(255,255,255,0.35);*/
	border-bottom-color: #90a000;
}

#tiptip_holder_sustainable.tip_right #tiptip_arrow_sustainable {
	border-right-color: #fff;
	/*border-right-color: rgba(255,255,255,0.35);*/
	border-right-color: #90a000;
}

#tiptip_holder_sustainable.tip_left #tiptip_arrow_sustainable {
	border-left-color: #fff;
	/*border-left-color: rgba(255,255,255,0.35);*/
	border-left-color: #90a000;
}

#tiptip_arrow_sustainable {
	margin-top: -16px;
}

#tiptip_holder_sustainable.tip_top #tiptip_arrow_sustainable_inner {
	margin-top: -9px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
	border-top-color: #F9F9F9;
}

#tiptip_holder_sustainable.tip_bottom #tiptip_arrow_sustainable_inner {
	margin-top: -3px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
	border-bottom-color: #F9F9F9;
}

#tiptip_holder_sustainable.tip_right #tiptip_arrow_sustainable_inner {
	margin-top: -9px;
	margin-left: -6px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
	border-right-color: #F9F9F9;
}

#tiptip_holder_sustainable.tip_left #tiptip_arrow_sustainable_inner {
	margin-top: -9px;
	margin-left: -6px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
	border-left-color: #F9F9F9;
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content_sustainable {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
		background-color: #F9F9F9;
	}
	#tiptip_holder_sustainable.tip_bottom #tiptip_arrow_sustainable_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
		border-bottom-color: #F9F9F9;
	}
	#tiptip_holder_sustainable.tip_top #tiptip_arrow_sustainable_inner { 
		border-top-color: rgba(20,20,20,0.92);
		border-top-color: #F9F9F9;
	}
}

/****************************************************
END Sustainable Tool Tip 
****************************************************/

/****************************************************
CatalogueSupplier tooltip
****************************************************/
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #555;
	padding: 4px 8px;
	border: 1px solid #2E7B93;
	background-color: #F2F2F2;
}

#tiptip_arrow, #tiptip_arrow_inner 
{
	opacity: 0;
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: #F2F2F2;
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}
/******************************************************
End catalogue tooltip
******************************************************/


.clear {
	clear: both;
}

.right {
	float: right;
}

.left {
	float: left;
}

/*Disable orange outline in chrome*/
textarea, input{ outline:none;}

/*****************************
 SUPPLIER PROFILE REP DETAILS
******************************/
                 
                 
                 
.lbtnSupplierProfileTabText,
.spanSupplierProfileTabText
{
    height: 50px;
    width: 100px;
    font-size: 14pt;
    color: #555555;
    text-decoration: none;
}

.lbtnSupplierProfileTabText:hover,
.spanSupplierProfileTabText:hover {
	text-decoration: none;
}
    
                
    /*************************
     REP DETAILS STATE SELECT
    *************************/
    .tab_rep_details_select_state
    {
        height: 30px;
		position:relative;
    }
        .tab_rep_details_select_state_text
        {
            float: left;
            font-weight:bold;
            margin-left:590px;
        }
        .tab_rep_details_selected_state_hover
        {
            background-color: transparent;
        }
    
		#rep_details_state_select
		{
		    position:absolute;
			z-index: 1;
		    left: 630px;
			}
    
		#workspace_rep_details_state_select
		{
		    position:absolute;
			z-index: 1;
		    left: 630px;
		    top: 10px;
			}
			
			#rep_details_state_select ul,
			#workspace_rep_details_state_select ul
			{
	            margin: 0;
	            padding: 0;
	            list-style: none;
	            width: 85px; /* Width of Menu Items */
	            top:-5px;
	            position:relative;
	            font-weight:normal;
	            }
	        #rep_details_state_select UL,
	        #rep_details_state_select UL LI,
	        #rep_details_state_select UL LI UL,
	        #rep_details_state_select UL LI UL LI,
	        #workspace_rep_details_state_select UL,
	        #workspace_rep_details_state_select UL LI,
	        #workspace_rep_details_state_select UL LI UL,
	        #workspace_rep_details_state_select UL LI UL LI
	        {
	            list-style-type:none;
	            list-style:none;
	            margin:0px;
	            padding-right:5px;
	            }
	        #rep_details_state_select UL:hover,
	        #workspace_rep_details_state_select UL:hover
	        {
	            background-color: #ffffff;
			    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;			    
				box-shadow:3px 2px 2px rgb(200, 200, 200);-moz-box-shadow:3px 3px 2px rgb(200, 200, 200);-webkit-box-shadow:3px 2px 2px rgb(200, 200, 200);
	            
	        }
	        #rep_details_state_select UL LI UL:hover,
	        #workspace_rep_details_state_select UL LI UL:hover
	        {
			    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
				box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;	            
	        }
	            
                ul #rep_details_state_select-nav li,
                ul #workspace_rep_details_state_select-nav li
                {
    	            background:#F1F1F1;
                    }
                    ul #rep_details_state_select-nav li a,
                    ul #workspace_rep_details_state_select-nav li a
                    {
    	                color:White;
                    }
                    ul #rep_details_state_select-nav li:hover a,
                    ul #workspace_rep_details_state_select-nav li:hover a
                    {
                        color:Black;
                    }
                ul #rep_details_state_select-nav li:hover,
                ul #workspace_rep_details_state_select-nav li:hover
                {
                    }
            #rep_details_state_select ul li,
            #workspace_rep_details_state_select ul li
            {
	            position: relative;
            	background-color: Transparent;
	            }
	            
	        #rep_details_state_select ul li:hover,
	        #workspace_rep_details_state_select ul li:hover
	        {
	            position: relative;
	            background: none repeat scroll 0 0 #ffffff;
			    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;	
	            }
            
            /* Set 1px less than menu width */	
            #rep_details_state_select li ul,
            #workspace_rep_details_state_select li ul
            {
	            display: none;
	            }

            /* Styles for Menu Items */
            #rep_details_state_select ul li a,
            #workspace_rep_details_state_select ul li a
            {
	            display: block;
	            text-decoration: none;
	            padding: 5px;
            	color: #555;
                margin-left: 5px;
	            }
	            
            /* Hover Styles */
            #rep_details_state_select ul li a:hover,
            #workspace_rep_details_state_select ul li a:hover
            {
                background: #f1f1f1;
                
            }
            
            /* Sub Menu Styles */
            #rep_details_state_select li ul li a,
            #workspace_rep_details_state_select li ul li a
            { 
                padding: 2px 5px; color: #2E7B93;
            }
            
            /* The magic */
            #rep_details_state_select li:hover ul, li.over ul,
            #workspace_rep_details_state_select li:hover ul, li.over ul
            {
                 display: block;
            }
            
            
            
/*************************************
Supplier Signup
**************************************/
#supplier_signup_div_title {
	text-align: center;
	margin: 0px 0px 25px 0px;
}

#supplier_signup_div_title h1 {
	font-size: 37px;
	margin: 0px;
}
#supplier_signup_div_title h2 {
	font-size: 18px;
	margin: 0px;
}
#supplier_signup_div_column_container {
	height: 505px; 
}
.supplier_signup_div_column {
	width: 30%;
	margin: 0px 7px 0px 0px;
	float: left;
	height: 505px; 
	max-height: 505px;
	width: 321px;
	max-width: 321px;
	background-image: url(../images/signup/membership-white-bg.png);
	background-repeat: no-repeat;
	position: relative;
}
.supplier_signup_div_column ul {
	width: 285px;
}
.supplier_signup_div_column ul li {
	list-style: none;
	border-bottom: 1px dashed #dedddc;
	padding: 8px 0px 8px 0px;
}
.supplier_signup_div_column ul li:first-child {
	border-top: 1px dashed #dedddc;
}
.supplier_signup_div_column_right {
	float: right;
	margin: 0px;
}
#supplier_signup_free_plan {
	background-image: url(../images/signup/membership-free-bg.png);
	width: 983px;
	max-width: 983px;
	height: 63px;
	max-height: 63px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background-repeat: no-repeat;
	font-size: 17px;
}
#supplier_signup_free_plan a {
	font-size: 17px;
	text-decoration: none;
}
#supplier_signup_free_plan a:hover {
	text-decoration: underline;
}

#supplier_signup_silver_header {
	background-image: url(../images/signup/membership-silver-bg.png);
	background-repeat: no-repeat;
	width: 321px;
	max-width: 321px;
	height: 36px;
	max-height: 36px;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	color: #F2F2F2;
	font-size: 18px;
	font-weight: bold;
}

#supplier_signup_gold_header {
	background-image: url(../images/signup/membership-gold-bg.png);
	background-repeat: no-repeat;
	width: 321px;
	max-width: 321px;
	height: 36px;
	max-height: 36px;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	color: #F2F2F2;
	font-size: 18px;
	font-weight: bold;
}

#supplier_signup_platinum_header {
	background-image: url(../images/signup/membership-platinum-bg.png);
	background-repeat: no-repeat;
	width: 321px;
	max-width: 321px;
	height: 36px;
	max-height: 36px;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	font-size: 18px;
	font-weight: bold;
}

.supplier_signup_header_text {
}

.supplier_signup-cost {
	font-size: 48px;
	font-weight: bold;
}
.supplier_signup-peryear {
	font-size: 12px;
}
.supplier_signup_cost_container {
	text-align: center;
}
.supplier_signup_signup_button {
	position: absolute;
	bottom: 25px;
	left: 100px;
	background-image: url(../images/buttons/architecture-library-archipedia_SignUp_Default.png);
	width: 121px;
	min-width: 121px;
	height: 40px;
	min-height: 40px;
}
.supplier_signup_signup_button:hover {
	background-image: url(../images/buttons/architecture-library-archipedia_SignUp_Hover.png);
}
.supplier_signup_signup_button:active {
	background-image: url(../images/buttons/architecture-library-archipedia_SignUp_On.png);
}
.supplier_register_selected_color{
	width: 459px; 
	height: 36px; 
	display: table-cell;
    vertical-align: middle;
}

/*******************************************************
Contact Us form
*******************************************************/
#contact_us_left_column {
    float: left;
    width: 238px;
}
#contact_us_middle_column {
    float: left;
    width: 400px;
}
#contact_us_right_column {
    float: right;
    width: 306px;
}
#contact_us_right_column_facebook_container {
    background-color: #FFFFFF;
    height: 558px;
    min-height: 558px;
}
.contact_us_message_text_containers {
    margin: 15px 0px 15px 0px;
}
.contact_us_message_text_containers span {
    margin-bottom: 3px;
}

FORM INPUT.contact-text
{		    
	display:inline;
	text-decoration:none;
	border:0 none; 
	color:#555555;
    height: 31px;
    padding-left: 20px;
    width: 376px;
	text-align:left; 
    font-family:'FS Albert Web Bold', Lucida Grande, Arial Bold, sans-serif;
	font-size:14px; 
	font-style:italic; 
	font-weight:normal;
    border: 0px;
    background-color: Transparent;
	}
	
FORM TEXTAREA.contact-text-multi
{		    
	display:inline;
	text-decoration:none;
	border:0 none; 
	color:#555555;
    height: 177px;
    min-height: 177px;
    max-height: 177px;
    padding-left: 20px;
    padding-top: 7px;
    width: 376px;
    min-width: 376px;
    max-width: 376px;
	text-align:left; 
    font-family:'FS Albert Web Bold', Lucida Grande, Arial Bold, sans-serif;
	font-size:14px; 
	font-style:italic; 
	font-weight:normal;
    border: 0px;
    background-color: Transparent;
    overflow: auto;
	}
.contact-us-submit-button {
	width: 156px;
	min-width: 121px;
	height: 40px;
	min-height: 40px;
}

/**********************************************
Specifier note system (task 7324)
**********************************************/
#specifiernote
{
    font-family:'FS Albert Web Light', Lucida Grande, Arial Bold, sans-serif;
    font-size: 10.5pt;
    color: #555556;
    padding: 0px 20px 20px 20px;
}
#specifiernote hr
{
    margin: 20px 0px 20px 0px;
}
#specifiernote h1
{
    font-family:'FS Albert Web Bold', Lucida Grande, Arial Bold, sans-serif;
    font-size: 16pt;
    color: #555555;
    margin: 0px;
    padding: 0px;
}
#specifiernote h2
{
    font-family:'FS Albert Web Bold', Lucida Grande, Arial Bold, sans-serif;
    font-size: 12pt;
    color: #555555;
}
.private-note-tab-count
{
    font-family:'FS Albert Web Bold', Lucida Grande, Arial Bold, sans-serif;
    font-size: 9pt;
    color: #666666;
}
#specifiernote div.current-name-description
{
    font-family:'FS Albert Web Bold', Lucida Grande, Arial Bold, sans-serif;
    font-size: 10.5pt;
    color: #555555;
}
#specifiernote div.current-name
{
    font-size: 12pt;
    color: #555555;
}
#specifiernote div.note-editor
{
    padding-top: 10px;
}
#specifiernote div.note-editor textarea,
#notes .note textarea
{
    background-image: url(../images/background/architecture-library-archipedia-textarea-large.png);
    width: 659px;
    height: 122px;
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    padding: 10px;
    resize: none;
}
#specifiernote div.note-editor-post
{
    text-align: right;
    margin-top: 10px;
}
#specifiernote div.note-editor-post a.post-note
{
    background-image: url(../images/buttons/SpecifierNote_Sprite.png);
    width: 94px;
    height: 40px;
    background-position: 0px 0px;
    display: inline-block;
}
#specifiernote div.note-editor-post a.post-note:hover
{
    background-position: 0px -40px;    
}
#specifiernote div.note-editor-post a.post-note:active
{
    background-position: 0px -80px;  
}
#specifiernote div.note-confirmation a.add-another-note
{
    background-image: url(../images/buttons/SpecifierNote_Sprite.png);
    width: 157px;
    height: 40px;
    background-position: 0px -241px;
    display: inline-block;
}
#specifiernote div.note-confirmation a.add-another-note:hover
{
    background-position: 0px -281px;    
}
#specifiernote div.note-confirmation a.add-another-note:active
{
    background-position: 0px -321px;  
}
#notes div.note a.update-note
{
    background-image: url(../images/buttons/SpecifierNote_Sprite.png);
    width: 137px;
    height: 40px;
    background-position: 0px -121px;
    display: inline-block;
}
#notes div.note div.update-cancel
{
    text-align: right;
    margin-top: 10px;
}
#specifiernote div.note a.update-note:hover
{
    background-position: 0px -161px;    
}
#specifiernote div.note a.update-note:active
{
    background-position: 0px -202px;  
}
#specifiernote div.note-confirmation span
{
    font-family:'FS Albert Web Bold', Lucida Grande, Arial Bold, sans-serif;
    font-size: 13pt;
    color: #a9bd00;
}
#specifiernote div.note-deleted span
{
    font-family:'FS Albert Web Bold', Lucida Grande, Arial Bold, sans-serif;
    font-size: 13pt;
    color: #e55230;
}
#specifiernote .note .poster-details
{
    margin-bottom: 10px;
}
#specifiernote .note .poster-details a
{
    font-family:'FS Albert Web Bold', Lucida Grande, Arial Bold, sans-serif;
    font-size: 10.5pt;
    color: #3396b4;
    text-decoration: underline;
}
#specifiernote .note .poster-name
{
    font-family:'FS Albert Web Bold', Lucida Grande, Arial Bold, sans-serif;
    font-size: 13pt;
    color: #3396b4;
}
#specifiernote .note .poster-date
{
    font-family:'FS Albert Web Light', Lucida Grande, Arial Bold, sans-serif;
    font-size: 9pt;
    color: #555555;
}

/****************************************************
Note Tool Tip 
****************************************************/

#tiptip_holder_privatenote {
	display: none;
	position: absolute;
	top: 0;
	left: 66px;
	z-index: 99999;
	margin-left: 690px;
}

#tiptip_holder_privatenote.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder_privatenote.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder_privatenote.tip_right {
	padding-left: 5px;
}

#tiptip_holder_privatenote.tip_left {
	padding-right: 5px;
}

#tiptip_content_privatenote 
{
    font-family:'FS Albert Web Light', Lucida Grande, Arial Bold, sans-serif;
	font-size: 12pt;
	color: #555555;
	text-align: left;
	padding: 4px 8px;
	border: 1px solid #3396b4;
	background-color: #F9F9F9;
}

#tiptip_arrow_privatenote, #tiptip_arrow_privatenote_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
	margin-left: 21px;
}

#tiptip_holder_privatenote.tip_top #tiptip_arrow_privatenote {
	border-top-color: #fff;
	border-top-color: #3396b4;
}

#tiptip_holder_privatenote.tip_bottom #tiptip_arrow_privatenote {
	border-bottom-color: #fff;
	border-bottom-color: #3396b4;
}

#tiptip_holder_privatenote.tip_right #tiptip_arrow_privatenote {
	border-right-color: #fff;
	border-right-color: #3396b4;
}

#tiptip_holder_privatenote.tip_left #tiptip_arrow_privatenote {
	border-left-color: #fff;
	border-left-color: #3396b4;
}

#tiptip_arrow_privatenote {
	margin-top: -16px;
}

#tiptip_holder_privatenote.tip_top #tiptip_arrow_privatenote_inner {
	margin-top: -9px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
	border-top-color: #F9F9F9;
}

#tiptip_holder_privatenote.tip_bottom #tiptip_arrow_privatenote_inner {
	margin-top: -4px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
	border-bottom-color: #F9F9F9;
}

#tiptip_holder_privatenote.tip_right #tiptip_arrow_privatenote_inner {
	margin-top: -9px;
	margin-left: -6px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
	border-right-color: #F9F9F9;
}

#tiptip_holder_privatenote.tip_left #tiptip_arrow_privatenote_inner {
	margin-top: -9px;
	margin-left: -6px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
	border-left-color: #F9F9F9;
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content_privatenote {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
		background-color: #F9F9F9;
	}
	#tiptip_holder_privatenote.tip_bottom #tiptip_arrow_privatenote_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
		border-bottom-color: #F9F9F9;
	}
	#tiptip_holder_privatenote.tip_top #tiptip_arrow_privatenote_inner { 
		border-top-color: rgba(20,20,20,0.92);
		border-top-color: #F9F9F9;
	}
}

/****************************************************
END Note Tool Tip 
****************************************************/

/********************************************
Request supplier/catalog
********************************************/
#request-content
{
    height: 386px;
}
#request-content .note
{
    background-image: url('/images/ContentRequest/requestSprite.png');
    background-repeat: no-repeat;
    height: 377px;
    width: 663px;
    margin: 0px auto 0px auto;    
    text-align: center;
    background-position: 0px 0px;
}
#request-content .note .post-it {
    width: 280px;
    height: 327px;
    margin: 0px auto 0px auto;
    text-align: center;
    padding-top: 83px;
}
#request-content .note .help-us
{
    padding-top: 30px;
    font-size: 23px;
    color: #444444;
    font-weight: bold;
}
#request-content .note .let-know
{
    font-size: 17px;
    color: #555555;
    padding-top: 10px;
}
#request-content .results
{
    padding-top: 20px;
}
#request-content .results .items
{
    text-align: center;
    width: 100%;
}
#request-content .results .items .supplier
{
    background-image: url('/images/ContentRequest/BuildingLibrary_Supplier.png');
    background-repeat: no-repeat;
    width: 138px;
    height: 134px;
    margin: 0 auto;
}
#request-content .results .items div
{
    margin: 10px 0px;
}
#request-content .results .items span.name
{
    font-weight: bold;
}
#request-content .requestSupplierConfirm
{
    margin-top: 28px;
    text-align: center;
    font-size: 18px;
}
#request-content .request-supplier-button {
    background-image: url('/images/ContentRequest/requestSprite.png');
    background-repeat: no-repeat;
    height: 41px;
    width: 227px;
    margin: 0px auto 0px auto;    
    text-align: center;
    background-position: 0px -378px;
    display: block;
}
#request-content .request-supplier-button:hover {
    background-position: -225px -378px;
}
#request-content .request-supplier-button:active {
    background-position: -450px -378px;
}

/*Supplier Pricing*/
#pricing-main
{
    position: relative;
    width: 993px;
    height: 453px;
    background-image: url(/images/signup/supplierpricingsprite.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#pricing-main h2
{
    text-align: center;
    font-size: 34px;
    padding-top: 35px;
}
#pricing-main h3
{
    font-size: 19px;
}
#pricing-main > div
{
    width: 471px;
    margin-top: 45px;
    padding-left: 45px;
}
#pricing-main > div h3, #pricing-main > div p
{
    margin-bottom: 20px;
}
.link
{
    position: relative;
    display: inline-block;
}
.featurebutton {
    float: left;   
}
#display-free-ecatalog
{
    width: 234px;
    height: 43px;
    background-image: url(/images/signup/supplierpricingsprite.png);
    background-repeat: no-repeat;
    background-position: 0 -503px;
}
#display-free-ecatalog:hover
{
    background-position: 0 -689px;
}
#display-free-ecatalog:active
{
    background-position: 0 -596px;
}
#what-is-an-ecatalog
{
    width: 234px;
    height: 43px;
    background-image: url(/images/signup/supplierpricingsprite.png);
    background-repeat: no-repeat;
    background-position: 0 -782px;
}
#what-is-an-ecatalog:hover
{
    background-position: 0 -968px;
}
#what-is-an-ecatalog:active
{
    background-position: 0 -875px;
}
#intro-offer
{
    text-align: center;
    margin: 30px 0px 0px 0px;
}
#tiers {
    margin-top: 30px;
}
#tiers .tier
{
    float: left;
    padding-right: 20px;
}
#tiers .free
{
    background-image: url(/images/signup/supplierpricingsprite.png);
    background-position: -1043px 0;
    width: 312px;
    height: 382px;
}
#tiers .standard
{
    background-image: url(/images/signup/supplierpricingsprite.png);
    background-position: -1043px -432px;
    width: 312px;
    height: 471px;
}
#tiers .corporate
{
    background-image: url(/images/signup/supplierpricingsprite.png);
    background-position: 0 -1340px;
    width: 313px;
    height: 509px;
}
#tiers .tier.last
{
    padding: 0px;
}
#tiers .tiertop
{
    background-image: url(/images/signup/supplierpricingsprite.png);
    background-position: 0 -1899px;
    width: 307px;
    height: 32px;
    position: relative;
    left: 3px;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}
#tiers .tiertop .name
{
    padding-top: 5px;
}
#tiers .tier .price
{
    height: 95px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}
#tiers .tier .price .year
{
    font-weight: bold;
    font-size: 12px;
}
#tiers .tier .price .gst {
    font-size: 12px;
    margin-top: 8px;
    font-weight: normal;
}
#tiers .tier .enquire {
    text-align: center;
}
#tiers .tier .enquire a
{
    background-image: url(/images/signup/supplierpricingsprite.png);
    background-repeat: no-repeat;
    background-position: 0 -1061px;
    width: 278px;
    height: 43px;
}
#tiers .tier .enquire a:hover
{
    background-position: 0 -1247px;
    width: 278px;
    height: 43px;
}
#tiers .tier .enquire a:active
{
    background-position: 0 -1154px;
    width: 278px;
    height: 43px;
}
#tiers .tier .included {
    margin-top: 10px;
}
#tiers .tier .included table {
    width: 275px;
    margin: 0 auto;
}
#tiers .tier .included tr
{
    border-top: 1px dashed #dedddc;
}
#tiers .tier .included tr:last-child
{
    border-bottom: 1px dashed #dedddc;
}
#tiers .tier .included tr td
{
    padding: 5px 5px;
}
#tiers .tierfooter
{
    clear: both;
    text-align: right;
    padding-top: 15px;
}