/* ecInteractive principal styles for screen media
   version 2.0 optimized for 1024 resolution

   latest revision: 3/13/08 - JCS
   
   NOTE: this is based on the above version, however, there have been significan changes to things like controlcol h2s and the like w/r/t padding and margins to make this work with the corporate site. This style sheet should be treated as a GSB corporate website css file ONLY. Modifications should be made to this and comparisons to ECI current live css fiels should be done via firebug
   
   Contents
   1: global links
   2: global text
   3: header
   4: navigation
   5: main body
   6: footer
   7: left column
   8: forms
   9: lists
   10: images
   11: watermarks
   12: remove right column
   13: remove right and left columns
   14: search results
   15: ad rotator
   16: checkout
   17: category browse
   18: floating Verisign logo
   19: learning center
   20: contracts and laundry lists
   21: product showcase
   22: partial order entry
   23: parametric search
   24: callout box
   25: SPR Enhanced Search
   26: Machine Matching
   27: Address Control
   28: CSS Panel
   29: Order Summary Control
   30: Check Out Page 2
   31: Help Button Class
   32: Product Browse
   33: Payment Method
   34: RadTabStrip control
   35: Credit Card Editor Page
   36: Pay Invoices Form	


Note: Colors that change for different themes are controlled by separate css files, one for each color scheme. 
Only colors that remain constant are in this file.
   
---------------------------------------------*/

body {
	margin: 0;
  	padding: 0;
  	border: 0;
 	font: small Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px;
  	color: #333;
	text-align: center;
	line-height:1.3em;
	padding-bottom: 20px;
}
#container {
	position:relative;
	margin: 0 auto;
  	text-align:left;
  	background-color: #fff;
	width: 960px;  
}  

/* 1: global links
----------------------------------*/
a { 
	text-decoration:none;
	font-weight:bold;
	background-color: transparent;
}
.linkcursor {
	cursor:pointer;
}

/* link, visited, hover, and active are controlled by rules in 
   each color scheme css file */

/* 2: global text
----------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-weight:bold;
	padding:0;
	margin: 1.2em 0 0.2em;
}
h1 {
	margin-top:0.3em;
	line-height:normal;
}
h1, h2 {
	letter-spacing:0.05em;
}


#main h1 {
	font-size:165%;
}
#main h1.adsrch_small {
	font-size: 90%;
}
#main h1.machinewm {
	font-size: 125%;
}
#main h2, #controlcol h2 {
	font-size:130%;
}
#main h3 {
	font-size:115%;
}
#main h4, #main h5 {
	font-size:105%;
}
#main h6 {
	font-size:100%;
}
#main p {
	padding:0;
	margin:.1em 0 .7em 0;
}
#main textarea.formtext {
	margin: 0;
	padding: 0;
}

#wrap p, #wrap ul, #wrap ol, #wrap .gridText, td.formLabelCell, td.formCheckboxLabelCell {
	font-size:85%;
}
#wrap ul ul, #wrap ul ul ul, #wrap ol ol, #wrap ol ol ol {
	font-size:100%;
}
.txtright,
#wrap #main table.formtable td.txtright {
	text-align:right;
}
.txtleft {
	text-align:left;
}
.txtcenter {
	text-align:center;
}
#wrap .txtsmall {
	font-size:80%;
}
.txterror, .highlight {
	font-weight: bold;
	color: #c4401d;
	background-color: transparent;
}
.msglabel {
	display: block;
	padding-bottom: .5em;
}
.success {
    color:#377a9d;
    background-color:Transparent;
    font-weight:bold;
}
body#product h6 {
	margin: 0.1em 0 0.2em;
}
.shortdesc {
	clear:left;
	padding-top:3em;
}
#main .grayout {
	font-size:80%;
	color:#969696;
}
.nouppermarg {
	margin-top:0.2em;
}
.uppermarg {
	margin-top:1.2em;
}

.padded {
	padding: 1em;
}

.padright {
	padding-right: 1em;
}

.padleft {
	padding-left: 1em;
}

.checkboxpad {
	clear:right;
	margin-left:15px;
	margin-top:10px;
}

/* 3: header
----------------------------------*/
#header_col1, 
#noheader_col1 {
	width: 49%;
	float: left;
	padding: 0;
	margin: 0;
}

#header_col2,
#noheader_col2 {
	width: 49%;
	float: right;
	padding: 0;
	margin: 0;
}

