/*
=
=    Indium Corporation
=    indium.com Contact Form stylesheet
=   
=    created by Quadsimia Internet Solutions
=    www.quadsimia.com
=   
*/

/* Reset */

#contact{
	margin:0 auto;
	padding:0;
	width:560px;
	height:615px;
	_height:630px;
	background:#FFF;
	overflow:hidden;}


#contact div, #contact span, #contact h2, #contact p, #contact fieldset, #contact form, #contact label, #contact legend { 
	margin:0 auto; padding: 0;
	border: 0;	outline: 0;
	vertical-align: baseline;
	z-index: inherit;}

#contact textarea { font: inherit; }
#contact, #contact_info { display: none; font-size: 1em; }
	#main #contact, #main #contact #contact_info { display: block; }
#contact p {clear: both; margin:0 0 .8em; }

#contact .column { float:left; margin-right: 10px; overflow: hidden; clear: none; }
#contact .span-1  { width: 130px;}
#contact .span-2  { width: 240px;}
#contact .span-3  { width: 410px;}
#contact .span-4  { width: 490px; margin-top:10px;}
#contact .last { margin-right:0; }
#contact .clear { clear:both; }


/* Errors and Notices */
#contact p.notice, #contact p.error, #contact p.sending, p.error {
	margin: 0 1em .8em;
	padding: .6em;
	border-width: 1px;
	border-style: solid;
}
#contact p.success {
	margin: 0 1em .8em 0;
	padding: .6em;
	border-width: 1px;
	border-style: solid;}
	#contact p.error, p.error { background-color: #fcc; border-color: #f44; }
	#contact span.error { color: #900; }
	#contact p.success { padding:15px; font-size:15px; width:420px; text-align:center; background-color: #BCFBA6; border:4px solid #4BA02A; line-height: 16px; margin-bottom: 1em; }
	#contact p.notice { border:none; color: #f60; padding: 0; font-size:1.1em; text-align: center; }
	#contact p.sending { text-align: center; font-size: 14px; font-weight: bold; background: #87CDE1; border:4px solid #72BDD3; }
	
	.form_error { background-color: #faa; }
	p.form_error { background: none; text-align: center; font-size: .8em; color: #d60909; }

body.contact p.success, body.contact p.error { margin-top: 2em; }


#contact h2 { 
	font-size: 16px;
	background: #fff url(http://www.indium.com/TIM/images/sm_ica_logo.png) no-repeat 10px 10px;
	color: #004934;
	padding: 10px 10px 0 120px;
	margin: 0 auto;
	height: 75px;
	float: none;
	overflow: visible;
	line-height:1.1em;
}
	.iframe #contact h2 { padding: 10px 30px 0 100px; }
	#main #contact h2 { display: block; }
	#contact h2 img { float: left; margin: 0 1em 0 -40px; height: 75px; }
	h2 span#q_title { font-size: .8em; font-weight: normal; display: block; clear: right; /*width: 328px;*/ }
	h2 a#q_link { font-size: .8em; font-weight: normal; display: block;}

#contact div.contactHeader{
	padding-top:10px;
	padding-left:1px;
	height:80px;}
#contact div.contactHeader div.indiumLogo{
	float:left;
	margin:0 18px 0 45px;
	width:72px;
	height:74px;
	background:url(http://www.indium.com/images/contacts/indium-logo.gif) no-repeat 0 0;}
#contact div.contactHeader div.headingContent{
	float:left;}
#contact div.contactHeader h3{
	margin:30px 0 0 0;
	padding:0;
	font-size:16px;
	color:#004934;
	clear:none;}
#contact div.contactHeader h4{
	margin:6px 0 0 0;
	padding:0;
	font-size:20px;
	color:#004934;
	clear:none;
	line-height: 20px;}

#contact form {
	padding:0; 
	margin: 0 auto;
	float: none; 
	border: none;} 
#contact p.success, 
#contact p.error {
	/*padding:0; */
	margin: 2em auto 0 auto;
	float: none; 
	/*border: none;*/
}

