/* DEFAULT Styles ********************************************************* 

CSS Notes:
Margin & Padding: 	
-one value such as 10px to specify an equal margin on every side
-two values, such as 10px 5px, to specify the top/bottom (first value) and right/left (second value) margin
-three values, such as 10px 5px 2px, to specify the top (first value), right/left (second value) and bottom (third value) margin
-four values, such as 10px 5px 2px 1px to specify the top, right, bottom and left margins respectively     
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,ul,fieldset,form,label,legend
	{
	margin: 0;
	padding: 0;
	border: 0;
}

* {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}

body {
	background: #ffffff;
	margin: 0 auto;
	color: #000000;
	margin: 0 auto;
	text-align: center;
}

a:link {
	color: #0066CC;
	text-decoration: none;
	cursor: pointer;
	outline: 0;
}

a:visited {
	color: purple;
	text-decoration: none;
}

a:hover {
	color: #003399;
	text-decoration: underline;
}

a:focus {
	color: #003399;
}

a:active {
	color: #0066CC;
	text-decoration: none;
}

p {
	margin: 2em 0 2em 0;
}
/*
.indent {
	margin-left:10px;
}
*/
p.indent {
	
}

p.indent2 {
	margin: 1em 0 0 2em;	
	
}

/* indent 3 is for routine paragraph spacing */

p.indent3 {
	margin: 1em 0 0 0;
}

/* indent 4 is for paragraphs requiring spacing above and below */

p.indent4 {
	margin: 1em 0 1em 0;
}

/* indent 5 is for paragraphs at the top with no header above */

p.indent5 {
	margin: 2em 0 0em 0;
}

/* indent 6 is for spacial cases where no margins are needed */

p.indent6 {
	margin: 0 0 0 0;
}

/* indent 7 is for cases when indenting is necesarry on the right side */

p.indent7 {
	margin: 1em 2em 0 0 ;
}

/* indent 8 is for cases when indenting is necesary on the left side */
p.indent8 {
	margin: 1em 0 0 1em ;
}

/* indent 9 is for cases when indenting is necesary on the left side */
p.indent9 {
	margin: 0em 0em 1em 0em;
}

/* indent 10 is for cases when indenting is necesary on the left side and below */
p.indent10 {
	margin-left: 1em;
	margin-bottom: 2.5em;
}

h1, h2 {
	margin: 2em 0 2em 0;
    
    font-weight:bold;
    font-size:larger;
}

 h3 {
	margin: 2em 0 0 0;
    
    font-weight:bold;
    font-size:larger;
}

/* h4 is meant to provide proper spacing for titles at the top */

 h4 {
	margin: 1em 0 0em 0;
    font-size:12px;
    font-weight:bold;
    
}

/* h5 is meant to provide proper spacing for titles between paragraphs */

 h5 {
	margin: 2em 0 0em 0;
    font-size:12px;
    font-weight:bold;
   
 }   
    
/* h is meant for special case titles where less space above is needed */    
    
h6 {
	margin: 0em 0 0em 0;
    font-size:12px;
    font-weight:bold;
    
}

ul{ margin:0 0 0 40px; }

ol{ margin:0 0 0 40px; }

li.indent{
	margin:5px 0px 5px 15px;
}

li.indent2{
	margin:10px 0px 0px 0px;
}

li.indent3{
	margin:10px 5px 0px 5px;
}

h1.German{
	padding: 20px 0 5px 0;		
}

h3.appBulletTitle{
  margin:14px 0 8px 8px;
  font-size:12px;
}

h3.indent{
  margin:14px 0 8px 10px;
  font-size:12px;
}

h5.indent{
  margin:1em 0 0 2em;
  font-size:12px;
}


/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}

blockquote,q {
	quotes: "" "";
}

dfn {
	font-weight: bold;
}

pre,code {
	margin: 1.5em 0;
	white-space: pre;
}

pre,code,tt {
	font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
	line-height: 1.2;
}