#logo {
	float:left;
	margin:0;
	padding:5px 10px;
}
#util,
#util2 {
	float: right;
	margin-bottom: 10px;
	padding:5px 0 5px 10px;
	list-style:none;
}
#util ul,
#util2 ul {
	margin: 0;
	padding: 0;
}
#util li,
#util2 li {
	display:inline;
	padding:0 10px 0 0; 
}
#login_info {
	padding: 0;
	padding-right: 10px;
	margin-right: 10px;
	margin-top: -20px;
	clear: right;
	text-align:right;
}
#login_info2 {
	padding: 0;
	width: 100%;
	margin-left: 10px;
}
.ad_label {
	margin-bottom: 0;
}
.ad_font {
	font-size: 60.1%;
}
#skipnav  {
	clear:both;
}
/* customer check -- &&&DELETE IF DON'T USE&&& */
#cuscheck {
	position:absolute;
	top:27px;
	left:409px;
	text-align:right;
	width:40%;
	margin-right:10px;
}
#cuscheck h5 {
	margin-top:0.2em;
	margin-bottom:0;
}

/* 4: navigation
----------------------------------*/
#navbar {
	clear:both;
	width:790px;
	margin:0;
	padding:0 0 0 170px;
	height:23px;
} 
#navbar a:link {
	text-decoration:none !important; 
}
#navbar a:visited {
	text-decoration:none !important; 
}
#navbar a:hover {
	text-decoration:none !important; 
}
#navbar a:active {
	text-decoration:none !important; 
}

/* 5: main body
----------------------------------*/
#wrap {
	float:left;
}
#controlcol {
	float:left;
	width:160px;
	margin-top:-20px;
}
#main {
	float:right;
	width:780px;
}

#contents {
	float:left;
	width:610px;
	padding-bottom:1em;
}
#adcol {
	float:right;
	width:160px;
}
#inneradcol {
	padding:0 0.5em 1em;
}
div.adrotator {
	margin-top:0.4em;
	padding:0.1em 0 1em;
	text-align:center;
}
div.adrotator h4 {
	margin-top:0.2em;
}
div.adrotator br.clear {
	clear:left;
}
div.adrotator a {
	font-weight:normal;
}
div.bannerads {
	margin-top:24px;
	padding:0.1em 0 1em;
	text-align:center;
}

/* 6: footer
----------------------------------*/
#footer {
	clear:both;
	margin:0;
	padding:.4em 0;
	list-style:none;
	font-size:85%;
	text-align:center;
} 
#footer li{
	display:inline;
	border-left:1px solid #fff;
	margin:0.8em;
	padding-left:1em;
}
#footer li#first {
	border:none;
}
p#copyright {
	margin:0;
	text-align:center;
	font-size:85%;
	padding: 0.2em 0; 
}
p#copyright a {
	font-weight:normal;
}
p#copyright a:hover {
	text-decoration:underline;
}

/* 7: left column
----------------------------*/
/* search box */
#controlcol #srch {
	border-right:1px solid white;
}
#srch p {
	margin:6px 0;
	color:white;
}
#srch input.btn, #srch div input.btn, #controlcol input.btn {
	margin-bottom:-2px;
}
#controlcol input.rbtn, #main .rbtn {
	float:right;
	margin:0.2em 0.1em;
}
/* all left column boxes, including search */
#controlcol h2, #srch h2 {
	font-weight:normal;
	margin:5px 0 5px 8px;
	font-weight:bold;
}
#controlcol h2 span, #srch h2 span {
	color:white;
	font-weight:bold;
}
#controlcol p {
	font-size:90%;
}
#controlcol table p {
	font-size:85%;
}	
/*#controlcol div {
	margin-bottom:10px;
	margin-top:0;
	width:160px;
}*/
#controlcol div#orders {
	margin-bottom:0;
}
#controlcol div p, #controlcol .lfrm #controlcol h2 {
	padding:0 2px 5px 5px;
}
#controlcol .lfrm {
	margin-left:5px;
}
#controlcol .lfrm2 {
	margin:0 2px 5px 5px;
} 
#controlcol input.floatleft, 
#controlcol input.btn,
#controlcol h5 {
	padding-left:5px;
}
#wrap #controlcol h5.noupppermarg {
	margin-top:0.2em;
}
#controlcol input, #controlcol select {
	margin-bottom:3px;
}
#controlcol table td {
	font-size:86%;
	padding:3px 3px 0 0;
} 
#controlcol table.table2 {
	margin-bottom:6px;
}
#quickord {
	float:left;
}
#login, #login2 {
	clear:both;
	float:left;
}
#minicart {
	clear:both; 
	float:left;
	padding-bottom:5px;
}
#favorites {
	clear:both;
	float:left;
}
#machines {
	clear:both;
	float:left;
	padding-bottom:5px;
}
#orders {
	clear:left;
	float:left;
	padding-bottom:5px;
	margin-bottom:1px;
}

