@charset "UTF-8";
/* 
Title: Inventables - reset.css
Description: This stylesheet contains styles to override browser defaults and provide a nice solid base from which to build
Author: Eric Meyer - http://meyerweb.com/eric/tools/css/reset/ 
Editor: wwhited@inventables.com
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* 
 
 o8o                                                    .              .o8       oooo                     
 `"'                                                  .o8             "888       `888                     
oooo  ooo. .oo.   oooo    ooo  .ooooo.  ooo. .oo.   .o888oo  .oooo.    888oooo.   888   .ooooo.   .oooo.o 
`888  `888P"Y88b   `88.  .8'  d88' `88b `888P"Y88b    888   `P  )88b   d88' `88b  888  d88' `88b d88(  "8 
 888   888   888    `88..8'   888ooo888  888   888    888    .oP"888   888   888  888  888ooo888 `"Y88b.  
 888   888   888     `888'    888    .o  888   888    888 . d8(  888   888   888  888  888    .o o.  )88b 
o888o o888o o888o     `8'     `Y8bod8P' o888o o888o   "888" `Y888""8o  `Y8bod8P' o888o `Y8bod8P' 8""888P' 
                                                                                                          
Title: Inventables - layout.css 
Description: This stylesheet contains sitewide layout/positioning styles.

Index:	1.) =GLOBAL LAYOUT  
		2.) =HEADER LAYOUT 
		3.) =SUB-HEADER LAYOUT 
		4.) =SIGNUP LAYOUT
		5.) =PROD-PAGE LAYOUT
		6.) =FOOTER LAYOUT
		7.) =CUSTOM LAYOUT 
				
Author: wwhited@inventables.com
Copyright: 2009 Inventables, inc. All rights reserved

colors: 
--------------------

#eff0f0 - gray 1 
#d8d9db - gray 3 
#bec0c2 - gray 5 
#a1a0a4 - gray 8 
#807f83 - gray 10 
#717074 - gray 11 

#1e4164 - extra dark blue
#174a7c - dark blue
#c3d0e3 - light blue
#dce2ed - extra light blue

#f48887 - light red - used for borders on editable elements

#fffcd7 - light yellow - used for focus states on form elements

---------------------------------------
=GLOBAL LAYOUT
---------------------------------------*/

html{ height:100%; }
	
	body{ height:100%; margin:0 auto; width:775px; }
		
		div#container{ min-height:100%; position:relative; }

			div#prod-page,
			div#form-page,
			div#tech-questions{ padding-bottom:75px; }

/*forms--------------------------------*/

label.email,
label.password{
	margin:0 4px 0 2px;
	padding: 3px 8px 3px 8px;
	vertical-align:middle;
}

	input.email, 
	input.password{ padding:5px; vertical-align:middle; width:130px; }
	
	input.email2{ margin: 0 0 0 11px; padding:5px 20px 5px 10px; width:131px;}

	input.save,
	input.cancel{ cursor:pointer; padding:1px 0 1px 16px; }

	input.button, a#logout{ cursor:pointer;
							cursor:hand; /* fix for IE6 */ 
							margin-left:14px;
							padding:5px 0;
							width:63px;
	}
			
/*---------------------------------------
=HEADER LAYOUT
---------------------------------------*/

div#header{min-height:75px;}

		div#logo{ float:left; 
				  height:75px; 
				  padding-top:8px; 
				  width:360px;
	}
	
		div#logo a{ display:block; 
			        height:0 !important; 
			        overflow:hidden; 
			        margin-left:20px; 
			        padding: 59px 0 0 0;
		}
		
	div#header form{ margin-right:17px; width:183px; }
		div#header fieldset{ min-height:90px; padding:3px 10px 3px 10px; }
			div#header fieldset p{ margin-top:3px; }
				div#header fieldset p.log-last{	margin-bottom:4px; }
		
	div#header div#header-log{ float:right; width:200px; }

		div#header-log div.logged-in{ float:left; 
									  min-height:90px; 
									  padding:6px 10px 0px 10px; 
									  position:relative; 
									  width:163px;
		}
    	
			div#header-log div.logged-in p{ padding-bottom:5px; }
 			
			div#header-log div.logged-in input.button,
 			div#header-log div.logged-in a#logout{ position:absolute; bottom:10px; right:10px; }

div#header-log form p.log-last { float:right; }
/*---------------------------------------
=SUB-HEADER LAYOUT
---------------------------------------*/

div#sub-header{
	margin: 0 0 0 15px;
	padding-bottom:18px;
	position:relative;
	width:575px;
}
body.edit div#sub-header{ padding:0; }

	div#sub-header ul{ clear:left; display:inline; float:left; }
		div#sub-header ul li{ float:left; margin:0 25px; padding-top:2px; }
			div#sub-header ul li a{ padding-left:20px; }

	div#sub-header p{ float:right; margin: 0 29px -2px 0; padding: 0 0 0 75px; }
		div#sub-header p a { cursor:pointer;
							 display:inline-block;
							 margin:0 0 0 10px;
							 position:relative;
							 text-align:center;
		}
			div#sub-header p a span{ display:inline-block; padding:8px 25px 9px 25px; }

	div#sub-header p.edit-on,
	div#sub-header p.edit-off{ margin-right:10px; padding:0; }
		div#sub-header p.edit-off a{margin-bottom:-18px;}
			div#sub-header p.edit-on  a span,
			div#sub-header p.edit-off a span{ padding:8px 15px 9px 15px; }
				div#sub-header p.edit-on a span img,
				div#sub-header p.edit-off a span img{ margin-left:5px; vertical-align:middle; }
	
	div#sub-header p#notice{ display:block;
                	         float:left;
                	         margin:0 0 10px 2px;
                             padding:10px 5px;
                             text-align:center;
                             width:558px;
    }

    #tech-edit-errors {
      display:block;
      float:left;
      margin:0 0 10px 2px;
      padding:10px 5px;
      width:558px;
    }
    
/*---------------------------------------
=SIGNUP LAYOUT
---------------------------------------*/

div#form-page{margin-left:15px;}
div#form-page.signup{margin-top:25px;}

	div#form-page h1 span{ display:inline-block;
						   padding:10px 0 15px 30px;
						   position:relative; 
							left:-7px;
							top:20px;
						   min-width:475px;
	}

/*form-page main-content----------------*/	

	div#form-page div#main-content{ padding:30px 25px 5px 25px; width:531px; }
		div#form-page.add-product div#main-content div{ padding:10px 0; position:relative; }
			div#form-page.add-product div#main-content div span{ display:block; padding-top:5px; }
			div#form-page.add-product div#main-content div img{ position:absolute; bottom:15px; left:302px; }
		
		div#form-page.signup div#main-content p{ padding:5px 0 10px 0; width:450px; }

		div#form-page div.video{ height:344px; padding:3px; width:425px; }
		
/* form-page table */

div#form-page table{ border-collapse: collapse; width:425px;}
    div#form-page th, 
    div#form-page td{ padding:8px; }
    div#form-page td.yes,
    div#form-page td.no{ width:25%; }


		div#form-page h2{ padding:25px 0 5px 0; }
		
		div#form-page dl{ margin:30px 0;}
			div#form-page div#main-content dl p{ padding:0; text-align:right; width:auto; }
			div#form-page div#main-content dl p.author{ padding:10px 0 0 0; width:auto; }
		
		div#form-page dl dt{ float:right; padding-left:10px; width:396px;	}