tt {
	display: block;
	margin: 1.5em 0;
	line-height: 1.5;
}

blockquote {
	margin: 1.5em;
	font-family: sans-serif;
	font-style: italic;
	font-size: 1.2em;
}
strong{font-weight:bold;}
em{font-style:italic;}
.bold_italic{
    font-weight:bold;
    font-style:italic;
}

ul.info li{
    margin:0 0 0 20px;
}

input.error {
	border: 1px solid red;
	font-style: normal;
}
label.error {
	color: red;
	font-weight:bold;
	width: 100%;
}
#messageBox1, #messageBox2 { 
	display: none; 
	border:0;
	padding:10px 0 4px 20px;
	
}



/* LAYOUT ***********************************************/
#pageTop {
	position: absolute;
	top: 0px;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 0px;
	z-index: 0;
	visibility: hidden;
}

#wrapper {
	border: 0px solid pink;
	padding: 0;
	margin: 0 auto;
	width: 850px;
	height: 100%;
	left: 50%;
	z-index: 1;
	vertical-align: top;
}

/*
 * FOOTERS
 */
#footer {
	width: 850px;
	height: 50px;
	text-align: center;
	clear: both;
	margin:0;
	padding:0;
}
#footer div.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066CC;
	padding:10px 0 0 0;
}

#footer ul li {
	list-style-type: none;
	display: inline;
	line-height: 10px;
	margin: 0;
	padding: 0pt 15px 3px 10px;
}

#footer li a {
	font-size: 0.9em;
	color: #ad9c80;
	font-size: 0.8em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0;
}

#accessibleNav {
	height: 40px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	font-size: 10px;
	color: #666;
}

#accessibleNav a {
	font-family: sans-serif;
	color: #666666;
	color: #666666;
	font-size: 10px;
}

.form-foot {
	padding-left: 110px;
	clear: left;
	height:40px;
	background-color: transparent;
	/*padding: 0 0 0 6.2em;*/
	margin: 1em 2em 2em;	
}

/* MAIN Content ********************************************* */
#homeContent {
  background: url(/images/content_bg.gif) repeat-y top left;
	text-align: left;
	border: 0;
	margin: 0px 0 0 0;
	padding: 0;
	min-height:527px;
}

#mainContent {
  background: url(/images/content_bg.gif) repeat-y top left;
	width: 850px;
	min-height: 650px;
	text-align: left;
	margin:0;
	padding: 0;
}

#header {
	width: 850px;
	height: 118px;
	overflow: hidden;
}

#header_left {
	width: 621px;
	height: 125px;
	float: left;
	background: url(/images/top_header/head_index.jpg) no-repeat;
}

#header_right {
	width: 229px;
	height: 125px;
	float: right;
	background: url(/images/top_header/head_r_blank.jpg) no-repeat;
}

#application_note_section .i1 {
	width: 650px;
	height: 50px;
	margin-bottom: 30px;
	
	
}

#application_note_section .i2 {
    width: 650px;
	height: 80px;
	
}
    
    
    
.siteTranslated {
	text-align: right;
	z-index: 100;
	margin: 0;
	width: 200px;
	position: relative;
	top: 20px;
  	height:32px;
  	background: transparent url(/images/lang_selector_bg.png) no-repeat 100% 0;
}

.siteTranslated #choose_site{
	  background:transparent;
	  border:0;
	  height:20px;
	  width:124px;
	  margin:6px 8px 0 0;
	  padding:2px;
	  font-size:12px;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
}

#main_nav {
	width: 170px;
	float: left;
	background: url(/images/main_nav/nav-bg-gradient.gif) no-repeat top left;
	margin:0;
	padding:0;
	border:0;
	height:320px;
}



#homepage_content{
	padding:0;
	margin:0;
	width: 675px;
	float: right;
}

#pageContent {
	padding: 10px 15px;
	margin:0 0 0 180px;
	width: 640px;
}