/* 8: forms
----------------------------*/
#main th {
	vertical-align: baseline;
}
#main table.formtable {
	border-collapse:collapse;
	empty-cells:show;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#main table.formtable td {
	vertical-align:top;
	padding: 5px 3px;
}
#main table.formtable td.divider {
	text-align: left;
	margin-bottom:4px;
}
/*provide consistent width for tables set to 75% width*/
#main table.formtable td.labels { 
	width:35%;
}
#main table.formtable h5 {
	padding:0;
	margin:0;
}
#main table.formtable td.buttonspace {
	vertical-align:middle;
}
#main table.formtable td.buttonspace img, 
#main .buttonspace img {
	padding-right:24px;
}
#main table.formtable td.topbuttons, .topbuttons {
	padding-bottom:12px;
}
#main table.formtable td.bottombuttons, .bottombuttons {
	padding-top:12px;
}
#main img.no_button_margin_R {
	padding-right:0;
}
#main table.formtable tr.headers, 
#main table.formtable tr.headers2,
#main table.formtable td.headers {
	margin-top:12px;
}
#main table.formtable th.firsthdr {
	padding-left:1em;
}
#main table.formtable tr.headers th, 
#main table.formtable tr.headers2 th,
#main table.formtable td.headers {
	font-size:80%;
	font-weight:bold;
	text-align:center;
	padding:2px;
}
/*left-align headers*/
#wrap #main table.formtable tr.headers th.headerleft,
#wrap #main table.formtable tr.headers2 th.headerleft,
#wrap #main table.formtable tr.headerleft th {
	text-align:left !important;
}
#main h5.skosh, #main p.skosh {
	padding-right:0.3em;
}
#main table.formtable td p, 
#main table.formtable td label,
#controlcol table.formtable td p {
	font-size:85%;
	margin:0;
	padding:2px;
}
#main table.r td {
	text-align:right;
}
#main table.r td.l {
	text-align:left;
}
#main table.formtable td img {
	border:0;
	margin:0;
	padding:0;
}
#main table.formtable td img.smallspace,
input.smallspace {
	padding-right:6px;
}
#main table.formtable tr.rowcenter td, 
#main table.formtable tr.rowcenter td p  {
	text-align:center;
}
#main table.formtable tr.rowcenter td.txtleft, 
#main table.formtable tr.rowcenter td.txtleft p, 
#main table.formtable tr.headers th.txtleft {
	text-align:left;
}
#main table.formtable th.sort img {
	padding-left:0.3em;
}
input, select, textarea {
  	font: small Verdana, Geneva, Helvetica, sans-serif;
	font-size: 85%;
}

textarea {
	font-size:90%;
}
input.uniform, select.uniform {
	width:180px;
}
select.favorites, select.machines {
    width:138px;
}
#main table.fleft {
  float:left;
}
#main table.fright {
  float:right;
}
#main table.formtable label.checkboxlabel {
	display:block;
	width:99%;
	padding:2px;
	padding-left:3px;
	font-size:100%;
	font-weight:bold;
}

#main input.checkboxinput {
	display:inline;
	width:14px;
	padding:2px;
	padding-left:0;
}
#main table.pl { /*breathing room for product listing table*/
	margin-top:0.6em;
}
#main table.formtable tr.pager {
	padding:0.2em;
	font-size:80%;
}
#main table.formtable tr.pager p {
	margin:0.2em;
	font-weight:normal;
}
form #main #contents table.formtable .pagerselect select {
    width:auto;
}
#main div.buttonright { /*div for three buttons on right, above or below a form or table*/
	position:relative;
	left:390px;
	width:480px;
}
#main div.buttonrightwide { /*div for four buttons on right, above or below a form or table*/
	position:relative;
	padding-top: 10px;
	left:300px;
	width:590px;
}

#main table.faux { /*used with fake radgrid tables*/
    width:100%;
} 
#main table.faux td {
    padding:3px 6px;
	vertical-align:middle;
}
#main table.faux th {
	padding-left:6px;
}
#main table.topalign td {
	vertical-align:top;
}
#main table td.nostripe {
	background-color:#fff !important;
}
td.qualcol { /*for marketingstatus page*/
	width:8%;
}
td.promocol { /*for marketingstatus page*/
	width:50%;
} 
input.btnalign2 { /*for aligning button with input.formext*/
    margin-bottom:7px;
}


/* 9: lists
----------------------------*/
.floatright {
	display:inline;
	float:right;
	text-align:right;
	margin:0 3px;
}
.floatleft {
	display:inline;
	float:left;
	text-align:left;
	margin:0 3px 0 0;
}


#adcol #inneradcol ul, #main #contents ul {
	padding:0.1em 0.7em;
	margin:0.1em 0.7em;
}
#adcol #inneradcol li, #main #contents li {
	margin-left:0;
	padding-left:0;
}
#main #contents ul.learnlist {
	padding:8px 0 8px 0;
	margin:0 0 0 230px;
}