/*form-page page sidebar---------------------*/	
	
	div#form-page div#sidebar{ margin-left:482px;
							position:absolute;
							top:174px;
							width:279px;
	}
	
		div#form-page div#sidebar h3{ padding:15px 0 10px 15px; }
		
		div#form-page div#sidebar form{ padding:0 12px; }
			div#form-page.signup label{ display:block; margin:0 0 5px 10px; }
			div#form-page.add-product label{ display:block; padding-bottom:5px; }
				div#form-page input.input {  margin: 0 0 0 6px; padding:6px 27px 6px 8px; width:220px; }
				div#form-page.add-product input.input{ color:inherit; padding:5px; width:300px; }
				div#form-page.signup input.button{ margin:0; padding-right:20px; width:auto; }
				div#form-page.add-product input.button{ margin:20px 0; padding-right:20px; width:auto; }
				div#form-page select { margin: 0 0 0 6px; padding:8px 20px 8px 5px; width:245px; }
				div#form-page.signup div#sidebar form div{ padding:5px 0; }
				div#form-page.signup div#sidebar form .formfielderror{ margin: 0 0 8px 10px; padding:3px 18px; position:relative; }
					/* div#form-page.add-product form div.formfielderror{ display:inline;
														   			   padding-left:20px;
														   			   position:absolute;
														   			   left:310px;
					} */
			div#form-page div#sidebar form p.input-button{ float:left; padding:0 0 0 20px; margin:10px 5px 15px 5px; }	
			div#form-page div#sidebar form p.input-button#premium{ float:right; }
			div#form-page.add-product form p.input-button{ padding:0 0 0 17px; margin-bottom:10px; }

/*---------------------------------------
=PROD-PAGE LAYOUT
---------------------------------------*/

div#prod-page.edit img.edit-tag{ position:absolute; z-index:2; }


/*prod-page main-content------------------*/	

div#prod-page div#main-content{ margin: -2px 0 50px 15px; width:575px; }

	div#prod-page h1{ height:75px; position:relative; width:575px; }
		div#prod-page h1 span{ cursor:default;
							   margin-top:20px;
							   min-width:390px;
							   padding:10px 2px 15px 32px;
							   position:absolute;
							   	 left:-7px;
		}
		div#prod-page.edit h1 span{ cursor:pointer;
									left:0;
									margin:20px 0 0 25px;
									min-width:343px;
									padding:5px 2px 5px 5px;
		}
		div#prod-page.edit h1 img.edit-tag{	bottom:8px; left:25px; }

	div#prod-page div.prod-main-bottom{ height:290px; position:relative; width:575px; }
		
		div#prod-page p.prod-pic{ float:left; padding: 0 0 25px 25px; position:relative; }
		div#prod-page.edit p.prod-pic{ cursor:pointer; }
			div#prod-page p.prod-pic img.tech{ height:263px; width:350px; }
			div#prod-page.edit p.prod-pic img.edit-tag{ bottom:13px; }
			div#prod-page.edit p.prod-pic span{ display:inline-block;
												margin:0;
												padding:0;
			}
			
		div#prod-page p.prod-func{ cursor:default;
								   float:right;
								   margin:0 19px;
								   padding:10px 0;
								   position:relative;
								   width:160px;
		}
		div#prod-page.edit p.prod-func{ cursor:pointer; margin:0 18px 0 13px; padding:5px 1px 5px 4px; }
			div#prod-page.edit p.prod-func img.edit-tag{ bottom:-12px; left:-1px; }
		
		div#prod-page div#prod-summary ul{ position:absolute;
										   	 right:0;
											 bottom:30px;
										   margin:0 19px;
										   width:160px;
		}
			div#prod-page div#prod-summary ul li{ padding:8px 0px 6px 22px; }

	div#prod-page div#prod-details,
	div#prod-page div#prod-apps,
	div#prod-page div#prod-notes{ min-height:45px; }
	    div#prod-page div.prod-content{ padding:25px; }

/* prod-content edit forms */
	
div.prod-content form p{ clear:both; }
    
        
div.prod-content form p.add{ margin:10px 0 25px 0; padding:8px; }
    div.prod-content form p.add a {  padding: 0 0 0 18px; }
div.prod-content p.delete { margin: 0 0 5px 0; padding: 8px; }
    div.prod-content p.delete a { padding-left:20px; }
       
div.prod-content form p.edit-controls{ margin:20px 0 10px 0; padding:5px 0;}

div.prod-content div.technology_application,
div.prod-content div.faq,
div.prod-content div.trade_name{ margin:0 0 25px 0; padding:23px 10px 0; position:relative;}

div.prod-content div.faq,
div.prod-content div.trade_name{ margin:25px auto; padding-top:10px; width:75%;}
div.prod-content div.faq{ width:75%;}
    div.prod-content div.faq p{ margin:0 0 20px 0; }
    
    div.prod-content img.edit-tag { left:-1px; bottom:-13px;}

    div.technology_application p.tech-image { float:left;
                                              min-height:80px; 
                                              padding: 0 2%;  
                                              width:20%;
}
   
    

     div.prod-content div.technology_application ul { float:left; padding: 0 2.5%; width:70%;}
        div.prod-content ul li {margin:15px 0;}
      
        div.prod-content ul fieldset li{ margin:8px 0;}
        div.prod-content ul fieldset li:first-child{ padding-bottom:8px;}
            div.prod-content ul fieldset li select{ margin-left:5px;}
        
            div.prod-content label{ display:block; margin:5px 0;}
	        div.prod-content label.inline{ display:inline; margin:0 0 0 2px;}
	        div.prod-content textarea{ height:100px; 
	                                   margin:0; 
	                                   padding:5px; 
	                                   width:97%;
	        }
	        
	        div#prod-page div.prod-content div.trade_name input{ margin:0; padding:5px; width:97%;}

/* end */		    
	
div#prod-page h2{ cursor:pointer; padding:10px 0 0 25px; }
	div#prod-page h2 span{ display:inline; padding-left:25px; }

div#prod-page div.prod-content h3{ margin:10px 0 5px 0; padding-bottom:5px; }

div#prod-page div.prod-content h4{ padding:5px 0; }

div#prod-page tr.read td { padding:15px 15px 15px 10px; vertical-align: middle; }

div#prod-page div.prod-content p.read,
div#prod-page span.read p{ padding-bottom:10px; width:67.5%;}

div#prod-page div#prod-related{ min-height:45px; padding:5px 15px 5px 0; position:relative; }

div#prod-page div#prod-related h2{ padding:0; position:absolute; left:25px; top:32%; }
    div#prod-page div#prod-related h2 span{ padding-left:25px; }

div#prod-page div#prod-related ul{ display:inline; }
    div#prod-page div#prod-related ul li{ float:right; }
	    div#prod-page div#prod-related ul li a{ margin-left:6px;}
		    div#prod-page div#prod-related ul li a img{ height:38px; width:50px; }

/*prod-page overlay-----------------------*/	

body.edit ul.prod-edit-ul{ width:175px;	}
	body.edit ul.prod-edit-ul li{ padding-bottom:15px; }
	body.edit ul.prod-edit-ul li.check{ padding-left:15px; }
	body.edit ul.prod-edit-ul li.red-x{	padding-left:15px; }
		body.edit ul.prod-edit-ul li.img img{ padding:0 2px; vertical-align:top; }

/* prod-page overlay form */

div#prod-head-edit, div#prod-pic-edit, div#prod-func-edit, div#prod-offsite-edit{ display:none; }

form.prod-edit-form{ float:left; width:374px; }
form#offsite-edit-form{ padding:0 0 25px 0; }
	form.prod-edit-form fieldset{ width:370px; }
		form.prod-edit-form p{ float:left; position:relative; }
			form.prod-edit-form p span,
			ul.prod-edit-ul{ float:right }
		form.prod-edit-form p.prod-pic-p{ padding:5px; margin:5px 0 15px 0; width:355px; }
				form.prod-edit-form p img.edit-tag{ position:absolute; bottom:3px; left:0;}
				form.prod-edit-form p.prod-pic-p img.edit-tag{ bottom:-12px; left:-1px; }
				form.prod-edit-form p.offsite-edit-p img.edit-tag{ bottom:-8px; }
		form.prod-edit-form p.prod-edit-controls{ padding:15px 79px 20px 93px;
												  position:absolute;
												  	right:-35px;
													bottom:-53px;
												
		}
			form.prod-edit-form p.prod-edit-controls a{ margin-right:20px; }
			form.prod-edit-form p.prod-edit-controls input.save{ cursor:pointer;
																 height:14px;
																 padding:0 0 0 20px;
																 margin:0 20px 0 0;
																 width:auto;
			}
						
		form.prod-edit-form img.tech{ height:263px; margin-left:10px; width:350px; }
		
		form.prod-edit-form label.prod-pic-label{ vertical-align:middle; }
		form.prod-edit-form label.error { display: block; position:absolute; bottom:-15px; }
		form#offsite-edit-form label.error{ bottom:-25px;}
			form.prod-edit-form input,
			form.prod-edit-form textarea{ margin:5px 0;
										  padding:4px;
										  resize:none;
										  width:360px;
			}
			form.prod-edit-form textarea{height:35px;}
				form.prod-edit-form input.prod-pic-input{ width:auto; vertical-align:middle; }