#accessories_nav{
	text-align:center;
}

a#shoppingCart {
	width: 137px;
	height: 34px;
	margin: 0 0 0 15px;
	border: 0;
	overflow: hidden;
	background: url(/images/cart_icon.png) no-repeat 0 0;
	text-indent: -9999px;
	display: none;
	z-index: 100;
	top: 467px;
}

a#shoppingCart:hover {
	background-position: 100% 0;
}

#homesquare_row1,#homesquare_row2,homesquare_row3 {
	width: 685px;
	height: 185px;
	margin: 8px 0 0 0;
	overflow: hidden;
}

#homesquare_row1 div.container,#homesquare_row2 div.container {
	float: left;
	padding:0;
	margin: 0 0 0 2px;
	width: 222px;
	overflow: hidden;
	border:0px solid red;
}

#homesquare_row3 {
	background: url(/images/homepage/index_3_2.jpg) no-repeat;
	height: 135px;
	margin: 0;
	padding: 6px 0 0 0px;
	overflow: hidden;
}

#homesquare_row3 h2 {
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	font-style:italic;
	padding: 8px 0 3px 20px;
	margin:0 0 4px 0;
}

#homesquare_row3 ul {
	margin-left: 50px;
}

#homesquare_row3 ul li {
	padding: 0 20px 3px 0;
	font-size: 14px;
	color: #FFFFFF;
}

#homesquare_row3 a {
	color: #ffffff;
}

#homesquare_topleft {
	background-image: url(/images/homepage/left_back.jpg);
	background-repeat:no-repeat;
	height: 177px;
	width: 210px;
	text-align: center;
}

#homesquare_topleft div {
	top: 16px;
	padding: 0 0 4px 0;
	position: relative;
}

#homesquare_bottomleft {
	height: 177px;
	width: 222px;
}

#homesquare_bottomleft ul{

}

/* TEXT and PARAGRAPH ******************************* */
.small {
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}

.mono {
  font-family: 'Courier New', Courier, mono;
  white-space: pre;
}

.medium {
	font-size: 16px;
}

.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.center {
	text-align: center;
}

.normal {
	font-weight: normal;
}