/* 10: images
----------------------------*/
#main img {
	border:0;
}
img.prodimage {
	float:left;
	margin:0 0.8em 0.4em 0;
	border:0;
	width:auto;
	max-width:240px;
	height:auto;
	max-height:240px;
}
img.thumbnail {
	border:0;
	width:auto;
	max-width:75px;
	height:auto;
	max-height:75px;
}
a.learnlogo img {
	float:left; 
	padding:8px 20px 8px 0;
	border:0;
	width:auto;
	max-width:200px;
}
div.bannerads img.ad {
	padding:0 0 12px 0;
	width:auto;
	max-width:146px;
}
.clearer {
	clear:both;
	line-height:0;
	font-size: 1px; /* added for IE7 compliance */
	height:0;
	width:0;
}
/* Use this class to clear any block-level element containing a float */
.autoclear:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
p.legend img {
	vertical-align:middle;
	padding:0 0 5px 8px;
}
img.acro {
	border:none;
	float:right;
	margin:0 0.2em;
}
.btnhelp { /*for help buttons floated right next to h1 heading*/
	padding-top:25px;
}

/* 11: watermarks 
-------------------------------------*/
h1.logwm {
		background:transparent url("../images/icons/user_guy_bg.jpg") top left no-repeat;
		height:32px;
		padding-top:20px;
		margin-bottom:-0.5em;
}
h1.faves {
		background:transparent url("../images/icons/bigstar_grn.jpg") top left no-repeat;
		height:42px;
		padding-top:20px;
		margin-bottom:-0.5em;
}
h1.ohist {
		background:transparent url("../images/icons/myorders_bg.jpg") top left no-repeat;
		height:70px;
		padding-top:20px;
		margin-bottom:-0.5em;
}
h1.adsrch {
		background:transparent url("../images/icons/search_bg.jpg") top left no-repeat;
		height:33px;
		padding-top:20px;
		margin-bottom:-0.5em;
}
h1.adsrch_small {
	height:22px;
	padding-top:0px;
	margin-bottom:-1.2em;
}
h1.cartwm {
		background:transparent url("../images/icons/cart_bg.jpg") top left no-repeat;
		height:40px;
		padding-top:20px;
		margin-bottom:-0.5em;
}
h1.webspec {
		background:transparent url("../images/icons/webspecial_bg.jpg") top left no-repeat;
		height:40px;
		padding-top:20px;
		margin-bottom:-0.5em;
}
h1.prodwm {
		background:transparent url("../images/icons/search_bg.jpg") top left no-repeat;
		height:33px;
		padding-top:20px;
		margin-bottom:-0.5em;
}
h1.qowm {
		background:transparent url("../images/icons/quickorder_bg.jpg") top left no-repeat;
		height:48px;
		padding-top:20px;
		margin-bottom:-0.5em;
}
h1.rewm {
		background:transparent url("../images/icons/rewards_bg.jpg") top left no-repeat;
		height:56px;
		padding-top:20px;
		margin-bottom:-0.5em;
}
h1.learnwm {
		background:transparent url("../images/icons/learning_bg.jpg") top left no-repeat;
		height:45px;
		padding-top:20px;
		margin-bottom:-0.5em;
}
h1.showcasewm {
		background:transparent url("../images/icons/showcase_bg.jpg") top left no-repeat;
		height:62px;
		padding-top:15px;
		margin-bottom:-0.7em;
}
h1.errorwm {
		background:transparent url("../images/icons/error_bg.jpg") top left no-repeat;
		height:62px;
		padding-top:22px;
		margin-bottom:-0.7em;
}
h1.promowm {
		background:transparent url("../images/icons/promo_bg.jpg") top left no-repeat;
		height:50px;
		padding-top:22px;
		margin-bottom:-0.7em;
}
h1.machinewm {
		background:transparent url("../images/icons/machines_bg.jpg") top left no-repeat;
		height:53px;
		padding-top:24px;
		margin-bottom:-0.7em;
}
h1.maintwm {
		background:transparent url("../images/icons/maint_bg.jpg") top left no-repeat;
		height:60px;
		padding-top:24px;
		margin-bottom:-0.7em;
}
h1.accounterrortwm {
		background:transparent url("../images/icons/account_error.jpg") top left no-repeat;
		height:60px;
		padding-top:24px;
		margin-bottom:-0.7em;
}
h1.budgetwm {
		background:transparent url("../images/icons/editbudget_bg.jpg") top left no-repeat;
		height:32px;
		padding-top:20px;
		margin-bottom:-0.5em;
}

/* 12: remove right column when needed 
----------------------------------------
  (to delete the right column on a page,
  add class="norightcol" to the <body> tag  */  
body.norightcol #wrap {
	background: #fff;
}
body.norightcol #contents {
	width:780px;
	margin-right:5px;
}
body.norightcol #adcol {
	position:absolute;
	top:-9999px;
}

/* 13: remove right and left columns
------------------------------------
   (Remove both right and left cols by 
    adding class="onecol" to the <body> tag */