/*prod-page sidebar----------------------*/	

div#prod-page div#sidebar{ margin-left:574px;
						   position:absolute;
							 top:190px;
						   width:183px;
}
	div#prod-page div#sidebar div{ min-height:15px;
							   	   padding:13px 13px 0 13px;
							   	   position:relative;
								   top:-30px;
	}
	div#prod-page div#sidebar div.formfielderror{ background: none; color:#e35b5b; font-size:1.1em; padding:0 0 0 13px; position:static; text-shadow:0 1px 0 #303030 }
	div#prod-page.edit div#sidebar div{ top:0px; }

	div#prod-page div#sidebar h3{ padding: 12px 0 12px 13px; width:170px; }
	div#prod-page div#sidebar h4{ padding: 12px 0 12px 13px; width:170px; }
	div#prod-page h3#logged-in{ cursor:pointer; margin-top:-30px; padding-bottom:15px; }
	div#prod-page.edit h3#logged-in{ margin-top:0px; padding:15px 0 15px 13px; }
		div#prod-page h3#logged-in span{ padding-left:22px; }

/* prod-page sidebar form */
	
div#prod-page div#sidebar form{ position:relative; z-index:1; }
	div#prod-page div#sidebar form textarea{ height:90px;
							   				 overflow:auto;
							   				 margin:0 0 0 11px;
							   				 padding:5px;
							   				 resize:none;
							   				 width:151px;
	}
	div#prod-page div#sidebar form p{ padding: 5px 0 5px 0;}
	    div#prod-page div#sidebar form span{ color:#CCC; display:inline-block; font-style: italic; padding: 5px 0 5px 13px;}
	        div#prod-page div#sidebar form span a{ color:#CCC; font-size: 1em; text-decoration:underline;}   
	div#prod-page div#sidebar form label{ display:inline-block; 
	                                        line-height:1.4;
	                                        padding: 0 13px 2px 13px; 
	                                        font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif; 
                                    	    font-size:1.1em; 
                                    	    color:#f2f2f2;
                                    	    text-shadow: #606060 0px 1px 0px;
                                            
	}
	div#prod-page div#sidebar form label.email{ margin-left:12px; }
		div#prod-page div#sidebar form input.email{ margin:8px 0 5px 0; padding:5px; }
	div#prod-page div#sidebar form p.log-last{ padding:5px 0 8px 0; margin:0 11px 4px 0; }
	div#prod-page div#sidebar form p.log-last input{ margin: 0 0 0 13px; }
	div#prod-page div#sidebar form select{ border: 1px solid #666; margin:3px 12px; padding: 0; width:160px; }
	div#prod-page div#sidebar form select.formfielderror{ background-color:#facbcd; }


/* prod-page sidebar dl */
		
div#prod-page div#sidebar dl{ overflow:hidden; padding:8px 5px; }
	div#prod-page div#sidebar dl dt a { cursor:pointer; }
	
	div#prod-page dl.company-info{ margin-top:25px; padding:8px 5px 5px 5px; }
	    div#prod-page dl.company-info dt{ margin-bottom:5px; }
	div#prod-page.edit dl.company-info{margin-top:0px;}
	div#prod-page dl.contact-info{ padding:8px 5px 5px 5px; }
		div#prod-page dl.contact-info dt{ padding:5px 0 5px 25px; }
			div#prod-page dl.contact-info dt a{ padding-right:15px; }
		div#prod-page dl.contact-info dd{ padding: 0 0 0 25px; }
		div#prod-page dl.contact-info dd.vendor-contact-form{ padding: 0; }
		div#prod-page dl.contact-info dd.delete-contact{ padding:10px 0 0 0; text-align:right; }

	div#prod-page div#sidebar dl#cap{ padding:2px 5px;
						  position:relative;
							top:-1px;
						  z-index:1;
	}

	div#prod-page dl#add-contact dt{ padding:5px 0 5px 25px; }
	div#prod-page dl#add-contact dd{ padding:5px 0; }

/* prod-page sidebar dl form */
			
div#prod-page div#sidebar dl dd form{ padding-top:8px; position:relative; }
	div#prod-page div#sidebar dl dd form fieldset{ margin-bottom:5px; padding:5px; }
		div#prod-page div#sidebar dl dd form legend{ padding:0 2px; }
		div#prod-page div#sidebar dl dd form img.edit-tag{ position:absolute;
															bottom:22px;
															left:0;
		}
		div#prod-page div#sidebar dl dd form label{ display:none; }
	
	div#prod-page div#sidebar dl dd form p{ padding:10px 4px 0 4px; }
		div#prod-page div#sidebar dl dd form p input.save{ float:left }
		div#prod-page div#sidebar dl dd form p input.cancel{ float:right; }

	div#prod-page div#sidebar dl dd select{margin:0 0 5px 0; width:147px; }

	div#prod-page div#sidebar dl dd input.add-contact-name,
	div#prod-page div#sidebar dl dd input.add-contact-email{ margin:5px 0; padding:3px 2px; width:129px; }
	
/*prod-page misc----------------------*/
	
div#prod-page dl#prod-actions{ padding:10px 0; margin:0; width:575px; }
    div#prod-page dl#prod-actions h2{ padding:0 0 5px 0; margin:0 25px; }
    div#prod-page dl#prod-actions dt{ margin:0 25px; padding:15px 0; }
    div#prod-page dl#prod-actions dd{ margin:0 25px 0 40px; padding:5px; }

/*tech-questions misc----------------------*/
.center{text-align:center }

div#tech-questions{  /*background: url(/images/background/18-baseline.png);*/ margin: 0 0 0 25px; width:500px;}
div#tech-questions.billing{margin:18px auto 0 auto;}

div#tech-questions a {font-size:1em; text-decoration:underline; color:#236ab0;}

div#tech-questions a:hover{ color:#3366FF;}
div#tech-questions h1{font-size:2.4em; font-weight:bold;}
div#tech-questions h3{color:#1E4164; font-weight:bold; margin:28px 0 0 0; font-size:1.8em;}
div#tech-questions fieldset legend {color:#565558; font-size:1.8em; margin:12px 0 0 0;}
div#tech-questions fieldset{padding:1em;}
div#tech-questions fieldset p{font-size:1em; margin: 14px 0 0 0;}
div#tech-questions fieldset label {display:inline-block;}
div#tech-questions p{ color:#4b4b4b; font-size:1.4em; line-height:18px; margin:12px 0; width:90%;}
div#tech-questions p span{padding:0 5px;}
div#tech-questions.billing p{ width:400px; margin:12px auto 0 auto;}
div#tech-questions.billing div#inquiry-card .highlight{ 
    background:#FCFF7A;
    border-top:1px solid #EEED32;     
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px; 
    -moz-border-radius-bottomright:15px;
    -moz-border-radius-bottomleft:15px; 
    -webkit-border-bottom-right-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    color:#4b4b4b;
    margin:12px 0 0 0;
    padding:15px 25px;
    width:450px; 
  
}
div#tech-questions.billing .highlight span{ 
    display:block;
    font-size:1.8em;
    text-align:center;
    padding:12px 0;
    line-height: 1em;
  
}
div#tech-questions.billing p strong{color:#333;}
div#tech-questions.billing a span{ background:#39741B; border:1px solid #58BA2B;   
    border-radius:12px; 
    -moz-border-radius:12px; 
    -webkit-border-radius:12px;
    font-size:1em;  
    vertical-align:center;
}
div#tech-questions.billing #bid-opt p{color:#717074; font-size:1.2em; text-align:center;}
div#tech-questions div#inquiry-card p{color:#717074;}
div#tech-questions div#inquiry-card > p:first-child{ 
    background:url(/images/background/quotes.png) no-repeat 0px 0px; 
    line-height:22px; 
    padding:18px 0 12px 10px;
}