.error {
	color: red;
	font-style: italic;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.hide {
	display: none;
}

.clear {
	clear: both;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.button{
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:10px;
	padding:0;
	float:left;
	border:0px solid pink;
}

/* F80-a page needed buttons to be dropped below an image. Use a large top margin for this purpose */
.button.F80a{
	margin: 5em 0 0em 0;
}
.button2{
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin: 15em 0 0em 0;
	padding:0;
	float:left;
	border:0px solid pink;
}

.button:hover{
	background-position:0 100%;
}
button.button div{visibility:none;text-indent:-9999;overflow:hidden:}

/*#sendButton{background-image:url(/images/buttons/sendbutton.png); height:42px; width:151px;}
#clearButton{background-image:url(/images/buttons/clearbutton.png); height:42px; width:151px;}*/
#sendButton{background-image:url(/images/buttons/send.png); height:42px; width:151px;}
#clearButton{background-image:url(/images/buttons/clear.png); height:42px; width:151px;}
#tmoButton{background-image: url(/images/buttons/tmoguide_button.png); height:42px; width:213px;}
#softwareRequestButton{background-image: url(/images/buttons/softwareupdates.png); height:42px; width:291px;}
#whySwitchButton{background-image: url(/images/buttons/whyswitch.png); height:42px; width:291px;}
#filmeaser50Button{background-image: url(/images/buttons/50software.png); height:42px; width:291px;}
#datasheetButton{background-image: url(/images/buttons/datasheet_button.png); height:42px; width:291px;}
#requestQuoteButton{background-image: url(/images/buttons/requestquote.png); height:42px; width:291px;}
#joinMeetingButton{background-image: url(/images/buttons/joinmeeting_button.png); height:42px; width:291px; margin-left:140px;}
#requestSupportButton{background-image: url(/images/buttons/request-support.png); height:42px; width:291px;}
#onlineMeetingButton{background-image: url(/images/buttons/onlinemeeting.png); height:42px; width:291px;}
#registrationButton{background-image: url(/images/buttons/registration_button.png); height:42px; width:291px; margin-left:140px;}
#backTopButton{background-image: url(/images/buttons/top_button.png); height:42px; width:213px;  margin-left:196px; margin-top:40px;}
#applicationNoteButton{background-image: url(/images/buttons/applicationnote_button.png); height:42px; width:291px;}
#webInquiryButton{background-image: url(/images/buttons/webinquiry.png); height:26px; width:126px; margin-left:0px;}


/* Film Styles ********************************************************/
.white_head,.white_body,.white_body,.text_body,.header_black,.text_bold,.smallbody,.paragraph_indent {
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}

.white_head {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

.white_body {
	font-size: 12px;
	color: #FFFFFF;
}

.text_body {
	font-size: 12px;
	color: #000000;
}


.text_bold {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.smallbody {
	font-size: 10px;
	color: #000000;
}

.red_header {
	font-size: 20px;
	font-style: italic;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #D7032B;
}

.blue_smallitalic {
	font-size: 14px;
	font-style: italic;
	line-height: 14px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #0368CC;
}

ul.blue_smallitalic {
	margin: 5px 0 0 20px;
	width:185px;
}

ul.blue_smallitalic li {
	padding: 0 0 8px 0;
	font-size: 14px;
	font-weight: bold;
}

.whitehead_large {
	font-size: 22px;
	font-style: italic;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}
.whitehead_large h1{
	font-size:22px;
	font-style: italic;
	margin:0;
	line-height:18px;
	margin-top:5px;
	}

.text_body a:link {
	color: #0066CC;
}

.text_body a:visited {
	color: #990000;
}

.text_body a:hover {
	color: #990000;
}

.text_body a:active {
	color: #990000;
}

#details label {
	width: 10em;
}

.req.HLNpre {
	margin-right: 180px;
}

ul.select {
	height: 146px;
	width: 250px;
}

.sobrelabel {
	margin-bottom: .2em;
	font-weight: bold;
}


.redBar{
	background:url(/images/redbar.jpg) repeat-x; 
	height:11px; 
	width:580px; 
	vertical-aligh:top; 
	text-align:left;
}
img.redBar{
	width:620px;
}

.productsList{
	width:96%; 
	border:0;
}

table.productsList{
	width:96%; 
	border:0;
}
table.productsList td{
	vertical-align:top;
}
table.productsList td.prodHead{
	width:185px; 
	border:0;
}
table.productsList td.prodList{ 
	padding:0;
}
table.productsList td.prodList h3{ 
	font-weight:bold;
	padding:6px 0 10px 0;
	margin:0;
}

table.productsList table td.prodName{
	font-weight:bold;
	width:100px;
	white-space:nowrap;
}
table.productsList table td.prodName a{
	font-weight:bold;
}
table.productsList table td.prodText{
	padding-bottom:10px;
}
.accesssoryList{
	margin:0 0 10px 0;
}
.accesssoryList a{
	font-weight:bold;
}

#sessionINFO{
	display:block;
}

#sideNav_otherControls {
	width: 166px;
	margin-top: 30px;	
	text-align: center;
	float: left;
}

#sideNav_specificControl {
	margin: 125px 0 0 0;
	text-align: center;	
}

/* Superfish code - Moved to speed up CSS loads - *********************************************************/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	margin:14px 20px 0 14px;
	float:			left;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			230px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
	white-space:nowrap;
	height:30px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index: 102;
	height:34px;
	width:	137px;
}
.sf-menu a {
	display:		block;
	position:		relative;
	z-index: 103;
	color: #ffffff;
	font-style:italic;
	font-weight:bold;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			20px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			230px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			140px; /* match ul width */
	top:			0;
}