body.onecol #wrap {
	background: #fff;
}
body.onecol #contents {
	width:610px;
	padding-left:180px;
}
body.onecol #main {
	width:960px;
	min-height:400px;
}
body.onecol #adcol, body.onecol #controlcol {
	position:absolute;
	top:-9999px;
}
	
	
/* 14: search results
-----------------------------*/
#categories {
		float:left;
		width:48%;
}
#main #contents #categories ul {
		list-style-type:none;
		margin-left:0;
		padding-left:0;
}
#bestsellers {
		float:right;
		width:48%;
}
#bestsellers img {
		float:left;
		margin-top:.1em;
		margin-bottom:1em;
}
#bestsellers p {
		margin-left:80px;
		margin-top:0;
}
#bestsellers a, #categories a, table.alphatable a {
		font-weight:normal;
}
#bestsellers {
		padding-right:0.2em;
}
	
/* 15: ad rotator
----------------------------*/
.imgprev {
		border-style:none; 
		float:left; 
		padding:0 0 3px 3px; 
		cursor: pointer;	
}
.imgnext {
		border-style:none; 
		float:right; 
		padding:0 3px 3px 0; 
		cursor: pointer;
}	

/* 16: checkout
---------------------------*/
.box {
	margin-bottom:1em;
	width:98%;
}
.box h3 {
	margin-top:0;
	padding:0.2em;
}
.box h3#itemtable {
	margin-bottom:0;
}
#main div.box table.formtable td {
	padding:4px 1px 1px 3px;
}
#main #adcol #inneradcol table.formtable td {
	padding:0;
}
#main #adcol #inneradcol table.formtable td p {
	padding:0 2px;
}
.lineup { /* line up form controls with tables that have 22% width for label cells */
	margin-left:126px;
}
#adcol #inneradcol h2 {

	letter-spacing:normal;
}
#main p.boxp,
#main span.boxp {
	padding-left:0.4em;
	margin-bottom:.1em;
}
#main p.btnright {
	text-align:right;
	margin-left:1em;
	margin-bottom:.1em;
}
#ordersummary {
	padding:0 0.2em 1em 0.2em;
	text-align:left;
	margin-top:10px;
}
#ordersummary h2 {
	margin-top:0;
	padding-top:10px;

}
#ordersummary2 h2 {
	font-size:120%
}
#ordersummary p, #ordersummary2 p {
	text-align:right;
}
#ordersummary li, #ordersummary2 li {
	list-style-type:none;
	text-align:left;
}
#ordersummary li, #ordersummary2 li {
	float:left;
	width:48%;
}
#ordersummary li.amount, #ordersummary2 li.amount {
	float:right;
	width:50%;
	text-align:right;
}
#adcol #inneradcol #ordersummary ul {
	padding:0.1em 0.1em;
	margin:0.1em 0.1em;
}

/* 17: category browse
---------------------------*/
table.catbrowse {
	 	width:98%;
		margin:0;
		padding:0;
		border-collapse:collapse;
}
table.catbrowse a:link, 
#divCategory td a:link {
	 	font-weight:normal;
		display:block;
}
table.catbrowse h4 a:link {
		font-weight:bold;
}
#main table.catbrowse h4 {
		font: small Verdana, Geneva, Helvetica, sans-serif;
		font-size:90%;
		margin-top:.1em;
}
#main #contents table.catbrowse ul {
		padding:0.1em 0.1em 0.1em 0.4em;
		margin:0.1em 0.1em 0.1em 0.4em;
}
#main table.catbrowse li {
		list-style:none;
}
table.catbrowse a:visited, #divCategory a:visited {
	 	font-weight:normal;
}
table.catbrowse td {
		margin:0;
		vertical-align:top;
		border-bottom:1px solid #b5b5b5;
}
#main table.catbrowse td p, #divCategory p {
		margin-bottom:.1em;
}
table.catbrowse caption {
	 	text-align:left;
		font-weight:bold;
		padding-bottom:.2em;
		border-bottom:1px solid #b5b5b5;
}
#divCategory {
	 	display:none;
		background:#eaf3f7;
		border:1px solid #a6a6af;
		padding:5px;
		text-align:left;
		width:520px;
}
#divCategory table {
	 	width:100%;
		border:none;
		border-collapse:collapse;
		margin:0;
		margin-top:10px;
}
#divCategory table td.popuptd {
	 	width:auto;
		vertical-align:top;
		padding:1px 4px;
		border-bottom:1px solid #b4b4b4;
		border-top:1px solid #b4b4b4;
}
table.catbrowse p {
		line-height:1.2em;
}
table.catbrowse td {
		padding:3px;
}


/* 18: floating Verisign logo
------------------------------*/
.ssl {
	float:right;
	margin:1.2em .2em .2em .2em;
	width: 135px;
}


/* 19: learning center
------------------------------*/
div.learn {
	margin-bottom:2em;
}

/* 20: contracts and laundry lists
------------------------------*/
div#contractlist {
	float:right;
	width:48%;
}
.bottomrow {
	clear:both;
}