#contact div.last { float: right;}


	#contact legend  { font-weight: bold; font-size: 1.1em; padding: 4px 0 4px 0; color: #000; text-align: left; width: 100%; }
	#contact label { font-weight: bold; font-size: 1.1em; display: block; color: #000;}
	#contact .comment { font-weight: bold; font-size: 1.1em; color: #000;} /* BUYSOLDER FORM IE6 FIX */
		#contact fieldset label	{ color: #004934; font-size: 1em; font-weight: normal; text-transform: uppercase; }

	#contact fieldset input, 
	#contact select { 
		width: 220px;
		/*height: 2em;*/
		display: block;
		margin: 0;
		padding: 0;
	} 	
	#contact fieldset select { margin-top: .55em }
	#contact textarea { height: 50px; width:470px; }
	#contact button{ 
		padding: 3px;
		width: 120px;
		border: solid #bbb;
		border-width: 1px;
		display: block;
		margin: 0 auto;
		cursor: pointer; 
		color: #fff;
		font-weight: bold;
		/*background-color: #004934;*/
		background-color:#E56916;
	}
	
div#modal { border:0; overflow: hidden;}
body.contact, body.iframe { border:0; text-align: center; font:normal 12px Frutiger, Univers, Arial, Helvetica, sans-serif;}
body.contact #simplemodal-container, body.iframe { border:0; text-align: left; margin:0; padding:0; overflow:hidden;}
body.iframe { border:0; margin:0; padding:0; overflow:hidden; /*background-color:#FFF;*/}
body.iframe div#contact { border:0; display:block; margin:0; padding:0 20px; overflow:hidden;}
body.iframe iframe { border:0; margin:0; padding:0; overflow:hidden;}
iframe {border: 0px;}
	#simplemodal-overlay {
	  background-color:#000;
	  cursor:wait;
	}
	#simplemodal-container {
		margin:0 auto;
	  width:560px;
	  height:635px;
	  _height:650px;
	  background-color: #E56916;
	  /*border:solid #333;*/
	  border: 0;
	  padding: 0 20px 20px 20px;
	  overflow: hidden;
	}
	.simplemodal-wrap {height: 635px; _height: 650px; overflow: hidden;}
		#simplemodal-container p.close {
			clear: both;
			margin: 0 auto;
			padding: 0 10px 0; 
			text-align: center;
			font-weight: bold;
			color: #000;
			width: 512px;
			font-size: 1em;
			text-transform: uppercase;
		} span.simplemodal-close  { position: absolute; top: 35px; right: 55px;	cursor: pointer; } iframe span.simplemodal-close  { position: absolute; top: 10px; right: 25px;	cursor: pointer; }
		.cart span.simplemodal-close  {  top: 5px; }