.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding: 		.75em 1em;
	text-decoration:none;
	color:#ffffff;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#ffffff;
}
.sf-menu a:hover {
	color:#990000;
	}
	
.sf-menu li.top{
  	width:138px;
  	text-indent:-9999px;
  }
  
.sf-menu li.top:hover{
	background-position: 138px 0;
  }

.sf-menu li {
}
.sf-menu li li {
	background:	transparent url(/images/main_nav/nav-sublink-bg.gif);
	text-indent:0;
	border:1px solid #990000;
}
.sf-menu li li li {
	text-indent:0;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	background-position: 0 100%;		
}



/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	137px; /* match ul width */
	top:	0;
}
.sf-vertical li.i5:hover ul {
	
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {  } /* background-position: -10px 0; IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {  } /* background-position: 0 0; use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	 /* background-position: -10px 0; arrow hovers for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	/* background-position: -10px -100px;  arrow hovers for modern browsers*/
	
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/* NyroModal CSS - combine to improve page speed ####################################*/

div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../img/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../img/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background: url(../img/prev.gif) left 20% no-repeat;
}
a.nyroModalNext {
	right: 0;
}
a.nyroModalNext:hover {
	background: url(../img/next.gif) right 20% no-repeat;
}

/*  Formy - CSS Framework 0.8
    almost totally modified for filmetrics */ /*
	     form fieldset legend & other containers
	     
	     
CSS Notes:
Margin & Padding: 	
-one value such as 10px to specify an equal margin on every side
-two values, such as 10px 5px, to specify the top/bottom (first value) and right/left (second value) margin
-three values, such as 10px 5px 2px, to specify the top (first value), right/left (second value) and bottom (third value) margin
-four values, such as 10px 5px 2px 1px to specify the top, right, bottom and left margins respectively     

text-align: left;
*/
form {
	margin-left:20px;
}

fieldset {
	margin: 0 -0.5em 1em; 1.5 em;
	padding: .5em;
	border: 1px solid #c00;
	background: #FFF;
}

legend {
	padding: 0 .4em;
	font-size: 1.2em;
	background-color: #FFF;
	border: 1px solid #c00;
	color: #333;
}

.field {
	border-bottom: 1px solid #CCC;
	margin: 0 0 0.4em 0;
	padding: .2em 0 0.4em;
}

.field.tmo {
	margin: 0 0 0.4em 0;
	padding: 0 0 0 0;
	width: 620px;
}

.field.infoReqest {
	margin: 0 1em 1.4em 0;
	padding: 0 0 .5em 0;
	width: 612px;
}
.field.ultimate {
	border-bottom: none;
	margin: 1em 0 0 0;
}

.field.ultimategeneric {
	border-bottom: none;
	margin: 1em 0 0 0px;
}

.field.techSupportReq {
	padding: 0em 0 .4em 0;
}

.field.software {
	padding: 1em 0 0.4em 0;
	
}

.field.route_to {
	padding: 1em 0 .4em 0;
}


.section  {
	clear: both;
	margin: 2em 0 2em 0;
}

.section2  {
	margin: 0;
}

.paired-sections {
	clear: both;
	width:640px;
}

.paired-sections .section {
	float: left;
	margin: 0;	
}

.paired-sections.ultimate .section {
	margin-bottom: 20px;
}

.paired-sections .i1, .paired-sections .i2 {
	margin-left: 2px;
	float:left;
}

.paired-sections .i2 {
	margin-left: 35px;
	float:left;
	width:305px;
}

/*
    ul.select -- for a list that will emulate a select box
*/
ul.select {
	list-style-type: none;
	margin: 0;
	padding: 0 5px 0 0;
	overflow: auto;
	height: 205px;
}

ul.select .field {
	border: none;
	padding: 0;
	margin: 2px 0;
	width:237px;
}

ul.select .fieldAppNotes {
	border: none;
	padding: 0;
	margin: 2px 0;
	width: 306px;
}