/* 21: product showcase
------------------------------*/
div.show {
	margin-bottom:1em;
}
div.mfg_left {
	padding:0 1em .2em 1em;
	float:left;
	width:35%;
	text-align:center;
}
div.mfg_right {
	padding:0 1em .2em 1em;
	float:right;
	width:35%;
	text-align:center;
}

/* 22: partial order entry
------------------------------*/
#container .partitem {
	width:750px;
	position: absolute;
}
.quickorderbox {
	float:left;
	width: 230px;
	margin: 6px;
	padding: 3px;
}
p.tight {
	word-spacing: -.03em;
	letter-spacing: -.05em;
}
#container p.boxintro {
	margin:5px 10px 10px 10px;
}
#container img.boxcloser {
	float:right;
	margin:5px;
}
#wrap .quickorderbox p {
	line-height: 1.1em;
	white-space:nowrap;
	overflow:hidden;
	font-size:76%;
	margin:.1em 0 .4em 0;
}
.quickorderbox_selected p{
	line-height: 1em;
	white-space:nowrap;
	overflow:hidden;
}	
.quickordertext {
	padding-left: .3em;
}
#container p.boxmore {
	clear:both;
	float:left;
	margin:10px;
	margin-top:5px;
	padding-bottom:5px;
	line-height:normal;
}

/* 23: parametric search
------------------------------*/
.parametric_tab { /*backgrounds are in color css files for each theme*/
	width:240px;
	height:20px;
	cursor:pointer;
}
#wrap .parametric_tab p {
	margin-bottom:0.1em;
	margin-left:1em;
	padding-left:2em;
}
#wrap .parametric_tab img {
	padding-right:0.6em;
}
#wrap .parametric_tab a img {
    text-decoration:none;
}    
.parametric_box {
	height:auto;
	width: 575px;
	padding:5px 16px 5px 5px;
}
#wrap .parametric_box div.combofloat {
	display:block !important;
	float:left !important;
	width:136px;
	padding:0;
	margin:5px 0 5px 3px;
}
#main .parametric_box ComboBoxInput_WindowsXP {
	height:14px !important;
}
#main .parametric_box span span span {
	font-size:80%;
}
#main .parametric_box input.chkbox {
	width:11px;
	margin-top:.1em;
	display:block;
	float:left;
	line-height:1.3em;
}
.parmoption {
	display:block;
	float:left;
	width:130px;
	margin-top:5px;
	margin-left:2px;
	
}
.parmoption p {
	float:left;
	width:116px;
	margin-top:0;
	margin-left:12px;
	line-height:1.2em;
}

.parmoption input {
	margin-right:2px;
}
.parmlist {
	width:565px;
}
/* 24: callout box
------------------------------*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#eaeaea;
	width:350px;
}
.cbb h3 {
	margin:0 -10px;
	padding:0.3em 10px;
}
/* Normal styling */
.cb {margin:0.5em 0;}
/*--box with point on right--*/
	/* Top corners and border */
.bt {
	height:15px;
	margin:0 0 0 20px;
	background:url("../images/callout/calloutbox_right.png") no-repeat 100% 0;
}

.bt div {
	position:relative;
	left:-20px;
	width:20px;
	height:15px;
	background:url("../images/callout/calloutbox_right.png") no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:25px;
	margin:0 0 0 10px;
	background:url("../images/callout/calloutbox_right.png") no-repeat 100% 100%;
}
.i3 h3 {
	margin-top:0;
}
.bb div {
	position:relative;
	left:-10px;
	width:25px;
	height:25px;
	background:url("../images/callout/calloutbox_right.png") no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 10px;
	background:url("../images/callout/border_left.png") repeat-y 0 0;
}
.i1_left {
	padding:0 0 0 10px;
	background:url("../images/callout/border_left2.png") repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 10px 0 0;
	background:url("../images/callout/border_right2.png") repeat-y 100% 0;
}
.i2_left { /*right border for left-pointed box*/
	padding:0 10px 0 0;
	background:url("../images/callout/border_right.png") repeat-y 100% 0;
}

/*--box with point on left--*/
	/* Top corners and border */
.bt_left {
	height:15px;
	margin:0 0 0 20px;
	background:url("../images/callout/calloutbox_left.png") no-repeat 100% 0;
}

.bt_left div {
	position:relative;
	left:-20px;
	width:20px;
	height:15px;
	background:url("../images/callout/calloutbox_left.png") no-repeat 0 0;
	font-size:0;
	line-height:0;
}
	/* Bottom corners and border */
.bb_left {
	height:25px;
	margin:0 0 0 10px;
	background:url("../images/callout/calloutbox_left.png") no-repeat 100% 100%;
}
.i3_left h3 {
	margin-top:0;
}
.bb_left div {
	position:relative;
	left:-10px;
	width:25px;
	height:25px;
	background:url("../images/callout/calloutbox_left.png") no-repeat 0 100%;
	font-size:0;
	line-height:0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#eaeaea;
}
.i3_left {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#eaeaea;
}
	/* Auto clear the element containing the float */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}