div#tech-questions p.large{font-size:1.4em; line-height:20px; margin-top:18px; width:500px;}
div#tech-questions p.controls { padding:4px; font-size:1.2em;}
div#tech-questions label{ color:#717074;
                        display:block;
                        font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif; 
                        font-size:1.4em; 
                        margin:0; 
                        padding:0;
                        text-shadow:1px 1px 0px #fff; 
                   
}
div#tech-questions ul{ color:#4b4b4b; margin:12px 0 0 0; font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif; font-size:1.4em; line-height:18px;}
div#tech-questions.billing ul{margin:18px auto 18px auto; width:400px;}
div#tech-questions.billing ul li {margin:0 1em 1em 1em;}
div#tech-questions ul li{ list-style-image:url(/images/background/check.png); margin:0 0 1em 3em;}
div#tech-questions ul li em{ color:#7D7D7D;}
div#tech-questions ul li p{ width: auto; font-size:.857em;}
div#tech-questions ul li p a{ display:block;}

div#tech-questions ul#inquired-technologies li img{ border:7px solid #F4F4F4;    
                                                    border-radius:5px; 
                                                    -moz-border-radius:5px; 
                                                    -webkit-border-radius:5px;
                                                    /*box-shadow: 0px 0px 3px #bbb;
                                                    -moz-box-shadow: 0px 0px 3px #bbb;
                                                    -webkit-box-shadow: 0px 0px 3px #bbb;*/
                                                    float:left;
                                                    height: 75px;
                                                    margin:0 1em 0 0;
                                                    vertical-align:text-top;
                                                    width:100px;
}
div#tech-questions ul#inquired-technologies li img:hover{border-color:#E4E4E4;}
div#tech-questions ul.tech-questions-info li.accept{ list-style-image:url(/images/background/accept.png); margin:0 0 1em 3em;}
div#tech-questions ul.tech-questions-info li.reject{ list-style-image:url(/images/background/reject.png); margin:0 0 1em 3em;}
div#tech-questions ul.tech-questions-info li.pending{ list-style-image:url(/images/background/pending.png); margin:0 0 1em 3em;}
div#tech-questions form,
div#tech-questions ul#inquired-technologies li,
div#tech-questions div#inquiry-card{ background:#fff;
                                                box-shadow: 0px 0px 10px #b4b4b4;
                                                -moz-box-shadow: 0px 0px 10px #b4b4b4;
                                                -webkit-box-shadow: 0px 0px 10px #b4b4b4;
                                                border:1px solid #b4b4b4;
                                                border-radius:15px; 
                                                -moz-border-radius:15px; 
                                                -webkit-border-radius:15px; 
                                                margin:18px 0 0 0;
                                                padding: 1em 2em;
                                                list-style-image:none;
                                                overflow:hidden;
}
div#tech-questions ul#inquired-technologies li {padding: 1em;}
div#tech-questions input,
#new-lead-transaction input.lead-transaction-button, 
div#tech-questions a.button,
div#tech-questions a.button2 {background:#4e9d24; 
                            border:1px solid #4e9d24;
                            color:#fff;
                            border-radius:15px; 
                            -moz-border-radius:15px; 
                            -webkit-border-radius:15px;
                            letter-spacing:0;
                            font-size:1em;
                            padding:3px 5px;
                            text-shadow:0px 1px 0px #326B15;
}

div#tech-questions a.green {background:#4e9d24; border:1px solid #4e9d24;}
div#tech-questions a.grey {background:#9D9999; border:1px solid #9D9999;}

div#tech-questions a.grey:hover,
div#tech-questions a.grey:active {background:#A6A4A4;}

div#tech-questions input:hover,
#new-lead-transaction input.lead-transaction-button:hover,
div#tech-questions a.button:hover,
div#tech-questions a.green:hover{background-color:#56a82b; border-color:#56a82b; cursor:pointer;}

div#tech-questions input:active,
#new-lead-transaction input.lead-transaction-button:active,
div#tech-questions a.button:active,
div#tech-questions a.green:active{ background-color:#4e9229; border-color:#4e9229;}

div#tech-questions a.button{ background-color:#236ab0;
                             border-color:#236ab0;
                             display:inline-block; 
                             font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;  
                             font-size:1.4em; 
                             margin:24px 0 0 0; 
                             padding:5px 8px;
                             text-decoration:none;
}
div#tech-questions a.button2{display:inline-block; 
                             font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
                             font-size:1.1em; 
                             margin:0;  
                             padding:5px 8px;
                             text-decoration:none;
}
div#tech-questions a.button:hover{background-color:#2679CD; border-color:#2679CD;}
div#tech-questions a.button:active{background-color:#1B5C9F; border-color:#1B5C9F;}

div#tech-questions textarea{border: 1px solid #e6e6e6;    
                          border-radius:5px; 
                          -moz-border-radius:5px; 
                          -webkit-border-radius:5px; 
                          margin:6px 0 0 0; 
                          padding:4px;
                          width:448px;
}
div#tech-questions textarea:focus{background-color:#FEFFD0;}   
div#tech-questions div#inquiry-card{margin:24px 0 18px 0; padding:1.2em 0;} 

/** Payment Overlay **/

#new-lead-transaction div#form-wrapper{ background:#fff;
                           /*box-shadow: 0px 0px 10px #b4b4b4;
                           -moz-box-shadow: 0px 0px 10px #b4b4b4;
                           -webkit-box-shadow: 0px 0px 10px #b4b4b4;*/
                           border:1px solid #595959;
                           border-radius:15px; 
                           -moz-border-radius:15px; 
                           -webkit-border-radius:15px; 
                           padding: 2em 3em;
                           list-style-image:none;
                           overflow:hidden;
}

#new-lead-transaction p {color:#4b4b4b; font-size:1.4em; line-height:20px; margin: 12px 0 0 0; width:100%;}

}
#new-lead-transaction div:after,
#new-lead-transaction form:after,
#new-lead-transaction form p:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#new-lead-transaction h2{
	border-bottom:1px solid #eff0f0;
	color:#1e4164;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.6em;
	letter-spacing:.5px;
	padding-bottom:5px;
	line-height:normal;
	margin-bottom:0;
}
#new-lead-transaction h3{color:#1E4164; font-weight:bold; font-size:1.8em; border-bottom:1px solid #eff0f0; margin:24px 0 5px 0; padding-bottom:10px;}

#new-lead-transaction form{
	color:#4b4b4b;
	font-family:"Lucida Grande", sans-serif;
	margin:0 auto;
}
#new-lead-transaction fieldset{ 
    background:#F7F7F7;
    border: 1px solid #D7D7D7;
    border-radius:15px; 
    -moz-border-radius:15px; 
    -webkit-border-radius:15px;
    padding:1em;
    margin:20px 0;
    
}
#new-lead-transaction form.new_lead_transaction div{
	display:none;
}
#new-lead-transaction form p{
	font-size:1.2em;
}
#new-lead-transaction form p.last{
    color:#a1a0a4;
    font-style:italic;
    font-family:'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
}
#new-lead-transaction form p.secure{
    text-align:right;
    margin:0;
    padding:0;
}
#new-lead-transaction form p.secure a{
    background:url(/images/lead_transaction/lock.png) no-repeat top left;
    color:#236ab0;
    padding: 0 0 0 18px;
    font-size:.9em;
    text-decoration:underline;
}
#new-lead-transaction form p.secure a:hover{
color:#3366FF;
}
#new-lead-transaction form p img{
	vertical-align:middle; 
	padding:0 0 0 5px;
	float:none;
	margin:0;
}
#new-lead-transaction form p.error-msg{
    background:url(/images/lead_transaction/error.png) no-repeat left center;
    color:#be1111;
	padding:10px 0 10px 22px;
	font-size:1.4em;
}
#new-lead-transaction form p span{
	color:#807f83;
	display:block;
	font-size:.9em;
	font-style:italic;
	padding:2px 0 0 140px;
}
#new-lead-transaction form p span.error-span{
	color:#c00;
	/*display:none;*/
	font-size:0.85em;
	font-style:italic;
}
#new-lead-transaction form p span#date-slash{
	color:#807f83;
	display:inline;
	font-size:1.2em;
	padding:0;
}
#new-lead-transaction label{
	display:inline-block;
	font-size:1.1em;
	font-weight:normal;
	letter-spacing:normal;
	width:140px;
}