.js_option { color: #666; }

#friend_share fieldset { width: auto; }
#friend_share fieldset p.column { float: left; clear: none; overflow: hidden; }
#friend_send { margin-bottom: 1em;}
a.email_a_friend { padding: 0 0 0 28px; background:transparent url(http://s7.addthis.com/static/r07/widget06.png) no-repeat 0 -370px; }

div.addthis_toolbox a.email_a_friend span { background-position: 0 -370px; }


body.solar div#contact a:link, body.solar div#contact a:visited {
	color: #004934;
}

body.solar div#contact a:hover, body.solar div#contact a:active {
	color: #000000;
	text-decoration: underline;
}

p#captcha-error {color: #9A0003;}

body.news a.email_a_friend { padding: 0 0 0 20px; background:transparent url(http://s7.addthis.com/static/r07/widget06.png) no-repeat 0 -370px; margin-left: 10px; }

body.news div.addthis_toolbox a.email_a_friend span { background-position: 0 -370px; }

#contact #emailTab p.success { margin-top: 2em; margin-bottom: 1em; padding:15px; border:4px solid #4BA02A; }

/* TAB MENU */

#tab-container ul.menu{
	margin:0 auto;
	padding:0;
	width:526px;
	_width: 527px;
	text-align:center;
	list-style-type:none;
	background:url(http://www.indium.com/images/contacts/bg-fade.gif) repeat-x bottom left;}
#tab-container ul.menu li{
	float:left;
	margin:0 1px 0 0;
	padding:0;
	width:74px;
	height:83px;
	text-align:left;
	text-indent:-9999px;
	}
#tab-container ul.menu li.phone{
	margin:0 1px 0px 1px; }
#tab-container ul.menu li a{
	display:block;
	width:74px;
	height:83px;
	border-bottom:1px solid #E56916;}
#tab-container ul.menu li.active{
	/*position:relative;*/
	border-bottom:1px solid #FFF;}
#tab-container ul.menu li a.active{
	position:relative;
	border-bottom:1px solid #FFF;}
#tab-container ul.menu li.email a{ background:url(http://www.indium.com/images/contacts/icon-email.jpg) no-repeat top left;}
#tab-container ul.menu li.phone a{ background:url(http://www.indium.com/images/contacts/icon-phone.jpg) no-repeat top left;}
#tab-container ul.menu li.chat a{ background:url(http://www.indium.com/images/contacts/icon-chat.jpg) no-repeat top left;}
#tab-container ul.menu li.sales a{ background:url(http://www.indium.com/images/contacts/icon-sales.jpg) no-repeat top left;}
#tab-container ul.menu li.techsupport a{ background:url(http://www.indium.com/images/contacts/icon-techsupport.jpg) no-repeat top left;}
#tab-container ul.menu li.shipping a{ background:url(http://www.indium.com/images/contacts/icon-shipping.jpg) no-repeat top left;}
#tab-container ul.menu li.knowledgebase a{ background:url(http://www.indium.com/images/contacts/icon-knowledgebase.jpg) no-repeat top left;}
#tab-container div.menuBtm{
	margin:-1px auto 0 auto;
	padding:0;
	width:538px;
	height: 1px;
	background-color:#E56916;}

.tabcontent{
	margin:10px 20px 0 20px;
	padding:0;
	/*height:375px;*/
	overflow:hidden;
	line-height: 14px;}
/*.tabcontent div.buffer{
	margin:0;
	padding:10px 15px 15px 15px;}*/

#contact div.buffer{
	margin:0 auto;
	padding:10px 0 15px 0;
	width:480px;}

/*#contact div.buffer{
	margin:0;
	padding:10px 0 15px 40px;}*/

/* TAB CONTENT */

#phoneTab{
	background:url(http://www.indium.com/images/contacts/globe-bg.jpg) no-repeat 20px 20px; }

/*h3.technicalsupport{
	margin:0 auto;
	padding:0;
	width:425px;
	height:168px;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
	background:url(/images/contacts/contactform-techsupport.jpg) no-repeat top left;}
h3.technicalsupport a{
	display:block;
	width:425px;
	height:168px;}*/

ul.techsupportregions{
	margin:10px 0;padding:10px 0;
	list-style-type:none;
	font-size:14px;}
ul.techsupportregions li{
	display:inline;
	margin:6px 0;padding:0 6px 0 0;}
ul.techsupportregions li a{
	padding:5px 10px;
	border:1px solid #999;}


h3.shipping, body.iframe h3.shipping{
	margin:0 auto;
	padding:0;
	display: block;
	width:425px;
	height:168px;
	overflow:hidden;
	text-align:-9999px;
	text-indent:-9999px;
	background:url(http://www.indium.com/images/contacts/contactform-shipping.jpg) no-repeat top left;}
h3.shipping a, body.iframe h3.shipping a{
	display:block;
	width:425px;
	height:168px;}
h3.knowledgebase, body.iframe h3.knowledgebase{
	margin:0 auto;
	padding: 0px;
	display: block;
	width:425px;
	height:168px;
	overflow:hidden;
	text-align:-9999px;
	text-indent:-9999px;
	background:url(http://www.indium.com/images/contacts/contactform-knowledgebase.jpg) no-repeat top left;}
h3.knowledgebase a, body.iframe h3.knowledgebase a{
	display:block;
	width:425px;
	height:168px;}
	
	
#chat-offline {
	clear:both;
	margin: 3em 0 1em;
	text-align:center;
}
#chatTab p { font-size: 1.5em; line-height: 1.4em; }

.simplemodal-wrap { overflow:hidden !important; }

body.iframe div#padding-fix div#contact { border:0; display:block; margin:0; padding:0 0px; overflow:hidden;}
body.iframe div#contact a:link, body.iframe div#contact a:visited {color: #004934;}
body.iframe div#contact a:hover, body.iframe div#contact a:active {color: #000000;}
body.iframe div#contact dl dt {clear: both; float: left; font-weight: bold; margin: 0 0 2px 0; width: 14em;}
body.iframe div#contact dl dd {margin: 0 0 2px; padding-left: 14px;}
body.iframe h3, body.iframe h4, body.iframe h5, body.iframe h6 {font-family: Rockwell,Frutiger,Univers,Arial,Helvetica,sans-serif; clear: left;}
body.iframe h3 {font-size: 14px; font-weight: normal; margin: 15px 0 5px; padding: 0px; line-height: 14px;}
body.iframe h4 {font-weight: normal; font-size: 14px; margin: 10px 0 5px; padding: 0px; line-height: 14px;}

/* SOCIAL MEDIA */

body.iframe div.buffer div.socialmedia-box-contact, div.socialmedia-box-contact{
	margin: 20px 0 8px 0;
	padding:0 0 8px 0;
	width:360px;
	overflow:hidden;
	/*background:url(http://www.indium.com/images/socialmedia/socialmedia-box2-bgtile.gif) repeat-y top left;*/}
div.socialmedia-box-contact h3{
	margin:0;
	padding:0 0 6px 0;
	width:240px;
	height:25px;
	overflow:hidden;
	/*background:url(http://www.indium.com/images/socialmedia/socialmedia-box2-heading.png) no-repeat top left;*/
	font-size: 20px;}
div.socialmedia-box-contact h4 {
	font-size: 18px; padding: 0 0 12px 0; margin-top: 1em;}
div.socialmedia-box-contact ul{
	margin:2px 0 0 9px;
	padding:0;
	list-style-type:none;}
div.socialmedia-box-contact ul li{
	float:left;
	margin:0 6px 6px 0;
	padding:0;
	width:106px;
	height:36px;
	overflow:hidden;
	text-indent:-9999px;}
div.socialmedia-box-contact ul li a{
	display:block;
	width:106px;
	height:36px;}
div.socialmedia-box-contact ul li.facebook a{
	background:url(http://www.indium.com/images/socialmedia/social-media-contact-form.png) 0px 0;}
div.socialmedia-box-contact ul li.twitter a{
	background:url(http://www.indium.com/images/socialmedia/social-media-contact-form.png) 0px -72px;}
div.socialmedia-box-contact ul li.youtube a{
	background:url(http://www.indium.com/images/socialmedia/social-media-contact-form.png) 0px -144px;}
div.socialmedia-box-contact ul li.linkedin a{
	background:url(http://www.indium.com/images/socialmedia/social-media-contact-form.png) 0px -216px;}
div.socialmedia-box-contact ul li.blogs a{
	background:url(http://www.indium.com/images/socialmedia/social-media-contact-form.png) 0px -288px;}
div.socialmedia-box-contact ul li.facebook a:hover{
	background-position:0 -36px;}
div.socialmedia-box-contact ul li.twitter a:hover{
	background-position:0px -108px;}
div.socialmedia-box-contact ul li.youtube a:hover{
	background-position:0px -180px;}
div.socialmedia-box-contact ul li.linkedin a:hover{
	background-position:0px -252px;}
div.socialmedia-box-contact ul li.blogs a:hover{
	background-position:0px -324px;}