/*position for box on right*/
#container #main div.pointright {
	z-index:100000;
	position: absolute;
	width:350px;
}
/*posiiton for box on left*/
#container #main div.pointleft {
	z-index:100000;
	position: absolute;
	width:350px;
}
#container #main img.callboxclose {
	float:right;
	padding:3px 10px 0 0;
}


/* 25: SPR Enhanced Search
------------------------------*/
#container div.flush span table.formtable {
	margin-top:0;
	margin-left:24px;
	width:740px !important;
}
#sliderContainer, #sprbox {
	position: relative;
	z-index: 6;
}
#sliderContainer p, #sprbox p {
	margin-bottom:0.2em;
}
#sliderContainer #menu1Content, #sprbox #sprboxContent {
   z-index: 10; 
   padding: 9px;
}
#sprbox #sprboxContent select, #sliderContainer #menu1Content select {
	padding:0;
	margin:5px;
	width:165px;
}
#sprbox a:link, #sliderContainer a:link, 
#sprbox a:visited, #sliderContainer a:visited {
	padding:0;
	margin:5px;
	font-size:85%;
	font-weight:normal;
	color:#fff;
}
#refineContainer a:link, #refineContainer a:visited {
	font-size:100%;
	font-weight:normal;
	color:#fff;
}
#sprbox a:link, #sliderContainer td a:link,
#sprbox a:visited, #sliderContainer td a:visited {
	padding:0;
	margin:0;
	font-size:100%;
	font-weight:normal;
	color: #1b148a;
}
#main #sprbox a img {
	padding-right:2px;
}
#main #sprbox th.grouphead, #main #sliderContainer th.grouphead {
	font-size:80%;
}
#sliderContainer #menu1Container, #sprbox # {
   text-align: left; 
   color: #000;
   padding: 0px;
   margin: 0px;
}  
table.srchres td {
	padding-left:3px;
	vertical-align:top;
}
#refineContainer, #sprtab {
   	position: relative;
   	z-index: 1;
    width: 540px;
    height: auto;
    margin:0 0 0 24px;
} 
#refine, #sprtabContent {
    z-index: 4;
    visibility: hidden;
    padding: 12px 0px 0px 9px;
} 
#hideOptions, #closeOptions {
    font-size: 110%;
    margin-left: -1px;
}

#hideOptions a, #closeOptions a,
#refine a, #sprtabContent a {
    display: block;
	padding-bottom:2px;
}
#refine a:hover,
#hideOptions a:hover {
	text-decoration:underline;
}         
#hideOptions a {
    cursor: hand;  
    padding-top: 10px;
    margin-bottom: 13px;
}
#hideOptions a div,
#refine a div {
    float: left;
    width: 15px;
    height: 15px;
    cursor: hand;
    margin: -1px 5px 0px 0px;
}  
#hideOptions a {
    text-indent:1em;
}   
.btnalign {
	margin-bottom:-5px;
}
#menu1Content .ComboBoxInput_WindowsXP,     /*fix height for radComboBox*/
#menu1Content .ComboBoxInputHover_WindowsXP
{
	min-height: 15px !important;
}
/*Enhanced Product Detail*/
table.suggested {
	background-color:#fff;
}
table.suggested td {
	padding:3px 0;
}
#main table.suggested tr td img {
	padding-top:3px !important;
}
#main p.nb {
	margin-bottom:0.3em;
}
p.nb a:link {
	font-weight:normal;
}
/*Enhanced Product Comparison*/
.compare {
	float:none;
	width:960px;
	padding: 10px;
}
body.compare #main {
	float: none;
	width: 100%;
}
body.compare #contents {
	width: 100% !important;
	padding: 5px 0px 0px 5px;
}
body.compare table.formtable th {
	vertical-align:top;
}

/* 26: Machine Matching
------------------------------*/
/*main page*/
.search_right {
	float:right;
}
.search_left {
	float:left;
	margin-left:20px;
}
#MachineOptions .box {
	margin-top:1em;
	width:46%;
	padding:0;
}
#MachineOptions .box h3,
#MachineOptions h4,
#MachineOptions label {
	padding-left:10px;
}
#MachineOptions h4 {
	margin-top:0.2em;
}
#MachineOptions input.formtext,
#MachineOptions select {
	display:block;
}
#MachineOptions table.formtable td {
	vertical-align:middle;
	padding-top:5px;
	padding-bottom:5px;
}
#MachineOptions .box input {
	margin:5px 0 5px 10px;
}
#MachineOptions .box select {
	margin:5px 0 10px 10px;
}
#MachineOptions .box a {
	margin:10px;
}

/*manufacturer browse*/
#main #contents table.alphatable {
	float:left;
	border-collapse:separate;
	font-size:85%;
	width: 100%;
	margin: 0px 1px 0px 1px;
	border: solid 1px #cccccc;
	z-index: -99;
}
#main #contents table.alphatable td {
	width:30%;
	text-align:left;
	padding:2px 3px 2px 5px;
}
#main #contents div.mfgbrowse {
	margin: 0px 0px -2px -8px;
	z-index: 1;
}