#new-lead-transaction input#exp-month,
#new-lead-transaction input#exp-year,
#new-lead-transaction input#card-security-code{text-align:center;}
#new-lead-transaction input.lead-transaction {
	background:#fff;
	border:1px solid #D7D7D7;
	font-size:1em;
	padding:4px;
	vertical-align:middle;
	text-align:center;
}
#new-lead-transaction input.error{
	border:1px solid #C00;
}
#new-lead-transaction input.lead-transaction:focus{
	background-color:#fffcd7;
	background-image:none;
}
#new-lead-transaction input.lead-transaction-button{
	margin: 0 10px 0 0;
}
/*---------------------------------------
=FOOTER LAYOUT
---------------------------------------*/

div#footer{	height:60px;
			margin-top:-61px;
			overflow:hidden;
			position:relative;
}
	
	div#footer form{ float:left; padding:15px; }
		div#footer form p label{ padding: 3px 16px 2px 0; vertical-align:middle; }
		div#footer form input.search{ margin-left:5px;
						  		  	  padding:4px;
						  		  	  width:200px;
						  		  	  vertical-align:middle;
}
		div#footer form input.search-btn{ cursor:pointer;
						  	  		  	  cursor:hand;
						  	  		  	  margin-left:-4px;
						  	  		  	  padding:3px 0;
						  	  		  	  vertical-align:middle;
						  	  		  	  width:28px;
}

	
	div#footer ul{ float:right; padding:22px 15px 15px 15px; }
		div#footer ul li{ display:inline; }
			div#footer ul li a{ float:left; margin: 0 10px; padding:0 3px; }

/*---------------------------------------
=CUSTOM CLASSES LAYOUT
---------------------------------------*/

div#form-page form:after,
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

*html .clearfix {height:1%;}
*:first-child+html .clearfix { min-height:1px; }





/* 
Title: Inventables - themes.css 
Description: This stylesheet contains sitewide styles for decorative elements (background images and borders).

Index:	1.) =GLOBAL THEMES 
		2.) =HEADER THEMES 
		3.) =SUB-HEADER THEMES 
		4.) =SIGNUP THEMES
		5.) =PROD-PAGE THEMES
		6.) =FOOTER THEMES
		7.) =CUSTOM THEMES
				
Author: wwhited@inventables.com
Copyright: 2009 Inventables, inc. All rights reserved

---------------------------------------
=GLOBAL THEMES
---------------------------------------*/