ul.select label {
	float: none;
	display: block;
	padding: .2em 1em .2em 1.5em;
	margin: 0;
	clear: none;
	background: #CCC;
	width: auto;
	border: 1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

ul.select input {
	float: left;
	margin: .4em 0 0 .3em;
}

ul.select input:focus+label {
	border: 1px solid #C00 !important;
}

/*
	label
*/
label {
	text-align: left;
	color: #333;
	cursor: pointer;
	cursor: hand;
	margin-left: .5em;
	line-height: 1.6;
	width:120px;
}

label.wide {
	width:600px;
	
}

label.techSupportReq {
	width:250px;
}

label.infoReqest {
	margin-right:20px;
}

label.disabled {
	color: #999;
	cursor: default;
}

form.leading{
	margin-left:20px;
}

.leading label {
	clear: left;
	float: left;
	margin-left: 0;
}

/*
	Textarea, input, select, button
*/
textarea,input,select {
	padding: .2em;
	margin: 0;
	border: none;
	background: #CCC;
	color: #333;
	font-size: inherit;
	font-family: inherit;
	resize: none
}

textarea,input[type="text"],select {
	border: 1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

textarea:focus,input[type="text"]:focus,select:focus,input[type="button"]:focus,input[type="reset"]:focus
	{
	border-color: #C00;
}

input[type="text"].Layers{
	width: 225px;	
	margin-left: 20px;	
	}
	
select {
	padding: .2em;
	background-color: #CCC;
	color: #000;
}

select.wide {
	width:215px;
}

input.wide {
	width:213px;
}

input[type="submit"] {
padding: 0 6px;
margin: 0.5em 0.5em 0 0;
-webkit-box-align: center;
-webkit-box-sizing: border-box;
background-color: buttonface;
border: 2px outset buttonface;
color: buttontext;
cursor: default;
text-align: center;
-webkit-appearance: push-button;
white-space: pre;

/*	margin: 0.5em 0.5em 0 0;
	padding: .4em;
	-webkit-box-align: center;
	-webkit-box-sizing: border-box;
	background-color: buttonface;
	border: 2px outset buttonface;
	color: buttontext;
	cursor: default;	
	text-align: center;*/
}

input[type="checkbox"] {
	color: #000;
}

input[type="radio"] {
	padding: 0.5em;
	background-color: #fff;
	color: #000;
}



/*
	option, optgroup
*/
option {
	background-color: #fff;
	color: #000;
}

optgroup {
	background-color: #ccc;
	color: #000;
}

/*
    stuff
*/
.req {
	color: red;
	padding-right: 1.45em
}
label.req:after
{
	content: url(/images/required.gif) ;
}

.req.HLNpre {
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	float: right;
	margin: 0;
	line-height: 1.7em;
}

h4.form-error {
	color: red;
	border-bottom: 1px solid red;
}



/* Formy reset */
fieldset,form,label,legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

input,textarea {
	margin: 0;
	padding: 0;
	font-size: inherit;
}


#film-stack {
	border-collapse: collapse;
}

#film-stack td {
	border-bottom: 1px solid #CCC;
	padding: 5px 0;	
}

#film-stack-notes-field label {
	width: 140px;
	margin-top: 5px;
}

#application-information label {
	width: 500px;
}

#customer-service-fieldset .field label, #accessory-selection.section .field label {
	min-width: 410px;
	padding-right: 10px;
	display:block;
	float:left;
}
#accessory-selection.section .field label {
	min-width: 210px;
}

#product-feedback-fieldset,#software-feedback-fieldset {
	width: 600px;
	height: auto;
}

#software-feedback-fieldset {

}

#app-notes {
	width: 318px;
	margin-bottom: 2.5em;
}

#message-route {
	clear: both;
}

#message-route label {
	width: 11.6em;
}

select#country {
  margin-left: 1px; 
  width: 142px; 
  /*width: 197px;  */ 
  padding: 0; 
  margin-top: 3px;
}