/*search results--add machine*/
#addmachine .box {
	width:49%;
}
#addmachine .box h3 {
	padding-left:10px;
}
#addmachine .box input.formtext {
	margin:0 0 10px 10px;
	width: 225px;
}
#addmachine .box img {
	margin-bottom:10px;
}
#addmachine .box p {
	margin-left:10px;
}
.box_right {
	float:right;
	width: 49%;
	margin-top:.5em;
}
.button_left {
	float:left;
	width:30%;
}
.button_right {
	width: 45%;
	float:right;
	text-align:right;
}
	
/* 27: Address Conrol
------------------------------*/
#address div {
  clear: left;
  display: block;
  font-size: 85%;
  padding: 1px;
}

#address div label {
  display: block;
  float: left;
  width: 130px;
  text-align: right;
}
#address div.optional label, label.optional {
  font-weight: normal;
}

#address div.required label, label.required {
  font-weight: bold;
}
#address div input, form div select, form div textarea {
	margin-left: 5px;
  	padding-left: 2px;
 	width: 200px;
}
form div select.auto {
	width:auto;
}
#address div.citystzip {
	padding-left: 131px;
	clear: left;
	text-align: left;
	width: 500px;
}
#address div.citystzip .formtext {
	margin: 3px;
	padding: 3px;
	width: 100px;
}
#address div select.state {
	margin: 3px;
	padding: 3px;
	width: 45px;
}

#address div.submit {
	padding-left: 131px;
	clear:both;
}

#addresslabels {
	display:block;
	margin-left: 131px;
}
#addresslabels label {
	margin-left: 2px;
	margin-right: 2px;
}

/* 28: CSS Panel
------------------------------*/
#panel div {
  clear: left;
  display: block;
  padding: 1px;
}


#panel div label {
  display: block;
  float: left;
  width: 130px;
  text-align: right;
}

#panel div span {
   font-size: 85%;
}

#panel div.optional label,
label.optional {
  font-weight: normal;
}

#panel div.required label,
label.required {
  font-weight: bold;
}

#panel div input, 
#panel div select, 
#panel div textarea {
	margin-left: 5px;
  	padding-left: 2px;
 	width: 200px;
}

#panel div.readonly {
	font-size: 85%;
	padding-left: 131px;

}


#ctl00_cph1_billtoLabel {
	margin-left: 79px;
	text-align: right;
}

 
/* 29: Order Summary Control
------------------------------*/
#ctl00_cph1_divSummary1 table.orderSummary,
#ctl00_cph1_divSummary2 table.orderSummary {
	width: 80%;
    float: left;
	margin-left: 4.5em;
}

#ctl00_cph1_summary1_orderSummary td.label,
#ctl00_cph1_summary2_orderSummary td.label {
	width: 50%;
	text-align: left;
}

#ctl00_cph1_summary1_orderSummary td.amount,
#ctl00_cph1_summary2_orderSummary td.amount {
	width: 50%;
}
td.amount {
	text-align: right;
}


/* 30: Checkout Page 2
-------------------------------------------------*/

#quickRef {
	float: left;
	width: 80%;
	margin-left: 65px;
	margin-bottom: .5em;
	font-size: 85%;
}
#quickRef label {
	float: left;
	display: inline;
	padding-right: 20px;
}
#quickRef table {
	float: left;
	width: auto;
}

#ctl00_cph1_summary2_lstReferenceNumbers {
	text-align: left;
	width: 300px;
}

#shippingAddr1 {
	width: 70%;
	font-size: 85%;
	margin-left: 133px;
}

#shippingmethod2 {
	margin-left: 133px;
}


/* 31: Help Button Control
---------------------------------------*/
.helpbutton {
	float: right;
	padding-right: 2em;
	padding-top: .5em;
}

/* 32: Product Browse
--------------------------------------*/
.fontnormal {
	font-size: medium;
}

/* 33: Payment Method
--------------------------------------*/
#PaymentMethod table td select {
	margin-left: -.5px;
}

#PaymentMethod table td input {
	width: 257px;
}

/* 34: RadTabStrip control
--------------------------------------*/
.RadTabStrip {
	z-index: 99;
}
.RadTabStripDiv {
	border: solid 1px #CCC;
	margin-top: -3px;
	z-index: 0;
	text-align:left;
	padding: 2px;
}

/* 35: Credit Card Editor
-------------------------------------*/
.label {
	font-weight: bold;
}

.creditCardEditor {
	margin-left: 7em;
}

.bottombuttons {
	margin-left: 17.50em;
}

/* 36: Pay Invoices Form
-------------------------------------*/
.paybuttons {
	margin-top: 10px;
	text-align: left;
}