body{ background:#efefef url(/images/background/container/pattern_bg.png) repeat-y 50%; }
body.edit{ background-color:#f5dada}

/*forms--------------------------------*/

label.email{ background:url(/images/background/header/form/email_icon.png) no-repeat center center; }
label.password{ background:url(/images/background/header/form/password_icon.png) no-repeat center center; }

	input.email,input.password{ background:url(/images/background/header/form/input_bg.png) no-repeat center right; border:none; }
	input.email2{background:url(/images/background/sidebar/icons/email-input-bg.png) no-repeat 0px 0px; border:none;}
	    input.email2:focus{background:url(/images/background/sidebar/icons/email-input-bg.png) no-repeat 0px -24px; border:none;}
	    input.email2.formfielderror{background:url(/images/background/sidebar/icons/email-input-bg.png) no-repeat 0px -48px; border:none;}
		input.email:focus,input.password:focus{ background:url(/images/background/header/form/input_focus_bg.png) no-repeat center right; }

	input.save{ background:#fff url(/images/background/main-content/edit-overlay/icons/save.png) no-repeat left center; border:none; }
	input.cancel{ background:#fff url(/images/background/main-content/edit-overlay/icons/cancel.png) no-repeat left center; border:none; }

	input.button, a#logout{ background:url(/images/background/header/form/button_bg.png) no-repeat center center; border:none; }

/*---------------------------------------
=HEADER THEMES
---------------------------------------*/

div#header{ background: transparent url(/images/background/header/header/header_bg.png) repeat-x top; }

	div#logo a{ background:url(/images/background/header/logo/logo.png) no-repeat 0 0px; }
		div#logo a:hover{ background:url(/images/background/header/logo/logo.png) no-repeat 0 -59px; }
	
	div#header form{ background:url(/images/background/header/form/form_bg.png) no-repeat right bottom; }
		
	div#header-log div.logged-in{ background:url(/images/background/header/form/form_bg.png) no-repeat left bottom; }

/*---------------------------------------
=SUB-HEADER THEMES
---------------------------------------*/

div#sub-header ul li.dashboard a{ background:url(/images/background/sub-header/navigation/dashboard.png) no-repeat 0 -18px; }
	div#sub-header ul li.dashboard a:hover{ background:url(/images/background/sub-header/navigation/dashboard.png) no-repeat 0 0px; }

	div#sub-header p a { background:url(/images/background/sub-header/call-to-action/call_to_action_bg_right.png) no-repeat right top; }
		div#sub-header p a span{ background:url(/images/background/sub-header/call-to-action/call_to_action_bg_left.png) no-repeat left top; }

div#sub-header p.edit-on,
div#sub-header p.edit-off{ background:none; }
	div#sub-header p.edit-on a,
	div#sub-header p.edit-off a{ background:url(/images/background/sub-header/edit-mode/edit_mode_right_bg.png) no-repeat right top; }
		div#sub-header p.edit-on  a span,
		div#sub-header p.edit-off a span{ background:url(/images/background/sub-header/edit-mode/edit_mode_left_bg.png) no-repeat left top; }

div#sub-header p#notice, #tech-edit-errors { background:#fffeeb; border:1px solid #bec0c2; }
		
/*---------------------------------------
=SIGNUP THEMES
---------------------------------------*/

div#form-page h1{ background:url(/images/background/main-content/vendor-signup/main-content-top-bg.png) no-repeat top left; }
	div#form-page h1 span{ background:url(/images/background/main-content/vendor-signup/main-content-banner.png) no-repeat top left; }

/*form-page main-content----------------*/	

div#form-page div#main-content{ background:url(/images/background/main-content/vendor-signup/main-content-bottom-bg.png) no-repeat bottom left; }

	div#form-page div.video{ background:#eff0f0; border:1px solid #bec0c2; }
	
/* form-page table */

div#form-page th{ border-bottom: 1px solid #d8d9db; }
div#form-page td{ border: 1px solid #d8d9db; }
div#form-page td.yes{ background:url(/images/background/main-content/vendor-signup/icons/check.png) no-repeat center center; }
div#form-page td.no { background:url(/images/background/main-content/vendor-signup/icons/X.png) no-repeat center center; }


	div#form-page h2{ border-bottom:1px solid #eff0f0; }
	
	div#form-page form div.formfielderror{ background:url(/images/background/main-content/vendor-signup/icons/error.png) no-repeat left center; }
	/* div#form-page.add-product form div.formfielderror{ background:url(/images/background/main-content/vendor-signup/icons/error.png) no-repeat left center; } */
	div#form-page.add-product form div.formfielderror{ background: none; }

/*form-page page sidebar---------------------*/	

div#form-page div#sidebar h3{ background:url(/images/background/main-content/vendor-signup/sidebar/sidebar-top-bg.png) no-repeat left top; }

div#form-page div#sidebar form{ background:url(/images/background/main-content/vendor-signup/sidebar/sidebar-bottom-bg.png) no-repeat left bottom; }
	div#form-page input.input,
	div#form-page select{ background: url(/images/background/main-content/vendor-signup/sidebar/input-bg.png) no-repeat left center; border:none; }
	div#form-page.add-product input.input{ background:none; border:1px dashed #174a7c; }
		div#form-page.add-product input.input:focus{ background:#fffeeb; }
	div#form-page.signup input.button{ background:url(/images/background/main-content/vendor-signup/sidebar/input-button-r-bg-2.png) no-repeat right center; }
	div#form-page.signup input.button#premium-input{ background:url(/images/background/main-content/vendor-signup/sidebar/input-button-r-bg.png) no-repeat right center; }
	div#form-page.add-product input.button{ background:url(/images/background/main-content/vendor-signup/sidebar/input-button-r-bg.png) no-repeat right center; }
	div#form-page div#sidebar form div.formfielderror{ background:url(/images/background/main-content/vendor-signup/icons/error.png) no-repeat left center; }
	div#form-page div#sidebar form p.input-button{ background:url(/images/background/main-content/vendor-signup/sidebar/input-button-l-bg-2.png) no-repeat left center; }
	div#form-page.add-product form p.input-button,
	div#form-page div#sidebar form p.input-button#premium{ background:url(/images/background/main-content/vendor-signup/sidebar/input-button-l-bg.png) no-repeat left center; }
	
/*---------------------------------------
=PROD-PAGE THEMES
---------------------------------------*/

div#prod-page.edit h1 span,
div#prod-page.edit p.prod-pic span,
div#prod-page.edit p.prod-func{ border:1px dashed #f48887; }

/*prod-page main-content----------------*/	

div#prod-page div#main-content{ background:url(/images/background/main-content/main/main_content_bg.png) no-repeat center bottom; }

	div#prod-page h1{ background:url(/images/background/main-content/summary/summary_top_bg.png) no-repeat center top; }
		div#prod-page h1 span{ background:url(/images/background/main-content/banner/h1_banner_bg.png) no-repeat top left; }
		div#prod-page.edit h1 span{ background:none; }
	
	div#prod-page p.prod-pic img.tech{ border:1px solid #ededed; }
	div#prod-page.edit p.prod-pic img.tech,
	div#prod-page.edit p.prod-pic img.edit-tag{ border:none; }
	div#prod-page.edit p.prod-pic span{ background-color:#fffcd7; border:1px dashed #f48887 }
		
	div#prod-page div#prod-summary ul li.tool-1{ background:url(/images/background/main-content/main/icons/twitter.png) no-repeat left center; }
	div#prod-page div#prod-summary ul li.tool-2{ background:url(/images/background/main-content/main/icons/open_email.png) no-repeat left center; }
	div#prod-page div#prod-summary ul li.tool-3{ background:url(/images/background/main-content/main/icons/briefcase.png) no-repeat left center; }
	div#prod-page div#prod-summary ul li.tool-4{ background:url(/images/background/main-content/main/icons/filefind.png) no-repeat left center; }

	div#prod-page div.prod-main-bottom{ background:url(/images/background/main-content/main/main_bottom_bg.png) no-repeat center bottom; }
	
	div#prod-page div#prod-apps,
	div#prod-page div#prod-details{ background:url(/images/background/main-content/main/main_bottom_bg.png) no-repeat center bottom; }
			div#prod-page div#prod-details.prod-last-tab,
			div#prod-page div#prod-notes.prod-last-tab{ background:url(/images/background/main-content/main/main_bottom_bg_2.png) no-repeat center bottom; }
	
		div#prod-page div#main-content h2{ background:url(/images/background/main-content/main/main_top_bg.png) no-repeat center top; }
			div#prod-page h2 span{ background:url(/images/background/main-content/main/icons/minus.png) no-repeat left center; }
			div#prod-page h2.active span{ background:url(/images/background/main-content/main/icons/plus.png) no-repeat left center; }
		
		div#prod-page div.prod-content h3{ background:none; border-bottom:1px solid #eff0f0; }
		    div#prod-page div.prod-content form p.add a { background:url(/images/background/main-content/main/icons/green_plus.jpg) no-repeat left center;}

/* prod-content applications/details edit form */

div#prod-page div.prod-content form p.add{ background:#adf7ad; border:1px solid #55bb55; }
    div#prod-page div.prod-content p.delete a { background:url(/images/background/main-content/main/icons/red-minus.jpg) no-repeat left center; }
div.technology_application p.tech-image { background:url(/images/background/main-content/main/icons/add-an-img.jpg) no-repeat center center; border:1px solid #eff0f0; }

div#prod-page div.prod-content div.technology_application,
div#prod-page div.prod-content div.faq,
div#prod-page div.prod-content div.trade_name{ border:1px dashed #F48887; }

div#prod-page div.prod-content ul fieldset li:first-child{ border-bottom:1px solid #d8d9db; }

 div#prod-page div.prod-content textarea{ border:1px solid #a1a0a4; }
 div#prod-page div.prod-content div.trade_name input{ border:1px solid #a1a0a4; }

/* end */

	div#prod-page div#prod-related h2{ background:none; }			
		div#prod-page div#prod-related h2 span{ background:url(/images/background/main-content/main/icons/related.png) no-repeat left center; }
	
	div#prod-page div#prod-related ul li a img{ border:2px solid #1e4164; }
		div#prod-page div#prod-related ul li a:hover img{ border:2px solid #c3d0e3; }

/*prod-page overlay---------------------*/	

body.edit ul.prod-edit-ul li.check{ background:url(/images/background/main-content/edit-overlay/icons/check.png) no-repeat left top; }
body.edit ul.prod-edit-ul li.red-x{ background:url(/images/background/main-content/edit-overlay/icons/red_x.png) no-repeat left top; }
	body.edit ul.prod-edit-ul li.img img{ border:1px solid #ededed; }

/* prod-page overlay form */

form.prod-edit-form p.prod-pic-p{ background-color:#fffeeb; border:1px dashed #f48887; }
form.prod-edit-form p.prod-edit-controls{ background:url(/images/background/main-content/edit-overlay/edit_ctrl_banner_bg.png) no-repeat center right; }
	form.prod-edit-form p.prod-edit-controls input.save{ background:url(/images/background/main-content/edit-overlay/icons/save.png) no-repeat left center; border:none; }

form.prod-edit-form img.tech{ border:1px solid #ededed; }

form.prod-edit-form input,
form.prod-edit-form textarea{ border:1px dashed #f48887; }
	form.prod-edit-form input.prod-pic-input{ border:1px solid #d8d9db; }
		form.prod-edit-form input:focus,
		form.prod-edit-form textarea:focus{ background-color:#fffeeb; }

/*prod-page sidebar---------------------*/	

div#prod-page h3{ background:url(/images/background/sidebar/ask_question_bg.png) no-repeat center top; }
div#prod-page h3#logged-in{ background:url(/images/background/sidebar/vendor_info_on_bg.png) no-repeat left bottom; }
	div#prod-page h3#logged-in span{ background:url(/images/background/sidebar/icons/vendor_info_header_on_bg.png) no-repeat left center; }
	
div#prod-page div#sidebar form{ background:url(/images/background/sidebar/ask_question_bg.png) no-repeat center bottom; }
	div#prod-page div#sidebar form textarea{ background:url(/images/background/sidebar/textarea_bg.png) no-repeat 0px 0px; border:none; }
		div#prod-page div#sidebar form textarea:focus{ background:url(/images/background/sidebar/textarea_bg.png) no-repeat 0px -101px; }
		div#prod-page div#sidebar form textarea.formfielderror{ background:url(/images/background/sidebar/textarea_bg.png) no-repeat 0px -202px; }

div#prod-page div#sidebar div{ background:url(/images/background/sidebar/vendor_info_on_bg.png) no-repeat center top; }

/* prod-page sidebar dl */
	
div#prod-page div#sidebar dl{ background:url(/images/background/sidebar/dl/dl_default_bg.png) no-repeat center bottom; }
	
	div#prod-page div#sidebar dl.company-info,
	div#prod-page.edit div#sidebar dl.company-info{ background:url(/images/background/sidebar/dl/dl_company_info_bg.png) no-repeat center top; border-bottom:1px solid #bec0c2; }
	div#prod-page div#sidebar dl.contact-info{ background:url(/images/background/sidebar/dl/dl_user_info_bg.png) repeat-y center center; border-bottom:1px solid #d8d9db; }
	div#prod-page.edit div#sidebar dl.contact-info{ background:url(/images/background/sidebar/dl/dl_user_info_bg.png) repeat-y center center; }
		div#prod-page div#sidebar dl.contact-info dt{ background:url(/images/background/sidebar/dl/icons/blue_person.png) no-repeat left center; }
		div#prod-page.edit div#sidebar dl.contact-info dt{ background:url(/images/background/sidebar/dl/icons/edit_blue_person.png) no-repeat left center; }
			div#prod-page div#sidebar dl.contact-info dt a:hover{ background:url(/images/background/sidebar/dl/icons/email.png) no-repeat right center; }
			div#prod-page.edit div#sidebar dl.contact-info dt a:hover{ background:none; }
			
	div#prod-page dl#cap{ background:url(/images/background/sidebar/dl/dl_default_bg.png) no-repeat center bottom; }
	
	div#prod-page dl#add-contact dt{ background:url(/images/background/sidebar/dl/icons/add_blue_person.png) no-repeat left center; }

/* prod-page sidebar dl form */
	
div#prod-page div#sidebar dl dd form{ background:none; }
	div#prod-page div#sidebar dl dd form fieldset{ border:1px dashed #f48887; }
		div#prod-page div#sidebar dl dd form fieldset legend{ background:#fff; }
	
	div#prod-page div#sidebar dl dd input.add-contact-name,
	div#prod-page div#sidebar dl dd input.add-contact-email{ border:1px solid #d8d9db; }
	div#prod-page div#sidebar dl dd input.add-contact-name:focus,
	div#prod-page div#sidebar dl dd input.add-contact-email:focus{ background:#fffeeb; border:1px solid #a1a0a4; }

/*prod-page misc----------------------*/

div#prod-page dl#prod-actions{ background:transparent url(/images/background/main-content/main/main_bottom_bg_2.png) no-repeat scroll center bottom; }
    
    div#prod-page dl#prod-actions h2{ background-image:none; border-bottom:1px solid #EFF0F0; }
    
    div#prod-page dl#prod-actions dd{ background:#fffcd7; border:1px solid #bec0c2; }
    	
/*---------------------------------------
=FOOTER THEMES
---------------------------------------*/

div#footer{ background:#eff0f0; border-top:1px solid #d8d9db; }
	div#footer form p label{ background:url(/images/background/footer/form/search_label_bg.png) no-repeat center center; }
	div#footer form input.search{ border:1px solid #d8d9db; }
	div#footer form input.search-btn{ background:url(/images/background/footer/form/search_btn_bg.png) no-repeat center right; border:none; }

body.edit div#footer{ background-color: #f5dada; }
	


/* 

Title: Inventables - script.css 
Description: This stylesheet contains custom/general styles for sitewide javascript plugins (see index)

Index:	
				(~) jQuery fancyZoom styles
				(!) 
				(@) 
				(#) 
				($)
				(%)
				(^)
				
Author: wwhited@inventables.com
Copyright: 2009 Inventables, inc. All rights reserved

*/

/*---- (~) jQuery fancyZoom styles ----*/

div#zoom-overlay{
	background:url(/images/background/main-content/edit-overlay/overlay.png) repeat;
	display:none; 
 	position:fixed;
	top: 0;
	left: 0; 
	width:  100%; 
	height: 100%;
	z-index: 100; 
}
div#zoom-container{
	position:absolute; 
	left: 0; 
	top: 0;
	width: 100%;
	z-index:149;
}
div#zoom{
	display:none; 
	margin: 0 auto;
	position: relative; 
	z-index: 150;
}
div#zoom-content{
	margin:25px;
	position: relative;
}
div#zoom-content div{
	padding:15px;
}
div#zoom-content div div{
	padding:15px 30px;
}
div#zoom a#zoom-cancel{
    background:url(/images/lightbox/close.png) no-repeat center top;
    display:block;
    height:26px;
    position:absolute; 
	top:10px;
	left:30px;
	padding:2px 0;
	text-indent:-9999px;
	width:26px;
}
div#zoom a#zoom-cancel img{
	border:none; 
	margin:0; 
	padding:0;
}

body.edit div#zoom{
	background:#f5dada url(/images/background/container/pattern_bg.png) repeat-y right top;
	border:2px solid #303030;
	padding-bottom:30px;
}
body.edit div#zoom-content{
	background:url(/images/background/main-content/edit-overlay/overlay_bg.png) no-repeat center top;
}
body.edit div#zoom-content div{
	background:url(/images/background/main-content/edit-overlay/overlay_bottom_bg.png) no-repeat center bottom;
}
body.edit div#zoom a#zoom-cancel{
	background:url(/images/background/main-content/edit-overlay/icons/cancel.png) no-repeat left center;
	position:absolute; 
	bottom:20px; 
	right:11px;
	padding-left:18px;
}

/* 
Title: Inventables - font.css 
Description: This stylesheet contains sitewide font styles for general and specific elements (see index).

Index:	
		1.) =GLOBAL FONT STYLES

		2.) =HEADER FONT STYLES

		3.) =SUB-HEADER FONT STYLES

		4.) =MAIN-CONTENT FONT STYLES
		
			a.) =prod-summary font styles
			b.) =prod-apps font styles
			c.) =prod-details font styles
			d.) =prod-related font styles
			e.) =prod-edit overlays font styles
			
		5.) =SIDEBAR FONT STYLES
		
		6.) =FOOTER FONT STYLES
				
Author: wwhited@inventables.com
Copyright: 2009 Inventables, inc. All rights reserved

colors: 
		#eff0f0 - Pantone Cool Gray 1 PC
		#d8d9db - Pantone Cool Gray 3 PC
		#bec0c2 - Pantone Cool Gray 5 PC
		#a1a0a4 - Pantone Cool Gray 8 PC
		#807f83 - Pantone Cool Gray 10 PC
		#717074 - Pantone Cool Gray 11 PC
		#303030 - 80% Gray
		#1e4164 - Pantone 533 PC - extra dark blue
		#174a7c - Pantone 534 PC - dark blue
		#c3d0e3 - Pantone 537 PC - light blue
		#dce2ed - Pantone 538 PC - extra light blue
		#f48887 - Pantone 1777 PC - light red
*/

/* =GLOBAL FONT STYLES
---------------------------------------------*/

body{
	font-family:'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
	font-size: 62.5%; /*gives ems an effective base font-size of 10px*/
}
a{
	color:#a1a0a4;
	font-size:1.2em;
	letter-spacing:.25px;
	text-decoration:none;
}
a:hover{
	color:#717074;
}
h1{ color:#1e4164;
	font-size:2.2em;
}
h2{
	color:#1e4164;
	font-size:1.8em;
	letter-spacing:.5px;
}
h3{
	font-size:1.2em;
	font-weight:normal;
}
p, blockquote{
	font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
	color:#717074;
}
input{
	font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
	font-size:1.1em;
	letter-spacing:.25px;
}
input.save{color:#174a7c;}
input.cancel{color:#b42d30;}
input.save:hover,
input.cancel:hover{text-decoration:underline;}
input.button{
	color:#efefef;
	font-size:1.3em;
	letter-spacing:.5px;
}


/* =HEADER FONT STYLES
---------------------------------------------*/

div#header form p.log-last a{
	color:#c3d0e3;
	font-size:1.1em;
}
div#header form p.log-last a:hover{
	text-decoration:underline;
}
div#header div#header-log div.logged-in p{
	color:#dce2ed;
	letter-spacing:.75px;
	font-size:1.6em;
	text-align:right;
}
div#header div#header-log div.logged-in p.log-greeting{
	font-size: 1.2em;
	font-style:italic;
	letter-spacing:.25px;
}
a#logout{
	color:#efefef;
	font-size:1.3em;
	letter-spacing:.5px;
	text-align:center;
}
a#logout:hover{
	font-style:normal;
}

/* =SUB-HEADER FONT STYLES
---------------------------------------------*/

div#sub-header p{
	color:#807f83;
	font-size:1.6em;
	font-style:italic;
	letter-spacing:.25px;
}
div#sub-header p#notice, #tech-edit-errors{
	color:#a1a0a4;
	font-size:1.4em;
	font-style:normal;
}
div#sub-header p a{
	font-style:normal;
	letter-spacing:.75px;
	color:#fff;
}
div#sub-header p.edit-on,
div#sub-header p.edit-off{
	font-size:1.2em;
	letter-spacing:.5px;
	text-transform:lowercase;
}
div#sub-header ul li a{
	font-size:1.5em;
	text-transform:lowercase;
}
div#sub-header ul li a:hover{color:#1e4164;}

/* =MAIN-CONTENT FONT STYLES 
---------------------------------------------*/
div#form-page table{ text-align:left; }
    div#form-page th { color:#1e4164; font-size: 1.8em; }
    div#form-page th#basic,
    div#form-page th#premium{ text-align:center; }
        div#form-page td{ color:#303030; 
                          font-size: 1.4em; 
                          letter-spacing:.25px; 
                          line-height:18px;
        }
            div#form-page td.basic,
            div#form-page td.premium{ text-align:center; }
               
        
/****** =signup.vendor (MAIN-CONTENT FONT STYLES) */

div#form-page.signup div#sidebar form .formfielderror{ color:#d74f4f;
	                                                   font-size:1.2em;
	                                                   letter-spacing:.25px;
	                                                   line-height:14px;
}
    div#form-page.signup div#sidebar form .formfielderror a { color:#f48887; font-size:1em; font-weight:bold; }
    div#form-page.signup div#sidebar form .formfielderror a:hover {text-decoration:underline;}
    
    div#form-page.signup div#sidebar form div.formfielderror em{ font-weight:bold; }

div#form-page.add-product div#main-content div.formfielderror{
	color:#b41111;
	font-size:1.2em;
  padding: 0px 0px 10px 5px;
}

div#form-page.add-product div#main-content div span{
	color:#a1a0a4;
	font-size:1.2em;
}

div#form-page.add-product div#main-content div span em sup{
	color:#a1a0a4;
	font-size:.625em;
	vertical-align:top;
}

/*** =signup.vendor (MAIN-CONTENT FONT STYLES) HEADLINES */

div#form-page div#sidebar h3{
	font-size:2em;
	font-weight:normal;
	text-indent:0;
}

/*** =signup.vendor (MAIN-CONTENT FONT STYLES) PARAGRAPHS */

div#form-page.signup div#main-content p{
	color:#807f83;
	font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
	font-size:1.4em;
	line-height:22px;
}

div#form-page div#main-content dl dt p{
	font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
	font-size:1.2em;
	line-height:18px;
}
div#form-page div#main-content dl dt p.author{
	color:#303030;
	font-size:1.2em;
}

/*** =signup.vendor (MAIN-CONTENT FONT STYLES) MISC */
div#form-page.signup label{ color:#DCE2ED; font-size:1.2em; letter-spacing:.25px;}
div#form-page input.input,
div#form-page select{
	color:#303030;
	font-size:1.4em;
}
div#form-page.add-product input.input{
	font-size:1.4em;
	font-style:normal;
}
div#form-page input.button{
	color:#fff;
	font-size:1.8em;
}
div#form-page dl blockquote{
	font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
	font-size:1.2em;
	line-height:18px;
}
div#form-page.add-product label{
	color:#174a7c;
	font-size:1.4em;
}

/*** =prod-summary font styles ***/

div#prod-summary p.prod-func{
	font-size:1.4em;
	font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
	line-height:20px;
}
div#prod-summary ul li,
div#prod-summary ul li a{
	color:#a1a0a4;
	font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
	font-size:1.05em;	
}
div#prod-summary ul li a:hover{
	color:#717074;
	text-decoration:underline; 
	font-style:normal;
}



/*** =prod-apps font styles ***/

div#prod-apps tr.read td{
	color:#717074;
	font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
	font-size:1.2em;
	letter-spacing:0.25px;
	line-height:18px;
}
div#prod-apps tr.read td span{
	color:#000;
	font-weight:bold;
}

/*** =prod-details font styles ***/

div#prod-details div.prod-content h3{
	color:#1e4164;
	font-size:1.4em;
	font-weight:bold;
}
div#prod-details div.prod-content span.read h4{
	color:#131313;
	font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
	font-size:1.2em;
	font-style:italic;
	font-weight:normal;
}
div#prod-details div.prod-content span.read p,
div#prod-details div.prod-content p.read,
div.prod-content ul.read li{
	font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
	font-size:1.2em;
	line-height:20px;
	color:#717074;
}

/*** =prod-related font styles ***/

div#prod-related h2{color:#c3d0e3;}

/*** =prod-edit overlays font styles ***/

form.prod-edit-form label,
form.prod-edit-form legend{
	color:#f15d5e;
	font-size:1.5em;
	letter-spacing:.25px;
}
form.prod-edit-form label.prod-pic-label{font-size:1em;}
form.prod-edit-form input,
form.prod-edit-form textarea{
	color:#717074;
	font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
}
form.prod-edit-form input{font-size:2.065em;}
form.prod-edit-form input.prod-pic-input{font-size:1.2em;}
form.prod-edit-form textarea{font-size:1.4em;}
form.prod-edit-form span{
	color:#a1a0a4;
	font-size:1.2em;
	letter-spacing:.5px;
}
form.prod-edit-form p.prod-edit-controls input.save{
	color:#174a7c;
	font-size:1.2em;
	letter-spacing:.25px;
}
div#zoom a#zoom-cancel{color:#b42d30;}
div#zoom a#zoom-cancel:hover{
	text-decoration:underline;
}
ul.prod-edit-ul li{
	color:#807f83;
	font-size:1.1em;
	font-style:italic;
	letter-spacing:.25px;
}
ul.prod-edit-ul li em{ text-decoration:underline; }

ul.prod-edit-ul li.check,
ul.prod-edit-ul li.red-x{ font-style:normal; }

/*prod-page misc----------------------*/

div#prod-page dl#prod-actions{ color:#717074; }
    div#prod-page dl#prod-actions dt{ font-size:1.38em; font-weight:normal; }
        div#prod-page dl#prod-actions dt a{ font-size:1em; text-decoration:underline; }
    div#prod-page dl#prod-actions dd{ font-size:1.18em; font-style:italic; line-height:1.5em; }

/* prod-content edit forms*/

div.prod-content form p a {size:1.2em; color:#f48887;}
     div.prod-content form p a:hover {size:1.2em; color:#f48887; text-decoration:underline;}
div.prod-content form p.add a { color:#147a14;
                                font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif; 
                                font-size:1.5em;
                                font-weight:bold;
                                text-decoration:underline; 
                                               
 }
 
 div.prod-content form p.add a:hover{ color:#52b852;}
 div.prod-content p.delete { text-align:right;}
     div.prod-content p.delete a { font-weight:bold; color: #be1111; text-decoration:underline; }
          div.prod-content p.delete a:hover { color: #e35b5b;}
div.technology_application p.tech-image{ text-align:center; }

div.prod-content label{ font-size:1.25em; color:#717074;}
                                                    
/* end */	

/* =SIDEBAR FONT STYLES 
---------------------------------------------*/
div#sidebar h3{
	color:#dce2ed;
	font-weight:bold;
	text-indent:-9999px;
}
div#sidebar h3#logged-in{
	font-size:1.2em;
	letter-spacing:.5px;
	text-indent:0;
}
div#sidebar dl dt,
div#sidebar dl dt a{
	color:#174a7c;
	font-weight:bold;
	letter-spacing:.25px;
	line-height:14px;
}
div#sidebar dl dt a:hover{
    color:#717074;
}
div#sidebar dl dt{font-size:1.1em;}
div#sidebar dl dt a{font-size:1em; text-decoration:underline;}
div#sidebar dl dd{
	color:#807f83;
	font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
	font-size:1.1em;
	line-height:14px;
}
div#sidebar dl dd.delete-contact a{
	color:#f48887;
	font-size:1em;
}
div#sidebar dl dd.delete-contact a:hover{
	text-decoration:underline;
}
div#sidebar dl dd form legend{
	color:#f15d5e;
}
div#sidebar dl dd input.add-contact-name,
div#sidebar dl dd input.add-contact-email{
	color:#717074;
	font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
	font-size:1em;
}
div#sidebar dl dd a{
	font-size:1em;
}
div#sidebar form textarea{
	color:#333;
	font-family:'lucida grande','lucida sans unicode',arial,helvetica,sans-serif;
	font-size:1.2em;
	letter-spacing:.25px;
}

/* =FOOTER FONT STYLES
---------------------------------------------*/

div#footer form input.search-btn{
	color:#fff;
	font-size:1.4em;
}
div#footer ul li a:hover{
	color:#717074;
	text-decoration:underline;
}
div#footer ul li a:visited{
	color:#717074;
}