/* UNIVERSAL CSS FOR YARDE METALS WEBSITE */
/* NO HACKS BETWEEN OPERA, GECKOS, OR IE */

html, body {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.075em;
color: #4f4d4d;

}
html {
font-size:100%;}
body {
margin:0;
padding:0;
text-align:center;
min-width:37.5em;
background-color:#ccc;}
.container {
margin-left: auto;
margin-right: auto;
background-color:#fff;
height:100%;
min-height:100%;
width:60em;
padding:0em;}

.content {
/* position:relative; */
clear:all;
float:left;
width:60em;
display: inline;
overflow:visible;
text-align:left;
background-color:#fff;
 min-height:100%;
}


.content_msg{
position:absolute;
left:450px;
top:300px; }


/******************************************************************************************************************************
HEADER & FOOTER
******************************************************************************************************************************/

.logo {
clear:both;
float:left;
width:13.875em;
height:3.2em;
text-align:center;
padding-top:.25em;
padding-left:1em;
padding-bottom:.5em;}
.nav_top {
float:right;
text-align:left;
height:1.563em;
padding-top:2.2em;
padding-right:.5em;
font-size:.8em;
color:#ccc;
}
.footer_gradient {
clear:both;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,StartColorStr='#dedede', EndColorStr='#fefefe');
width:73.5em;
height:3em;
margin-left:auto;
margin-right:auto;
padding:.75em;
font-size:.8em;
text-align:center;
color:#aaa;
border-top:1px solid #8c8c8c;
border-bottom:1px solid #cbcbcb;
}
.footer {
clear:both;
width:73.5em;
height:2.5em;
margin-left:auto;
margin-right:auto;
padding:.75em;
font-size:.8em;
background:url("/images/framework/footer_gradient.gif") repeat-x;
background-color:#fff;
color:#aaa; }
/*.footer a:link, .footer a:visited { color: #cccccc; text-decoration:none; }
.footer a:hover, .footer a:active { color: #3366FF; text-decoration:underline; }
#footerText { display:inline}*/

.footer a:link,.footer_gradient a:link {text-decoration:none; font-size:1.05em; font-weight: none; color:#999;}
.footer a:visited,.footer_gradient a:visited{text-decoration:none; font-size:1.05em; font-weight: none; color:#999;}
.footer a:hover,.footer_gradient a:hover {text-decoration:underline; font-size:1.05em; font-weight: none; color:#3366FF;}

/******************************************************************************************************************************
NAVIGATION
******************************************************************************************************************************/
.cart_item_count{
clear:both;
float:left;
padding-left:68em;
margin-top: -1.75em;
font-size: .75em;
color:#ccc;
font-weight:bold;
}

.nav {
clear:both;
width: 100%;}
.menu {
float:left;
width:43.75em;
height:2.2em;
background:url("/images/nav/nav_back.gif") repeat-x;
}
.menu ul {
float:left;
margin:0em;
padding-bottom:0em;
padding-left:.75em;
list-style:none;
text-align:left;}
.menu li {
float:left;
display:inline;
line-height:1.81em;
padding-top:0em;
font-size:.9em;}
.menu li a {
float:left;
color:#ffffff;
padding:.313em 1.2em;
text-decoration:none; }
.menu li a.tabactive {
float:left;
color:#FFFFFF;
height:1.6em;
margin-top:1px;
background-color:#008bd3; }
.search {
float:left;
width:16.25em;
height:2.2em;
background:url("/images/nav/nav_back.gif") repeat-x;}
.search .label {
float:left;
width:5.35em;
font-size:.7em;
font-weight:bold;
color:#fff;
margin-top:.9em;}
.search .input {
float:left;
width:8.75em;
margin-left:0em;}
.search .button {
float:left;
width:1.25em;
text-align:left;
color:#ff983a;
font-size:.9em;
font-weight:bold;
margin-top:.1em;
margin-right:2.25em;}
.submenu {
background-color:#fff;
height:2.2em;
width:100%;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5, #tabcontent6 {
float:left;
text-align:left;
padding-top:.58em;
padding-left:2.15em;
font-size:.9em;}
#color_sub{
clear:both;
font-family: Arial, Helvetica, sans-serif, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;/* Font  of sub menu items */
background-color:#214d8c;
height:4px;
width:100%;/* Don't change this option */}


/******************************************************************************************************************************
HOME PAGE
******************************************************************************************************************************/



.flash{
clear:both; float:left; width: 960px; height: 342px; margin:0px; position: relative;
}


.home_titles{
letter-spacing:-.06em;
font-family: Calibri, 'Gill Sans', Arial, Verdana, sans-serif;
font-weight: bold;
font-size:1.9em;
color: #4a91e9;
}

.home_headings{
letter-spacing:-.07em;
font-family: Calibri, 'Gill Sans', Arial, Verdana, sans-serif;
font-weight: bold;
font-size:2.2em;
color: #f2bd39;
/*padding-left: 10px;*/
padding-bottom: .5em;
}

.home_blue_bar{
clear:both;
float:left;
width: 960px;
height: 12px;
background:url('/images/home/blue_bar.jpg') repeat-x;
}

.out {
  display:block;
  position:relative; }

.home_leftcol {
font-family: Calibri, 'Gill Sans', Arial, Verdana, sans-serif;
clear:both;
width:537.5px;
height:400px;
line-height:1.4em;
margin-left:1.5px;
margin-top:.5em;
margin-bottom: 2em;
background: url('/images/home/shadow.gif') no-repeat bottom right;
float:left;
}

.home_leftcol_left {
width:48%;
float:left;
background-color:#fff;
position: relative;
margin-left:3.5%
}

.home_leftcol_right {
width:38%;
float:right;
background-color:#fff;
position: relative;
margin-right:3.5%
}

.in {
  background:#fff;
  position:relative;
  padding:0px;
  margin-left:3px;
  padding-top:20px; }
.ltin {
  left:-3px;
  width: 530px;
}
.tpin {
  top:-0px; }
.home_leftcol2 {
width:530px;
float:left;
background-color:#fff;
padding-top:20px;
position: relative;}

.home_rightcol {
width:400px;
height:380px;
float:left;
line-height:1.4em;
background-color:#fff;
padding-left:15px;
padding-top:20px}

.home_section_desc {
font-family: Calibri, 'Gill Sans', Arial, Verdana, sans-serif;
color:#999;
font-size: 12pt;
line-height: 1.15em;
}

.highlight_social{
clear:both;
float:left;
padding-right: 0em;
width: 260px;
}

.linkedin_container{
float:left; padding-right: .5em; width: 4em;
}

.newsitem2 {
width: 90%;
font-family: Calibri, 'Gill Sans', Arial, Verdana, sans-serif;
font-size:.75em;
margin:15px 0 5px 0;
padding:0 75px 0 30px;
line-height:1.2em;
clear:left;}
.newsitem2 img {
float:left;
padding: 0 10px 10px 0;}
.newsitem2 a:link {
/*color:#394673;*/
text-decoration:none;
/*font-weight:bold;*/
font-size:1.1em}
.newsitem2 a:visited {
/*color:#394673;*/
text-decoration:none;
/*font-weight:bold;*/
font-size:1.1em}
.newsitem2 a:hover {
/*color:#394673;*/
text-decoration:underline;
font-weight:bold;}
.dottedline {
border-bottom:1px dashed #ccc;
margin:0 0 0 30px;
padding:0;
height:5px;
width:80%;
clear:left;}
.specials .img {
clear:both;
margin: 0px;
position:relative;
margin-left:30px;}

/******************************************************************************************************************************
DYNAMIC CONTENT
******************************************************************************************************************************/

.newsitem {
width: 90%;
font-size:.7em;
margin:15px 0 5px 0;
padding:0 75px 0 30px;
line-height:1.2em;
clear:left;}
.newsitem img {
float:left;padding: 0 10px 10px 0;}

.newsitem a:link {color:#378DF2; font-weight:bold; text-decoration:none; font-size:1.1em}
.newsitem a:visited { color:#378DF2; font-weight:bold; text-decoration:none; font-size:1.1em}
.newsitem a:hover {color:#378DF2; font-weight:bold; text-decoration:underline;}

.specials {
clear:both;
margin-left:30px;}
.items_l {
float:left;
width:48%;
margin-left:30px;
margin-bottom:15px;}
.items_r {
float:right;
width:50%;}


/*margin-left:30px;
margin-bottom:30px;
font-size:1.2em;
color:#FFCC66;
margin:0;
padding:0*/

/******************************************************************************************************************************
PAGE LAYOUT
******************************************************************************************************************************/


.hdr_image{
clear:both;
height:auto;
width:auto;}
.body_1col{
clear:both;
float:left;
width:60em;
height:100%;
margin:0em;}
.body_2col{
clear:both;
float:left;
width:42.2em;
height:auto;
margin:0px;}
.rt_column_2col{
float:right;
width:17.4em;
margin-top:.937em;
border-left:1px solid #E6E6E6;
text-align:left;  }
.crumbs{
overflow:hidden;
clear:both;
float:left;
width:60%;
height:auto;
padding: 1.75em 0em 0em 1.4em;
font-size:12px;
color:#5a5858;
text-align:left;
line-height:1em;}
.phone_number{
float:left;
width:35%;
margin:1.25em 0em 0em .625em;
text-align:right;}
.rt_column_headers{
clear:both;
height:1.8em;
margin-left:.75em;
padding:.4em 0em 0em 1.25em;
font-size:.8em;}

.rt_column_headers_eeo{
clear:both;
height:3.0em;
margin-left:.75em;
padding:.4em 0em 0em 1.25em;
font-size:.8em;}

.company_height{ height:64em; }

.company_contact_header{
height:2em;}

.company_color{
background:#F29826;}
.news_color{
background:#679901;}
.products_color{
background:#677077;}
.resource_color{
background:#4234df;}
.services_color{
background:#689dc9;}
.login_color{
background:#000;}
.myaccount_color{
background:#cc0000;}
.search_color{
background:#000;}
.page_title{
float:left;
width:100%;
height:auto;
padding: .2em 0em 1.25em .938em;
text-align:left;
line-height:1.5em;}
.body_content{
/*overflow:hidden;*/
clear:both;
float:left;
width:98%;
margin:-.75em 1.3em;
font-size:.75em;
text-align:left;}
/** 2 COLUMN LAYOUT WITHIN BODY 2_COL ***/
.col2_left{
width:50%;}
.col2_right{
clear:none;
width:auto;
margin:0em;}

.rt_column_content{
clear:both;
margin-left:.75em;
padding:0em 1em 0em 1.65em;
font-size:.75em;}

.rt_column_content_eeo{
clear:both;
margin-left:.75em;
padding:0em 1em 0em 1.65em;
font-size:.75em;}



.login_register{ padding-bottom:1em; float:left; width: 40%; }
.login_reset{ clear:both; padding-left: 17.5em; padding-top:1em; }

.resetPass_error{ color:red; font-weight:bold; margin-top:-.15em; padding-bottom:.5em; }

.news_image{ top:200px; left:370px; position: relative width: 299px; height: 187px; font-size:.75em; }

.search_h4{ float:left; padding-right:.5em; }

/******************************************************************************************************************************
PRODUCT PAGES
******************************************************************************************************************************/

.prod_color{ color:#476cb2;}

.view_cart{
float:left;
width:40%;
margin:1.25em 0em 0em .625em;
font-size:.9em;
text-align:right;}
.prod_body{
clear:both;
float:left;
width:98%;
height: 100%;
margin:-.5em 1.3em;
font-size:.75em;
text-align:left;}
.prod_cat_toprow{
width:100%;
height:5.1em;
margin-top:0em;
padding: 1.5em 0em 0em 1em;
background: url(/images/products/prod_toprow_background.gif) no-repeat;}
.prod_cat_row{
width:100%;
height:5.95em;
margin-top:-1.5em;
padding: 2em 0em 0em 1em;
background: url(/images/products/prod_row_background.gif) no-repeat;}
.prod_cat_row_addtl{
width:100%;
height:5.95em;
margin-top:-2em;
padding: 2em 0em 0em 1em;
background: url(/images/products/prod_row_background.gif) no-repeat;}
.prod_cat_text{
clear:both;
float:left;
width: 20%;}
.prod_subcat_text{
float:left;
width:6.5em;
height:auto;
/*border:.1em solid #000;*/}
.prod_text_spacer{
float:left;
width:2.5em;
height:auto; }
a.cats{ text-decoration: underline; }
.prod_cat_box{
float:left;
width:26em;
height:5.95em;
margin-top:0em;
border:.1em solid #9fa4a8;
background: url(/images/products/prod_row_box.gif) repeat-x; }
.prod_cat_box_text{
float:left;
padding: 2em 0em 0em 10em;}
.prod_coffee_row{
width:100%;
height:4.95em;
margin-top:-1.5em;
padding: 3em 0em 0em 1em;
background: url(/images/products/coffee_container.gif) no-repeat; }
.prod_rt_column{
overflow:hidden;
float:right;
width:17.4em;
margin-top: 0em;
text-align:left; }
.prod_specials_box{
clear:both;
height:20em;
margin-left:1.25em;
margin-right: 1.5em;
padding:.4em 0em 0em 1.25em;
font-size:.8em;
background: url(/images/products/specials_box.jpg) no-repeat; }
.prod_specials_title{
clear:both;
float:left;
margin: .5em 0em;
padding-top: .1em;
padding-left:.25em;}
.prod_specials_text_container{
clear:both;
float:left;
width:15em;
margin:0em; }
.prod_specials_desc{
padding-top: 1em;
padding-left:.5em;}
.prod_specials_text{
padding-left:.5em; }
.prod_signin_box{
clear:both;
height:20em;
margin-top:1.75em;
margin-left:1.25em;
margin-right: 1.5em;
padding:.4em 0em 0em 1.25em;
font-size:.8em;
background: url(/images/products/sing_in_back.gif) no-repeat; }
.prod_signin_title{
clear:both;
float:left;
margin: .25em .25em 0em 0em;
padding-top: .1em;
padding-left:0em; }
.prod_signin_text{
clear:both;
float:left;
width: 15em;
margin: .5em 0em;
padding-top: .5em;
padding-bottom:1em;
padding-left:.5em;
word-wrap: normal; }

/**** CATEGORY PAGE *****/
.cat_gutter{
clear:both;
float:left;
margin-left:10em;
height:25em; }
.cat_row1{
float:left;
padding-right:1em; }
.cat_row{
float:left;
padding-top:1em;
padding-right:1em; }
.addtl_cat_container{
clear:both;
float:left;
width:98%;
height: 7em;
font-size:.75em;
text-align:left;
margin:-.5em 1.3em;
}
.addtl_cat_title{
clear:both;
float:left;
width:8em;
padding-top: 1em;
padding-left:1em; }
.prod_subcat_box{
float:left;
height:3.95em;
width:16em;
margin-bottom: 2em;
border:.1em solid #9fa4a8;
background: url(/images/products/prod_row_box.gif) repeat-x; }
.prod_subcat_box_text{
float:left;
width: 10em;
padding: 1em 2em;
text-align: center;}
/**** SUB-CATEGORY/DETAILS PAGE *****/
.subcat_leftCol{
width: 712px;

}
.subcat_crumbs{
width: 40%;
}
.subcat_rtCol{
float:left;
width: 240px;
border-left: 0em;
padding-left: 0px;
margin-left: 0px;
margin-top:0em;
padding-top: .5em;

}
.prod_find{
float:left;
padding-top: 1em;
padding-left: 1em;
width:29em;
font-size:.85em; }
.prod_find_specials{
float:left;
width:30em;
padding-top:1em;
font-size:.85em; }

.prod_title{
clear:both;
float:left;
width:100%;
height: 1em;
padding-left:1em;
margin-left:.5em;
font-weight:bold;
line-height: .5em; }
.prod_message{
clear:both;
position: relative;
top: -20px;
left: 40px;
float:left;
color:#469edc;
width:100%;
font-size: 1em;
text-align:center;  }

.prod_signin_box_small{
margin-left:0px;
height:8em;
padding:.3em 0em 0em 1.25em;
font-size:.8em;
background: url(/images/products/sing_in_back_small.gif) no-repeat; }
.prod_signin_title_small{
clear:both;
float:left;
margin: 0em .25em;
padding-left:.25em;
}
.prod_signin_text_small{
clear:both;
float:left;
width: 15em;
margin: .5em 0em;
padding-top: 0em;
padding-left:.5em;
word-wrap: normal; }

.prod_rt_column_small{
float:right;
width:16.7em;
height:7em;
margin-top:.937em; text-align:left; }

.prod_subcat_body{
clear:both;
float:left;
width:100%;
margin:0em 0em;
font-size:.75em;
text-align:left; }

#selector_container{ float:left; padding-left:1em;}
.form_filter{
width: 22em;
}
.prod_details_body{
clear:both;
float:left;
width: 97%;
margin-left: .25em;
margin-top: -1em;
font-size:.75em; }

.display_table_container{
clear:both;
float:left;
width:100%;
margin:0em;
border:0;  }
.details_col4_left{
clear:both; float:left; width:25%; padding:1em 1em; margin-left:1em; margin-right:1em; background-color: #eaedf1;
}
.details_col4_right{
float:left; width:67%; padding:1em 1em; background: #eaedf1;
}
.details_col2_left{
clear:both; float:left; width:40%; padding-left: 1em; margin-right: 1em;
}
.details_col2_right{
float:left; width:52%; padding-left: 1em;
}
.text_row_top_left{
clear:both; float:left; padding-top: 2em; padding-bottom: .75em;
}
.text_row_left{
clear:both; float: left; padding-bottom:.75em;
}
.text_row_right{
clear:both; float: left; width: 100%; padding-bottom:.5em;
}
.text_row_right_hide{
clear:both; float: left; display:none; width: 100%; padding-bottom:.5em;
}
.text_row_right2{
clear:both; float:left; width: 100%; padding-bottom:1em;
}
.details_col2_left_spacer{
clear:both; float:left; width:25%; padding:.5em 1em; margin-right:1em;
}
.cart_buttons{
float:left; padding-top:.5em; padding-left: .5em;
}
.prod_overlay{
clear:both;
float:left;
display:none;
width:575px;
text-align: left;
padding-left:10px; }



/******************************************************************************************************************************
CUSTOMER ADMIN
******************************************************************************************************************************/

/*=======================================
* Tooltips
* ======================================*/
#pwd_tip{
color: red;

}
.pwd_tip2{
color: red;
}

#tooltip{
    width:auto;
    max-width:300px;
    min-width:100px;
    border: 1px solid #DECA7E;
    background:#d3dffa;
    padding: 10px 13px;
   z-index: 2;
    font-size:12px;
    color: #303030;
    text-align:left;
}

#tooltip.default{
    border: 1px solid #DECA7E;
    background: #d3dffa;
    color: #303030;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    margin-top:2px;
}

/** HYBRID CONFIG MY ACCOUNT PAGE **/
.myaccount_item_row{ padding-left; 2em; font-size: .85em; color:#777; background-color:#DDF0FD; border-bottom:1px solid #c3c4c6; border-top:.062em solid #c3c4c6; }
.myaccount_item_row td {padding-left: 1em; }
#so {
padding-left: 1em;
padding-top:.5em;
padding-bottom: .5em;
font-size: 1.15em;
font-weight: 550;  }
#po { padding-left: .5em;
padding-top:.5em;
padding-bottom: .5em;
font-size: 1.15em;
font-weight: 550;  }
#shipto { padding-left: .5em;
padding-top:.5em;
padding-bottom: .5em;
font-size: 1.15em;
font-weight: 550;  }
#ord_date { padding-left: .5em;
padding-top:.5em;
padding-bottom: .5em;
font-size: 1.15em;
font-weight: 550;  }
#item_desc_header{ padding-left: 2em; width: 250px; }

#cert_invoice_ups { padding-left: 2em; }
#item_desc{ padding-left: 2em; width: 350px; padding-top:.5em; padding-bottom: .5em;}

#status{ padding-left: 1em; padding-top:.5em; padding-bottom: .5em;}
#ship_date{ padding-left: 1em; padding-top:.5em; padding-bottom: .5em;}
#qty_order{ padding-left: 1em; padding-top:.5em; padding-bottom: .5em;}
#qty_ship{ padding-left: 1em; padding-top:.5em; padding-bottom: .5em;}


/********/

#myaccount_tables thead tr{
width:100%;
padding: .5em 1em;
color: #FFF;
font-size: 1em;
text-align:left;
vertical-align: middle;
background-color:#bec6c9; }

#myaccount_tables th.header {
padding-top: .5em;
padding-left: .75em;
background: url(/images/tables/bg.gif) no-repeat;
background-position: center right;
background-color: #bec6c9;
cursor: pointer; }

#myaccount_tables th {
padding-left: .75em;}

.body_2col #message{
clear:both;
float:left;
width: 85%;
padding-left:10em;
text-align:center;
margin-top:-2em;
margin-bottom:-1em}
.top_aging{
clear:both;
float:right;
width:100%;
margin-top:-3.65em;
padding-bottom: .5em;
font-size:.80em;}
#aging_title{
float:left;
padding-left:52.4em;
width:15em;
text-align:right;}
#aging_data{
float:left;
padding-left:.35em;
text-align: left}
.account_summary{
width:100%;
font-size:1.15em;
padding-top: 1em;
margin-top: 2em;
padding-left: 1em;}
.account_summary .left_col{
float:left;
width: 51%;
padding-left: 0em;}
.left_col h3{
padding-left:.5em;
margin-bottom:0.0em;}
.left_col .aging_title{
float:left;
width:8.5em;
text-align:right;}
.left_col .aging_data {
float:left;
width: 8em;
text-align:left;
padding-left:.5em; }

.right_col{
float:left;
width: 47%;
padding-left: 0em;}

.right_col .coinfo_title{
float:left; width:6.5em; text-align:right;}

.right_col .coinfo_data{
float:left; width: 9.5em; text-align:left; padding-left:1em;}

.right_col .coinfo_data_long{
float:left;  padding-left: 1em; width: 24.5em;  }

.right_col .coinfo_title_short{
float:left; width:4em; text-align:right; }

.refresh_aging { padding-left:.5em; }

#quote_summary, #order_summary{
clear:both; padding-left:.5em; padding-top:1em;}
.account_tabs{
display:none; width:100%; font-size:1.15em; padding-top: 1em; margin-top: 2em; padding-left: 1em;}

#ship_fields{
display:block; }
#shipping_msg{
padding-left:25em; padding-bottom:0em; margin-top:-1em;}
#shipping_error{
padding-left:25em; margin-top:-1em; color:red; font-weight:bold;}
#shipping_title{
clear:both;
float:left;
width: 14em;
text-align:right;
padding-right:2em;
padding-bottom:1em;
}
#ship{
clear:both;
float:left;
padding-left: 1em;
width: 100%;
}

.ma_locs_left_col{ clear:both; float:left; width: 43.1%; }
.ma_locs_right_col{ width: 55%; }

.ship_titles{
float:left; width: 14em; text-align:right; padding-right:2em; padding-bottom: .5em;}
.ship_fields{
float:left; width: 9.5em; padding-right:0em;  padding-bottom: 1em; }
#cm_error{
float:left; color:red; font-weight:bold; margin-top:-1em;}
/*
.error_ship_add {clear:both; padding-left:9.5em; width:20.5em; }
.error_ship_city{ clear:both; padding-left:11em; width:20.5em; }
.error_ship_phone{ clear:both; padding-left:9.5em; width:20.5em; }
.error_ship_save_name { clear:both; padding-left:5.75em; width:26.5em; }
.error_ship_state{ padding-left:10em; width:13em; margin-top:-1.25em; }
.error_ship_zip { padding-left:22em; width:24em; margin-top:-1.25em; }
.error_ship_country { padding-left:6.5em; width:24.5em; }
*/
.error_ship_add {clear:both; padding-left:1em; width:20.5em; }
.error_ship_add2 {clear:both; padding-left:1em; width:20.5em; }
.error_ship_city{ clear:both; padding-left:1em; width:20.5em; }
.error_ship_phone{ clear:both; padding-left:1em; width:20.5em; }
.error_ship_state{ padding-left:1em; width:13em; margin-top:0em; }
.error_ship_zip { padding-left:1em; width:15em; margin-top:0em; }
.error_ship_country { padding-left:1em; width:24.5em; }


.default_ship_loc {padding-right: 1.5em; }

.save_button{
margin-left:16.7em;}
.save_pay{
margin-left:17em;

}
#remove{
clear:both;
float:left;
width:20em;
padding-left:14em;
display: none;}

#pay_fields{
clear:both;
float:left;
padding-left: 1em;
width: 100%;}
#pay_msg{
padding-left:25em; padding-bottom:0em; margin-top:-1em;}
#pay_error{
padding-left:25em; margin-top:-1em; color:red; font-weight:bold;}
#pay_titles{
float:left; width: 14em; text-align:right; padding-right:2em; padding-bottom: 1em;}
#cm_pay_fields{
float:left;  width: 9.5em; padding-right:2em;  padding-bottom: 1em;}

.error_card_type { clear:both; padding-left:6em; width:24.5em; }
.error_number_credit{ clear:both; padding-left:7.5em; width:24.5em; margin-top:-.5em; }
.error_save_name{ clear:both; padding-left:4em; width:24.5em; margin-top:-.75em; }
.error_name_on_credit{ padding-left:6.2em; width:24.5em; margin-top:-.75em; }





#remove_pay{
clear:both;
float:left;
width:20em;
padding-left:16em;
display: none;}

.tabs_2_col_left{
clear:both; float:left; width:45%; padding-left:1em; padding-top:0em;}
.tabs_separator{
float:right; overflow:hidden;width: 1%; margin-top: 0em;padding-left: 3em;height: 15em;border-left:.1em solid #E6E6E6;text-align:left;  }
.tabs_2_col_right{
float:left; width:44%; padding-left:2em; padding-top:0em;}

.tabs_message {
padding-left:5em; padding-bottom:1em; margin-top:-1em;}
.tabs_error{
padding-left:5em; padding-bottom:1em; margin-top:-1em; color:red; font-weight:bold;}

.inv_questions{
clear:both; float:left; width: 20em; text-align:right; padding-right:2em; padding-bottom: .5em;}


.inv_fields{
float:left; padding-right:3em; padding-bottom: 1em; }
.receieve_invoices{width:18.5em; }

.passChange_container{ width:40em; font-size:1.15em; padding-top: 0em; margin-top: 0em; padding-left: 1em; }
.passChange_msg{ padding-left:14em; padding-bottom:0em; margin-top:0em; }
.passChange_error{ padding-left:14em; padding-bottom:0em; margin-top:0em; color:red; font-weight:bold; }
.passChange_form{ width:100%; font-size:.85em; }
.passChange_title{ clear:both; float:left; width: 12em; text-align:right; padding-right:2em; padding-bottom: .5em; }
.passChange_text{ float:left; padding-right:5em; padding-bottom: 1em; }
.passChange_errorMsg{ clear:both; float:left; }
.passChange_buttons{ clear:both; float:right; width: 11em; padding-top:1em; padding-right:22em; }

.save_pass_button{ clear:both; float:left; margin-left: 2em;}

.myorder_back{ clear:both; float:right; padding-right:1em; text-align:center; margin-top:-2.5em; margin-bottom:-1em; }
.myorder_dateContainer{ float:left; padding-left:1.5em; padding-bottom:.5em; }
.myorder_required{ color:red; font:1.25em; font-weight:bold; }
.myorder_slash{float:left; padding-left:.5em; padding-right:.5em; }
.myorder_dateContainer2{ float:left; padding-left:.25em; padding-bottom:.5em; }
.myorder_submit{ background-color: #FFF; border: 0; text-decoration: underline; color: #00c; }
.myorder_error1{ clear:both; float:left; padding-left:1em; padding-top:1em; font-size:.85em; }
.myorder_error2{ float:left; padding-left:1em; padding-top:1em; font-size:.85em; }
.myorder_orderContainer{ clear:both; float:left; background-color:#DDF0FD; margin-left:0em;  margin-right: 1em; width:77.5em; padding-bottom:.25em; padding-top:.5em; border-bottom:1px solid #c3c4c6; }

.verify_message{ clear:both; float:left; width: 85%; padding-left:10em; text-align:center; margin-top:-2em;margin-bottom:-1em; }
.verify_container{ float:left; width:100%; text-align:center; margin-top:.5em; padding-bottom: 2em; padding-left: 2em; font-size:.80em; }

.itemDetail_number{ clear:both;float:left; width:23.75em; text-align:left; padding-left:.5em; padding-top:1em; padding-bottom:1em; background-color:#DDF0FD; }
.itemDetail_status{ float:left; width:20.5em; text-align:left; padding-top:1em; padding-bottom:1em; background-color:#DDF0FD; }
.itemDetail_ordered{ float:left; width:34em; text-align:left; padding-top:1em; padding-bottom:1em; background-color:#DDF0FD; }
.itemDetail_header_container{ clear:both; float:left; width: 98%; background-color:#bec6c9;; padding-left: .5em; padding-bottom:.5em; padding-top:.5em; border-bottom:1px solid #c3c4c6; border-top:.1em solid #c3c4c6; }
.itemDetail_itemHeaders{ float:left; text-align:left; }
.itemDetail_itemText{ float:left; text-align:left; padding-top:.5em; padding-left:.5em; padding-bottom:.5em; }
.itemDetail_itemBottomBorder{ clear:both; width:98.5%; float:left; line-height: .001em; border-bottom:1px solid #c3c4c6; }
.itemDetail_col1{ clear:both; float:left; width:48.5%;  }
.itemDetail_heading{ clear:both; float:left; width: 95%; background-color: #bec6c9; padding: 1em 1em; height: 1em; margin-bottom: .5em; }
.itemDetail_infoContainer{ clear:both; width: 95%; float:left;  }
.itemDetail_title_8{ clear:both; float:left; width: 8em; text-align:right; }
.itemDetail_title_7{ clear:both; float:left; width: 7.5em; text-align:right; }
.itemDetail_text{ float:left; padding-left:1em; }
.itemDetail_col2{ float:left; width:2%; }
.itemDetail_col3{ float:left; width:48%; }
.itemDetail_quoteHeaderContainer{ clear:both;float:left;background-color:#DDF0FD; width: 100%; padding-bottom: .25em; padding-top: .5em; border-bottom:1px solid #c3c4c6; }
.itemDetail_quote_number{ float:left; text-align:left; width:26.5em; padding-left:.5em;  }
.itemDetail_quote_status{ float:left; text-align:left; width:15em; }
.itemDetail_quote_blank{ float:left; text-align:left; width:7em; }
.itemDetail_quote_itemContainer{ clear:both;float:left; width:100%; background-color:#CCC; border-bottom:1px solid #c3c4c6; border-top:.062em solid #c3c4c6; }
.itemDetail_quote_itemHeader{ float:left; text-align:left; padding-left:.5em; padding-top:.5em; padding-bottom:.5em; }
.itemDetail_quote_itemTextContainer{ clear:both;float:left; width:100%; }
.itemDetail_quote_itemText{ float:left; text-align:left; padding-left:.5em; padding-top:.5em;  }
.itemDetail_quote_bottomBorder{ clear:both; line-height: .001em; border-bottom:1px solid #c3c4c6; width: 100%; }
.itemDetail_quote_infoTitle{ clear:both; width:99%; float:left; background-color:#bec6c9;; padding-left: .5em; padding-bottom:.5em; padding-top:.5em; border-bottom:1px solid #c3c4c6; border-top:.1em solid #c3c4c6; }
.itemDetail_quote_title{ clear:both; float:left; width: 6.5em; margin-left:6.5em; text-align:right; }
.itemDetail_quote_text{ float:left; padding-left:.5em;  text-align:left; }

.orderDetails_number{ clear:both; float:left; width:24em; text-align:left; padding-left:.5em; padding-top:.5em; padding-bottom:.5em; background-color:#DDF0FD; }
.orderDetails_status{ float:left; width:18em; text-align:left; padding-top:.5em; padding-bottom:.5em; background-color:#DDF0FD; }
.orderDetails_ordered{ float:left; width:17.5em; text-align:left; padding-top:.5em; padding-bottom:.5em; background-color:#DDF0FD; }
.orderDetails_itemContainer{ clear:both; float:left; width: 952px; background-color:#bec6c9;; padding-left: .5em; padding-bottom:.5em; padding-top:.5em; border-bottom:1px solid #c3c4c6; border-top:.1em solid #c3c4c6; }
.orderDetails_headers{ float:left; text-align:left; }
.orderDetails_items{ float:left; text-align:left; padding-top:.5em; padding-left:1em; padding-bottom:.5em; font-size:.85em; }
.orderDetails_bottomBorder{ clear:both; float:left; line-height: .001em; border-bottom:1px solid #c3c4c6; width: 100%; }
.orderDetails_col1{ clear:both; float:left; width:48.5%; }
.orderDetails_col2{ float:left; width:2%; }
.orderDetails_col3{ float:left; width:48.75%; }
.orderDetails_infoHeading{ clear:both; float:left; width: 95%; background-color: #bec6c9; padding: .5em 1em; height: 1em; margin-bottom: .5em; }
.orderDetails_infoContainer{ clear:both; width: 95%; float:left; }
.orderDetails_title{ clear:both; float:left; width: 8em; text-align:right; padding-right: 1em;}
.orderDetails_title_7{ clear:both; float:left; width: 7.5em; text-align:right; }
.orderDetails_text{ padding-left:1em; font-size:.9em; text-align:left; }

.quoteDetails_container{ width: 57.5em; margin: 0em; }
.quoteDetails_headerContainer{ clear:both;float:left;background-color:#DDF0FD; width: 100%; padding-bottom: .25em; padding-top: .5em; border-bottom:1px solid #c3c4c6; }
.quoteDetails_number{ float:left; text-align:left; width:24.5em; padding-left:.5em;  }
.quoteDetails_status{ float:left; text-align:left; width:15em; }
.quoteDetails_blank{ float:left; text-align:left; width:7em; }
.quoteDetails_itemHeaderContainer{ clear:both;float:left; width:100%; background-color:#CCC; border-bottom:1px solid #c3c4c6; border-top:.062em solid #c3c4c6; }
.quoteDetails_itemHeaders{ float:left; text-align:left; padding-top:.5em; padding-bottom:.5em; }
.quoteDetails_itemContainer{ clear:both;float:left; width:100%; }
.quoteDetails_items{ float:left; text-align:left; font-size:.85em; height: 2em; vertical-align: text-bottom;}
.quoteDetails_bottomBorder{ clear:both; line-height: .001em; border-bottom:1px solid #c3c4c6; width: 100%; padding: 0px; }
.quoteDetails_infoHeader{ clear:both; width: 47.5em float:left; background-color:#bec6c9;; padding-left: .5em; padding-bottom:.5em; padding-top:.5em; border-bottom:1px solid #c3c4c6; border-top:.1em solid #c3c4c6; }
.quoteDetails_infoContainer{ clear:both; width: 95%; float:left; }
.quoteDetails_infoTitle{ clear:both; float:left; width: 7.5em; margin-left:5em; text-align:right; padding-right: .5em; }
.quoteDetails_infoText{ padding-left:.5em; font-size:.9em; text-align:left; }

.details_headerContainer{ float:left;background-color:#E1EFF9;margin-left:1.5em; padding-bottom:.5em; padding-top:.5em; padding-left:.5em; margin-bottom:.5em; border-bottom:1px solid #c3c4c6; border-top:.1em solid #c3c4c6; }

/******************************************************************************************************************************
OVERLAYS
******************************************************************************************************************************/
/**** LOG IN *****/
#login_overlay{ display:none;}
#login_error{ color:red;font-weight:bold; }
.login_1col{ clear:both;float:left; width:100%; padding: .75em .75em; text-align:left; }

/**** PRODUCT *****/
#overlay_container{
clear:both;
float:left;
width:630px;
text-align: left;
padding-left:10px; }

.overlay_1col{
clear:both;
float:left;
width:100%;
padding:10px 0px; }
.overlay_1col_no_pad{
clear:both;
float:left;
width:100%; }
.overlay_2col_left{  /*border:.1em solid #E6E6E6;*/
clear:both;
float:left;
width:46%; }
.overlay_2col_right{
float:left;
width:53%; }
#item_message{
display:none;
float:left;
width:100%;
text-align:center;
color:red;
font-weight:bold; }
#quick_cart{
font-size:.85em; }
#item_form{
clear:both;
width:100%;
text-align:left; }
.add2cart{
clear:both;
float:right;
padding: 0em 2em; }

.pTitle{/*padding-left: 91px;*/}
#close{ float:right; width:210px; text-align:right; padding-right:35px; }
.pDims{ width:345px; }
.pMill{ width:255px; float:right; }
.pPrice{ padding-bottom:10px; margin-left: -33px; }
.pPriceLabel { padding-left:86px; padding-right:1px; }
.pAvailQty{ padding-left: 3px; padding-right:3px;  }
.pWieght_rt{ padding-left:38px; padding-right:5px; }
.pWeight_lt{ padding-left: 11px; padding-right:2px; }
.pQtyLabel{ text-align:right; padding-left:33px; }
.pQtyField{ margin-left:.5em; }
.pCertLabel{ padding-left: 40px; margin-right:-2px; }
.pPackLabel{ text-align:right; padding-left:20px; }
.pPackField{ margin-left:.5em; }
.pPvcLabel{ padding-left: 40px; margin-right:-2px; margin-top:-.5em; }


#popup_container {
font-family: Arial, sans-serif;
font-size: 12px;
min-width: 300px; /* Dialog will be no smaller than this */
max-width: 600px; /* Dialog will wrap after this width */
background: #FFF;
border: solid 5px #999;
color: #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#popup_title {
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 1.75em;
color: #666;
background: #CCC url(images/title.gif) top repeat-x;
border: solid 1px #FFF;
border-bottom: solid 1px #999;
cursor: default;
padding: 0em;
margin: 0em;
}

#popup_content {
background: 16px 16px no-repeat url(images/info.gif);
padding: 1em 1.75em;
margin: 0em;
}

#popup_content.alert {
background-image: url(images/info.gif);
}

#popup_content.confirm {
background-image: url(images/important.gif);
}

#popup_content.prompt {
background-image: url(images/help.gif);
}

#popup_message {
padding-left: 48px;
}

#popup_panel {
text-align: center;
margin: 1em 0em 0em 1em;
}

#popup_prompt {
margin: .5em 0em;
}




/******************************************************************************************************************************
CART
******************************************************************************************************************************/


#tabs{
font-size: 90%;
margin: 0px;

}
#tabs ul {
float: left;
width:100%;
margin-bottom: -2em;
margin-top: 0em;
border-bottom:1px solid #c3c4c6;
}

#tabs li {
list-style: none;
margin-right:1em;
padding: .5em;
font-size: 1.25em;
border-top:.1em solid #c3c4c6;
border-left:.1em solid #c3c4c6;
border-right:.1em solid #c3c4c6;
}

* html #tabs li {
display: inline; /* ie6 double float margin bug */
}
#tabs li,
#tabs li a {
float: left;
}
#tabs ul li a {
text-decoration: none;
padding: 8px;
color: #0073BF;
font-weight: bold;
}
#tabs ul li.active {
background: #CEE1EF;
}
#tabs ul li.active a {
color: #333333;
}

#tabs div {
float:left;
}

#tabs div h3 {
text-transform: uppercase;
margin-bottom: 1em;
letter-spacing: 1px;
}
#tabs div p {
line-height: 150%;
}

.table_container{
clear:both; float:left; width: 937px; font-size:1.1em;
}

.cart_table{
clear:both; float:left;  width: 937px;   margin-top: 2em;  border-collapse:collapse;
}
.cart_button_table{
clear:both; float:left; width: 960px; margin-top: 1.5em;
}
.cart_quote_button_col1{ width:55%; }
.cart_quote_button_col2{ cursor:pointer; width:6.4em; }
.cart_quote_button_col3{ width:6.56em; }
.cart_quote_button_col4{ cursor:pointer; width:8.43em; }
.cart_quote_button_col5{ padding-right: 0em; }

.title_row{
clear:both; float:left; width:937px; padding: .5em 1em; color: #FFF; font-size: 1em; text-align:left; vertical-align: middle; background-color:#bec6c9;
}
.title_text_quote{
float:left; padding-top: .5em; background-color: #bec6c9; font-size:1.1em;
}
.title_text{
float:left; padding-top: .5em; padding-left: .5em; background-color: #bec6c9; background-color:#f3f4f6;
}
.table_text_row{
clear:both; float:left; width:100%; font-size:.85em; text-align:left;  border-bottom:1px solid #c3c4c6;
}
.q_table_text_row{ width:102.5%; }

.table_text_quote{
float:left; padding: .75em 0em .5em .55em; font-size: 1.25em; vertical-align:middle;
}
.table_text {
float:left; padding: .5em 0em .5em .55em; font-size: 1.25em; vertical-align:middle;
}

.cartTitle_alloy{ width: 15%; }
.cartTitle_dims{ width: 19%; padding-left:.75em; }
.cartTitle_qty{ width: 17.5%; padding-left:.5em; }
.cartTitle_deliv{ width: 12.5%; padding-left:1em; }
.cartTitle_weight{ width: 12%; padding-right:1em; }
.cartTitle_price{ width: 7%; padding-left:.5em; padding-right:.75em; }


.cart_subs_col{ float:left; width:25%; padding-left: 1em; font-weight: bold; }
.cart_ship_col{ float:left; width:28%; padding-top:0em; padding-left: 1em; }
.cart_buttons_col{ float:left; width:44%; }
.cart_msgs{ clear:both; float:left; width:100%; margin-top: -1.25em; text-align:center;}
.cart_ship_zip{ width:100%; padding-left: 1em; padding-top: .5em; }
.cart_ship_button{ width:100%; padding-left: 9em; padding-top: .5em; padding-bottom: 1em; }
.cart_shpping_heading{ background: #bec6c9; color:#FFF; padding-left: 1em; font-weight:bold; }
.cart_ship_selector{ width:100%; padding-left: 2.25em; padding-top: .5em; }
.cart_cc_selector{ width:100%; padding-left: 2.25em; padding-top: .5em; }
.cart_writein_box {width:100%; padding-left: 1.75em; padding-top: .5em; }
.cart_pickup_selector{ width:100%; padding-left: 1em; padding-top: .5em; }
.cart_ups_selector{ width:100%; padding-left: 2.55em; padding-top: .5em; }
.cart_empty_button{ padding-left:1em; padding-right: .4em; }
.cart_cont_button{ padding-right: .4em; cursor:pointer; }
.cart_check_button{ text-align: left; padding-right: .4em; }
.cart_save_button{ width: 17em; }
.cart_button_errors{ padding-left:1em; font-size:1.5em; }
.cart_fob_info{ width:100%; padding-left: 22.5em; padding-top: .15em; }

.deliv_error{ clear:both; padding-bottom:2em; margin-top:-.5em; float:left; text-align:center; }
.deliv_container{ width:96%; border:1px solid #ccc; }
.deliv_bill_heading{ clear:both; float:left; width:97.5%; padding: .5em 1em; background-color: #bec6c9; }
.deliv_bill_space1{ clear:both; float:left; width:99%; height:1px; padding: .0em 0em; margin-top: .1em; font-size: .001em; font-weight: bold; background-color: #fffff; }
.deliv_bill_space2{ clear:both; float:left; width:100%; height:10px; padding: .0em 0em; margin-top: .1em; font-size: .001em; font-weight: bold; background-color: #a3c3da; }
.deliv_col1{ clear:both; float:left; width:100%; padding: .5em 1em 0em 2em; }
.deliv_col2{ clear:both; float:left; width:100%; padding: .5em 1em 0em 2em; }
.deliv_col3{ clear:both; float:left; width:100%; padding: .5em 1em .5em 2em; }
.deliv_title{ float:left; width: 5em; padding-right: 1em; }
.deliv_text{ float:left; width: 15em; }
.deliv_bill_space3{ clear:both; float:left; width:97.5%; height:10px; padding: 0em 1em 0em 1em; background-color:#e7e9ec; }
.deliv_bill_space3_col1{ float:left; width: 10em; padding-right: 1em; }
.deliv_bill_space3_col2{ float:left; padding-top:.25em; padding-right: 1em; }
.deliv_saved_info{ clear:both; float:left; width:97.8%; padding: .5em 1em; margin-top: .1em; font-size: .85em; font-weight: bold;  background-color: #a3c3da; }
.deliv_required_container{ clear:both; float:left; width:100%; padding: .75em 1em 0em 2em; }
.deliv_required_text{ float:left; width: 15em; padding-right: 1em; font-size: .95em; }
.deliv_country{ float:left; width: 36em; }
.deliv_text_18{ float:left; width: 18em; }
.deliv_save_info_container{ clear:both; float:left; width:96%; padding: .5em 1em .5em 2em; background-color:#e7e9ec; }
.deliv_save_info{ float:left; width: 10em; padding-right: 1em; }
.deliv_save_name{ float:left; padding-top:0em; padding-right: 1em; }
.deliv_save_clear{ float:right; width: 8em; padding-top: .5em; padding-right: 1em; }
#export_msg{ display:none; padding-left: 1em; padding-right: 1em; padding-top:2em; }
#export_question{ display:none; cursor: default; padding-left:2em; padding-right:2em; }
#export_msg{ padding-top:1em; color:red; padding-bottom:1em; }
#export_main_msg{ clear:both; padding-left:1em; padding-top:2em; text-align: center; font-weight:bold; }

.pay_container{ width:97%; border:1px solid #c3c4c6; }
.pay_heading{ clear:both; float:left; width:97.5%; padding: .5em 1em; background-color: #bec6c9; }
.pay_space1{ clear:both; float:left; width:98%; padding: .5em 1em; margin-top: .1em; font-size: .85em; font-weight: bold;  background-color: #a3c3da; }
.pay_required_container{ clear:both; float:left; width:98%; padding: .75em 1em 0em 2em; }
.pay_required_text{ float:left; width: 15em; padding-right: 1em; font-size: .95em; }
.pay_po_container{ clear:both; float:left; width:100%; padding: .75em 1em .5em 2em; }
.pay_title{ float:left; width: 9em; padding-right: 1em; }
.pay_text{ float:left; width: 15em; }
.pay_title_long{ float:left; width: 25em; }
.pay_title_8{ float:left; width: 8em; padding-right: 1em; }
#exp_error{ clear:both; width: 50em; color:red; font-weight:bold; text-align:center; }
.pay_na_container{ clear:both; float:left; width:100%; padding: .5em 1em 1em 2em; }
#accounts { clear:both; float:left; width:96%; padding: .5em 1em .5em 2em; background-color:#e7e9ec; }
#credits{ display:none; clear:both; float:left; width:96%; padding: .5em 1em .5em 2em; background-color:#e7e9ec; }
.pay_space2{ float:left; width: 10em; padding-right: 1em; }
.pay_clear{ float:right; width: 8em; padding-top: .5em; padding-right: 1em; }
.pay_save_info{ float:left; width: 10em; padding-right: 1em; }
.pay_save_name{ float:left; padding-top:0em; padding-right: 1em; }


.sum_message{ clear:both; float:left; width: 99%; text-align: center;margin-top:-1em;margin-bottom:1em; color:navy; }
.sum_prod_container{ float:left; width:43%; }
.sum_prod_heading{ clear:both; float:left; width: 95%; background-color: #bec6c9; padding: .5em 1em; margin-bottom: 1em; }
.sum_prod_row{ clear:both: float:left; padding: .5em 1em; border-bottom:1px solid #c3c4c6; }
.sum_prod_remove{ float:right; margin-top: -3em; }
.sum_prod_accept{ clear:both; float:right; margin-top: -3em; }
.sum_gutter{ float:left; width:2%; }
.sum_info_container{ float:left; width:53%; }
.sum_info_heading{ clear:both; width: 95%; float:left; background-color: #bec6c9; padding: .5em 1em; }
.sum_info_billing{ clear:both; float:left; width: 45%; padding: 1em 0em 0em 1em; }
.sum_info_shipping{ float:left; width: 45%; padding: 1em 0em 0em 1em; }
.sum_bill_container{ clear:both; width: 45%; float:left; padding-left: 2em; }
.sum_ship_contianer{ float:left; width: 45%; padding-left: 2em; }
.sum_ship_co{ clear:both; float:left;  width: 100%;}
.sum_ship_addy{ clear:both; float:left; padding-right: .5em; width: 100%; }
.sum_ship_city{ clear:both; float:left; }
.sum_ship_state{ float:left; padding-right:.35em; }
.sum_ship_zip{ float:left;  }
.sum_ship_phone{ clear:both; float:left; }
.sum_pay_heading{ clear:both; float:left; width: 95%; padding: 1em 0em 0em 1em; }
.sum_pay_container{ clear:both; float:left; width: 95%; padding-left: 2em; }
.sum_pay_title_8{ clear:both; width: 8.5em; float:left; }
.sum_pay_title_6{ float:left; width: 6em; }
.sum_pay_text{ float:left; width: 11em; }
.sum_ship_heading{ clear:both; float:left; width: 36%; background-color: #bec6c9; margin-top: 1em; padding: .5em 1em; }
.sum_cost_heading{ float:left; width: 31%; background-color: #bec6c9; text-align:right; padding: .5em 1em; margin-top: 1em; }
.sum_totals_heading{ float:left; width: 18%; background-color: #bec6c9; padding: .5em 1em; margin-top: 1em; text-align: right; }
.sum_ship_data{ clear:both; float:left; width:36%; padding-top: 1em; padding-left: 1.5em; }
.sum_cost_data{ float:left; width:31%; padding-top: 1em; padding-left: 1.5em; text-align: right; }
.sum_totals_data{ float:left; width:23%; padding-top: 1em; padding-left: .5em; text-align: right; }
.sum_buttons{ clear:both; float: left; width: 100%; }
.sum_ship_overlay_title{ padding: .5em 1em; background-color: #bec6c9; padding-left: 1.5em; text-align:left; }
.sum_ship_overlay_close{ float:right; margin-top:-1.5em; padding-right:.5em; }
.sum_ship_overlay_msg{ padding-top:.5em; font-weight:bold; }
.sum_overlay_2col_left{ width: 25%; padding-left:1.5em; padding-bottom: .5em; text-align:left; }
.sum_overlay_2col_right{ padding-bottom: .5em; }
.sum_overlay_update{ clear:both; float:right; padding-right: 2.5em; }
.sum_pay_overlay_heading{ clear:both; padding: .5em 1em; background-color: #bec6c9; padding-left: 1.5em; text-align:left; }
.sum_pay_overlay_close{ float:right; margin-top:-1.5em; padding-right:.5em; }
.sum_pay_overlay_message{ padding-top:.5em; font-weight:bold; }
.sum_pay_overlay_required{ clear:both; float:left; padding: .5em 1em; font-size: .95em; }
.sum_pay_overlay_2col_left{ width: 9em; padding-left:1em; padding-bottom: .5em; text-align:left; }
.sum_pay_overlay_2col_right{ padding-bottom: .5em; text-align:left; }
.sum_pay_overlay_2col_right2{ float:left; width: 4em; padding-bottom: .5em; text-align:left; }
.sum_pay_overlay_update{ clear:both; float:right; padding-right: 2em;  }
.sum_ship_overlay_heading{ padding: .5em 1em; background-color: #bec6c9; padding-left: 1.5em; text-align:left; }
.sum_ship_overlay_close{ float:right; margin-top:-1.5em; padding-right:.5em; }
.sum_ship_overlay_msg{ padding-top:.5em; font-weight:bold; }
.sum_ship_overlay_required{ clear:both; float:left; padding: .5em 1em; font-size: .95em; }
.sum_ship_overlay_2col_left{ width: 40%; padding-left:1.5em; padding-bottom: .5em; text-align:left; }
.sum_ship_overlay_2col_right{ padding-bottom: .5em; }
.sum_ship_overlay_update{ clear:both; float:right; padding-right: 2.7em; }

.complete_title{ width: 40%; float:left; }
.complete_ordernum{ clear:both; float:left ; padding-left: 2em; margin: -1em 0em; }
.complete_order_status{ clear:both; float:left; width: 99%; text-align: center;margin-top:-1em; }
.complete_leftInCart{ clear:both;float:right; width: 99%; text-align: center;margin-top:-2em; }
.complete_print{ float:right; position:aboslute;  margin-top: -5em; }
.complete_container{ margin:0em; width:100%; }
.complete_info_container{ float:left; width:49%; }
.complete_info_heading{ clear:both; float:left; width: 95%; background-color: #bec6c9; padding: .5em 1em; margin-bottom: 1em; }
.complete_info_spacer{ float:left; width:2%; }
.complete_info_inner_container{ clear:both; width: 95%; float:left; padding-left: 2em; }
.complete_info_title{ clear:both; float:left; width: 9em; }
.complete_info_title2{ float:left; width: 6em; }
.complete_info_text{ float:left; width: 14em;  }

.quote_heading{ width: 50%; float:left; }
.quote_spacer1{ float:left; margin-top:1.5em; }
.quote_container{ width:100%; margin-left:0em; padding:0em; }
.quote_titles{ clear:both; float:left; width: 45%; padding-top: 1em; text-align:right; font-size:1.25em; padding-right:.25em; }
.quote_info_container{ float:right; width: 54%; padding-top: 1em; text-align:left; }
.quote_isales{ clear:both; float:left; padding-bottom: 1em; }
.quote_response_type{ clear:both; float:left; padding-top:.5em; padding-bottom: 1em;  }
.quote_buttons{ clear:both; font-size:1.25em; }

.qcomplete_quoteNumber{ clear:both; float:left ; padding-left: 2em; margin: -1em 0em; padding-bottom: 2.5em; }
.qcomplete_quoteStatus{ clear:both; float:left; width: 99%; text-align: center;margin-top:-3em; }
.qcomplete_leftInCart{ clear:both;float:left; width: 99%; text-align: center;margin-top:-2em;margin-bottom:1em; }
.qcomplete_container{ width:100%; margin-left:0em; padding:0em; }


/******************************************************************************************************************************
CONTENT TEMPLATES
******************************************************************************************************************************/

.quality_content_container1{ clear:both; float:left; padding-right: 2em; width: 49%; }
.quality_content_container2{ float:left; padding-right: 2em; width: 41%; }
.quality_rtCol{ height:34em; }

/******************************************************************************************************************************
BULLETS & LISTS
******************************************************************************************************************************/


.quality_ul{ list-style-type: none; margin-left: 0px; padding-left: 0px; }

/******************************************************************************************************************************
DYNAMIC SORTING TABLE
******************************************************************************************************************************/

/* SEE sub_cat.tpl.php FOR WORKING EXAMPLE
 * Table tag example:
 <table class="stripeMe" id="sort_table" width="100%" cellpadding="0" style="border-collapse: collapse;">
 * If includes Filter, TH should become this TD:
<td style="width: auto;padding:.5em .35em;text-align:left;background-color: #bec6c9;">
 */

.expanded{
cursor: pointer;
background: url(/images/misc/collapse.gif) no-repeat center center;
width: .75em;
margin-left:.25em;
margin-top:.45em;
}

.collapsed{
cursor: pointer;
background: url(/images/misc/expand.gif) no-repeat center center;
width: .75em;
margin-left:.25em;
margin-top:.45em;
}

#sort_table thead tr{
width:100%;
padding: .5em 1em;
color: #FFF;
font-size: 1em;
text-align:left;
vertical-align: middle;
background-color:#bec6c9; }

#sort_table th.header {
padding-top: .5em;
padding-left: .75em;
background: url(/images/tables/bg.gif) no-repeat;
background-position: center right;
background-color: #bec6c9;
cursor: pointer; }

#sort_table th {
padding-left: .75em;}

.filter_column{
width: auto;
padding:.5em .35em;
text-align:left;
background-color: #bec6c9; }
.form_filter_specials{
width: 15em;
}

#sort_table th.headerSortDown {
background-image: url(/images/tables/desc.gif);
background-color: #8dbdd8; }

#sort_table th.headerSortUp {
background-image: url(/images/tables/asc.gif);
background-color: #8dbdd8; }

#sort_table tr.over td {
background: #bcd4ec;  }

#sort_table tr.alt td {
background: #f3f4f6; }

.sort_table_text_row{
width:100%;
font-size:.85em;
text-align:left;
background: #fff;
border-bottom:1px solid #c3c4c6;}
.sort_table_text {
padding-left: .75em;
font-size: 1.25em;
vertical-align:middle; }
.sort_table_buttons{
width:auto;
padding-top: .75em;
padding-left: 1em;
padding-bottom: .25em;
text-align:left;
vertical-align:top;  }
.sort_table_footer{
width:100%;
height:2px;
border-bottom: thin solid #f3f4f6; }

#sort_jobs thead tr{
width:100%;
padding: .5em 1em;
color: #FFF;
font-size: 1em;
text-align:left;
vertical-align: middle;
background-color:#bec6c9; }

#sort_jobs th.header {
padding-top: .5em;
padding-left: .75em;
background: url(/images/tables/bg.gif) no-repeat;
background-position: center right;
background-color: #bec6c9;
cursor: pointer; }

#sort_jobs th {
padding-left: .75em;}

.filter_column{
width: auto;
padding:.5em .35em;
text-align:left;
background-color: #bec6c9; }

#sort_jobs th.headerSortDown {
background-image: url(/images/tables/desc.gif);
background-color: #8dbdd8; }

#sort_jobs th.headerSortUp {
background-image: url(/images/tables/asc.gif);
background-color: #8dbdd8; }

#sort_jobs tr.over td {
background: #bcd4ec;  }

#sort_jobs tr.alt td {
background: #f3f4f6; }

.sort_jobs_text_row{
width:100%;
font-size:.85em;
text-align:left;
background: #fff; }
.sort_jobs_text {
padding-left: .75em;
font-size: 1.25em;
vertical-align:middle; }
.sort_jobs_buttons{
width:auto;
padding-top: .75em;
padding-left: 1em;
padding-bottom: .25em;
text-align:left;
vertical-align:top;  }
.sort_jobs_footer{
width:100%;
height:2px;
border-bottom: thin solid #f3f4f6; }

/******************************************************************************************************************************
VALIDATION
******************************************************************************************************************************/

label.error { padding-left:2px; width:100%; color: red; vertical-align: top; }


.locations {padding-top: 0em; margin:0em 0em 0em -3em; text-indent: 0px; cursor:pointer;}
.locations li {padding-top: 0em; margin:0em; line-height: 1em; text-indent: 2em; list-style: none; display:none;}

/******************************************************************************************************************************
DATE PICKER
******************************************************************************************************************************/

#datepick-div, .datepick-inline {
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
padding: 0;
margin: 0;
background: #fff;
color: #222;
width: 15em;
}
#datepick-div {
display: none;
border: 1px solid #4297d7;
z-index: 100; /*must have*/
}
.datepick-inline {
float: left;
display: block;
border: 0;
}
.datepick-rtl {
direction: rtl;
}
.datepick-dialog {
padding: 5px !important;
border: 4px ridge #4297d7 !important;
}
.datepick-disabled {
position: absolute;
z-index: 100;
background-color: white;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.datepick-trigger {
width: 25px;
}
img.datepick-trigger {
margin: 2px;
vertical-align: middle;
}
.datepick-prompt {
float: left;
padding: 2px;
}
* html .datepick-prompt {
width: 15em;
}
.datepick-control, .datepick-links, .datepick-header, .datepick {
clear: both;
float: left;
width: 100%;
}
.datepick-control {
background: #d0e5f5;
padding: 2px 0px;
}
.datepick-links {
padding: 2px 0px;
}
.datepick-control, .datepick-links {
font-weight: bold;
font-size: 80%;
}
.datepick-links label {
padding: 2px 5px;
color: #888;
}
.datepick-clear, .datepick-prev {
float: left;
width: 34%;
}
.datepick-rtl .datepick-clear, .datepick-rtl .datepick-prev {
float: right;
text-align: right;
}
.datepick-current {
float: left;
width: 30%;
text-align: center;
}
.datepick-close, .datepick-next {
float: right;
width: 34%;
text-align: right;
}
.datepick-rtl .datepick-close, .datepick-rtl .datepick-next {
float: left;
text-align: left;
}
.datepick-header {
background: #5c9ccc;
color: #fff;
text-align: center;
font-weight: bold;
height: 1.6em;
}
.datepick-header select {
background: #5c9ccc;
color: #fff;
border: 0px;
font-weight: bold;
}
.datepick-header span {
position: relative;
top: 3px;
}
.datepick {
text-align: center;
font-size: 100%;
}
.datepick a {
display: block;
width: 100%;
}
.datepick-title-row th {
text-align: center;
font-weight: normal;
}
.datepick-week-col {
background: #d0e5f5;
}
.datepick-days-cell {
border: 1px solid #c5dbec;
}
.datepick-days-cell a {
display: block;
background: #dfeffc;
}
.datepick-other-month a {
background: #fff;
}
.datepick-week-over a {
background: #d0e5f5;
}
.datepick-unselectable {
color: #888;
}
.datepick-today {
border: 1px solid #fad42e;
}
.datepick-today a {
background: #fbec88;
}
.datepick-current-day {
border: 1px solid #4297d7;
}
.datepick-current-day a {
background: #5c9ccc;
color: #fff;
}
.datepick-days-cell-over {
border: 1px solid #79b7e7;
}
.datepick-days-cell-over a {
background: #d0e5f5;
color: #222;
}
.datepick-status {
width: 100%;
font-size: 80%;
text-align: center;
}
#datepick-div a, .datepick-inline a {
cursor: pointer;
margin: 0;
padding: 0;
text-decoration: none;
}
.datepick-inline .datepick-links a {
padding: 0 5px !important;
}
.datepick-control a, .datepick-links a {
padding: 2px 5px !important;
color: #222 !important;
}
.datepick-control a:hover {
background: #5c9ccc;
}
.datepick-links a:hover, .datepick-title-row a:hover {
background: #d0e5f5;
}
.datepick-multi .datepick {
border: 1px solid #a6c9e2;
}
.datepick-one-month {
float: left;
width: 15em;
}
.datepick-new-row {
clear: left;
}

/******************************************************************************************************************************
BOXES
******************************************************************************************************************************/

/* TO CREATE ROUNDED CONTENT TABLES (EX. NEWS AND EVENTS PAGE, SITEMAP) */
.cornerRnd_tl {
width:100%;
background:url("/images/framework/tl_corner2.gif") no-repeat left top; }
.cornerRnd_tr {
background:url("/images/framework/tr_corner2.gif") no-repeat right top; }
.cornerRnd_bl {
background:url("/images/framework/bl_corner2.gif") no-repeat left bottom; }
.cornerRnd_br {
background:url("/images/framework/br_corner2.gif") no-repeat right bottom;
padding:0px 10px 10px 10px; }
/* GREEN BORDER FOR 2-4 COLUMN SETS */
.greenBox4_item_first {
width:119px;
text-align:center;
float:left;
border:5px solid #D6EAAA;
padding-top:5px;
padding-bottom:5px; }
.greenBox4_item {
width:119px;
text-align:center;
border-top:5px solid #D6EAAA;
border-bottom:5px solid #D6EAAA;
border-right:5px solid #D6EAAA;
float:left;
padding-top:5px;
padding-bottom:5px; }
.greenBox3_item_first {
width:154px;
text-align:center;
float:left;
border:5px solid #D6EAAA;
padding-top:5px;
padding-bottom:5px; }
.greenBox3_item {
width:154px;
text-align:center;
border-top:5px solid #D6EAAA;
border-bottom:5px solid #D6EAAA;
border-right:5px solid #D6EAAA;
float:left;
padding-top:5px;
padding-bottom:5px; }
.greenBox2_item_first {
width:237px;
text-align:center;
float:left;
border:5px solid #D6EAAA;
padding-top:5px;
padding-bottom:5px; }
.greenBox2_item {
width:237px;
text-align:center;
border-top:5px solid #D6EAAA;
border-bottom:5px solid #D6EAAA;
border-right:5px solid #D6EAAA;
float:left;
padding-top:5px;
padding-bottom:5px; }
/* GREY BOX WITH BORDER USED ON TOL, EXTENSION PAGES */
.lookup_table {
text-align:center;
width:90%;
border:1px solid #999999;
padding-left:10px;
padding-right:10px;
padding-top:20px;
padding-bottom:20px;
margin-left:15px;
background:#e6e6e6; }
/* BOXES THAT SWITCH COLOR, ON ALL FAQs */
.faqCase {
border: 1px solid #000000;
color:#000000;
padding: 0px;
background: #FFFFFF; }
.faqCase .odd {
padding:3px;
font-size:11px;
background: #DDF0FD; }
.faqCase .even {
padding:3px;
font-size:11px;
background: #F9F9E7; }
.promoBox {
height:100%;
border:5px solid;
padding-left:10px;
padding-top:15px;
padding-bottom:15px;
padding-right:10px;
margin-bottom:10px; }
.promoBox .left {
float:left;
padding:5px;
margin-right:15px;
margin-left:5px;
border:1px solid; }
.promoBox .right {
float:right;
padding:5px;
margin-left:15px;
margin-right:5px;
border:1px solid; }

/******************************************************************************************************************************
TITLES AND SPACERS
******************************************************************************************************************************/


h1 {
margin: 0px;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif; /*"Futura Condensed", */
font-size: 2em;
line-height: 1.005em;
color: #df8e26;
font-weight: bold; }
h2 {
margin: 0px;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif; /*"Futura Condensed", */
font-size: 19px;
line-height: 21px;
color: #717980;
font-weight: normal; }
h3 {
margin: 0px;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif; /*"Futura Condensed", */
font-size: 18px;
line-height: 20px;
color: #717980;
font-weight: normal; }
h4 {
margin: 0px;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif; /*"Futura Condensed", */
font-size: 17px;
line-height: 19px;
color: #717980;
font-weight: normal; }
h5 {
margin: 0px;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif; /*"Futura Condensed", */
font-size: 16px;
line-height: 18px;
color: #717980;
font-weight: normal; }
h6 {
margin: 0px;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif; /*"Futura Condensed", */
font-size: 15px;
line-height: 17px;
color: #717980;
font-weight: normal; }
h7 {
margin: 0px;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif; /*"Futura Condensed", */
font-size: 14px;
line-height: 16px;
color: #717980;
font-weight: normal; }
h8 {
margin: 0px;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif; /*"Futura Condensed", */
font-size: 13px;
line-height: 15px;
color: #717980;
font-weight: normal; }
h9 {
font-family:"Arial Narrow", Arial, Helvetica, sans-serif; /*"Futura Condensed", */
font-size: 12px;
line-height: 14px;
color: #717980;
font-weight: normal; }

.textSmall {
font-size:11px;
line-height:16px}
.textMini {
font-size:10px;
line-height:15px}
.textBlue {
color:#4234df; }
.textLightBlue {
/*#71b4e8;*/
color:#469edc;}
.textNavy {
color:#294881;}
.textPurple {
color:#4646b8;}
.textRed {
color:#cc0000;}
.textgold {
color:#f2bd39;}
.textOrange {
color: #eb9d23;}
.textGray {
color:#717980;}
.textBlack {
color:#000000;}
.textWhite {
color:#ffffff;}
.textGreen {
color:#669900;}



.space5{
clear:both;
width:auto;
height:.325em;}
.space10{
clear:both;
width:auto;
height:.625em; }
.space15{
clear:both;
width:auto;
height:.95em; }
.space30{
clear:both;
width:auto;
height:1.875em }
.space50{
clear:both;
width:auto;
height:3.125em; }
.horizontal_spacer{
float:left;
width:1.25em;
height:.5em; }


/* TEXT SPECIFIC METHODS */
.header_old {
clear:both;
font-family: Arial, Helvetica, sans-serif;
font-size:24px;
font-weight: bold;
vertical-align: text-bottom;
color: #003366;
text-align:left;
margin:0px;
padding:0px;
margin-bottom:10px; }
.subhead {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold; }
.subheadWhite {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 1.2em;
font-weight: bold; }
.subhead2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold; }

/* IT WOULD BE BETTER TO USE A STANDARD NAME, SEE ABOVE */
.home_leftcol h3 {
font-size:1.2em;
color:#0066FF;
margin:0;
padding:0}
.home_leftcol p {
margin-top:0}
.home_rightcol h3 {
font-size:1.2em;
color:#FFCC66;
margin:0;
padding:0}
.home_rightcol h4 {
font-size:.9em;
color:#777777;
margin:0;
letter-spacing:-1px;}



/******************************************************************************************************************************
BOXES
******************************************************************************************************************************/
.gradientbox {
background:url("/images/home/grad_back.gif") repeat-x;
margin-top:.5em;
/*margin-left:10px;*/
margin-right:10px;
padding: 10px 5px;
clear:both;}


.gradientbox h3 {
font-size:1.2em;
color:#0066FF;
margin:0;
letter-spacing:-1px;}
.gradientbox h4 {
font-size:.9em;
color:#777777;
margin:0px;
letter-spacing:-1px;}
.gradientbox p {
padding:10px 0 0 0;}

.gradientbox a:link {color:#378DF2; font-weight:bold; text-decoration:none; font-size:1.5em}
.gradientbox a:visited { color:#378DF2; font-weight:bold; text-decoration:none; font-size:1.5em}
.gradientbox a:hover {color:#378DF2; font-weight:bold; text-decoration:underline;}


/******************************************************************************************************************************
FORM ELEMENTS
******************************************************************************************************************************/

.cart_upstype{
width:8em;
margin-top:.25em;
}
#ship_state{
width: 5em;
}


form {
display: inline;
padding: 0px;
margin:0px;
}

.form_container{
overflow:hidden;
clear:both;
float:left;
width:98%;
margin:0em ;
font-size:.75em;
text-align:left;}
.form_col1{
clear:both;
float:left;
width:99%;}
.form_col2_left{
clear:both;
float:left;
width:50%;}
.form_col2_right {
clear:none;
float:left;
width:40%; }
.form_col3_left{
clear:both;
float:left;
width:34%;}
.form_col3_mid{
clear:none;
float:left;
width:34%;}
.form_col3_right {
clear:none;
float:left;
width:31%; }
.form_col4_left{
clear:both;
float:left;
width:25%;}
.form_col4_mid_left{
clear:none;
float:left;
width:25%;}
.form_col4_mid_right {
clear:none;
float:left;
width:22%;}
.form_col4_right {
clear:none;
float:left;
width:25%; }
.form_short_quest {
clear:both;
float:left;
width:10.85em;
padding-bottom:0em; }

.form_long_quest{
clear:both;
float:left;
width:17em;
padding-bottom:0em; }

.form_element {
float:left;
width:40%;
padding-bottom:1em; }
.form_answer {
float:left;
width:75%;
padding-bottom:1em; }

.form_submit {
clear:both;
float:right;
width:auto;
padding:.5em 12.5em 1em 0em; }

#location {
display:none;
}

input.search {
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: .9em;
margin-top:9px;
margin-right:5px;
vertical-align: text-bottom;
background: #fff;
width: 130px;
height: 13px; }

/******************************************************************************************************************************
TEXT CONTROLS - HREFS
******************************************************************************************************************************/
a {
font-family: arial, Helvetica, sans-serif;
text-decoration:none; }
.home_leftcol a:link {font-size:.9em; color:#ccc; margin-top:0; text-decoration:none;}
.home_leftcol a:visited {font-size:.9em; color:#ccc; margin-top:0; text-decoration:none;}
.home_leftcol a:hover {font-size:.9em; color:#ccc; margin-top:0; text-decoration:underline;}


.help a:link {font-size:1.4em; margin-top:0; text-decoration:none;}
.help a:visited {font-size:1.4em; margin-top:0; text-decoration:none;}
.help a:hover {font-size:1.4em;  margin-top:0; text-decoration:underline;}


a.home {
font-family: arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none; }
a.topNav {
font-family: arial, Helvetica, Sans-serif;
color: #333333;
font-weight: normal;
font-size: 10px; }
a.specialTitle {
font-family: arial, Helvetica, Sans-serif;
color: #333333;
font-size: 11px; }
a.breadcrumb {
font-family: arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:underline; }
a.greenNav {
font-family: arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #517900; }
a.departmentNavRed {
font-family: arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #990033; }
a.departmentNavBlue {
font-family: arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #155Ba3; }
a.secNav {
font-family: arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF; }
a.secNavHigh {
font-family: arial, Helvetica, sans-serif;
color: #BaE39C; /* or 333399 */
font-size: 11px; }
a.siteMapDept {
font-family: arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #155Ba3; }
a.siteMapSubDept {
font-family: arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #155Ba3; }
a.newsRed {
font-family: arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #990033; }
a.columnHdr {
font-family: arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 11px;
font-weight: bold; }

a:active {color: #CCCCCC;}
a:link {color: #0066FF;}
a:visited {color: #0066FF;}
a:hover {color: #333399;}

a.columnHdr:active {color: #FFFFFF;}
a.columnHdr:link {color: #FFFFFF;}
a.columnHdr:visited {color: #FFFFFF;}
a.columnHdr:hover {color: #BaE39C;}

a.newsRed:active {color: #990033;}
a.newsRed:link {color: #990033;}
a.newsRed:visited {color: #990033;}
a.newsRed:hover {color: #000000; text-decoration:underline;}

a.home:active {color: #FFFFFF;}
a.home:link {color: #FFFFFF;}
a.home:visited {color: #FFFFFF;}
a.home:hover {color: #BaE39C;}

a.secNav:active {color: #FFFFFF;}
a.secNav:link {color: #FFFFFF;}
a.secNav:visited {color: #FFFFFF;}
a.secNav:hover {color: #BaE39C;}

a.secNavHigh:active {color: #BaE39C;}
a.secNavHigh:link {color: #BaE39C;}
a.secNavHigh:visited {color: #BaE39C;}
a.secNavHigh:hover {color: #E6E6E6;}

a.specialTitle:active {color: #333333;}
a.specialTitle:link {color: #333333;}
a.specialTitle:visited {color: #333333;}
a.specialTitle:hover {color: #000000; text-decoration:underline;}

a.topNav:active {color: #333333;}
a.topNav:link {color: #333333;}
a.topNav:visited {color: #333333;}
a.topNav:hover {color: #990033;}

a.greenNav:active {color: #517900;}
a.greenNav:link {color: #517900;}
a.greenNav:visited {color: #517900;}
a.greenNav:hover {color: #000000;}

a.departmentNavBlue:active {color: #155Ba3;}
a.departmentNavBlue:link {color: #155Ba3;}
a.departmentNavBlue:visited {color: #155Ba3;}
a.departmentNavBlue:hover {color: #990033; text-decoration:underline;}

a.departmentNavRed:active {color: #990033;}
a.departmentNavRed:link {color: #990033;}
a.departmentNavRed:visited {color: #990033;}
a.departmentNavRed:hover {color: #000000;}

a.breadcrumb:active {color: #333333;}
a.breadcrumb:link {color: #333333;}
a.breadcrumb:visited {color: #333333;}
a.breadcrumb:hover {color: #000000;}

a.siteMapDept:active {color: #155Ba3;}
a.siteMapDept:link {color: #155Ba3;}
a.siteMapDept:visited {color: #155Ba3;}
a.siteMapDept:hover {color: #990033;}

a.siteMapSubDept:active {color: #155Ba3;}
a.siteMapSubDept:link {color: #155Ba3;}
a.siteMapSubDept:visited {color: #155Ba3;}
a.siteMapSubDept:hover {color: #990033;}

a.departments:link {color: #FFFFFF; font-family: arial, verdana, Helvetica, Sans-serif; font-weight: bold; font-size: 11px;}
a.departments:active {color: #0265C8; font-family: arial, verdana, Helvetica, Sans-serif; font-weight: bold; font-size: 11px;}
a.departments:visited {color: #FFFFFF; font-family: arial, verdana, Helvetica, Sans-serif; font-weight: bold; font-size: 11px;}
a.departments:hover {color: #0265C8; font-family: arial, verdana, Helvetica, Sans-serif; font-weight: bold; font-size: 11px;}

a.section:link {color: #0265C8; font-family: arial, verdana, Helvetica, Sans-serif; font-weight: bold; font-size: 11px;}
a.section:active {color: #0265C8; font-family: arial, verdana, Helvetica, Sans-serif; font-weight: bold; font-size: 11px;}
a.section:visited {color: #6a6a6a; font-family: arial, verdana, Helvetica, Sans-serif; font-weight: bold; font-size: 11px;}
a.section:hover {color: #003162; font-family: arial, verdana, Helvetica, Sans-serif; font-weight: bold; font-size: 11px;}

a.subsection:link {color: #0265C8; font-family: arial, verdana, Helvetica, Sans-serif; font-weight: normal; font-size: 10px;}
a.subsection:active {color: #0265C8; font-family: arial, verdana, Helvetica, Sans-serif; font-weight: normal; font-size: 10px;}
a.subsection:visited {color: #6a6a6a; font-family: arial, verdana, Helvetica, Sans-serif; font-weight: normal; font-size: 10px;}
a.subsection:hover {color: #003162; font-family: arial, verdana, Helvetica, Sans-serif; font-weight: normal; font-size: 10px;}

.terms-heading {

}

.terms-subheading {
margin-left:8.5em;
margin-right:9em;
}

.terms-ol,terms-li {
    margin: 0;
    padding: 0;
}

.terms-ol {
    margin-left: 6em;
    margin-right: 9em;
    counter-reset: foo;
    display: table;
}

.terms-li {
    margin-top:1em;
    list-style: none;
    counter-increment: foo;
    display: table-row;
}

.terms-li::before {
    content: counter(foo) ".";
    display: table-cell;
    text-align: right;
    padding-right: 1em;
    padding-top: 12px;
}

.doc-left {
    clear:both;
    float:left;
    padding-bottom: 3em;
    text-align:center;
    width: 290px;
}

.doc-middle {
    float:left;
    text-align:center;
    width: 300px;
}

.doc-right {
    float:left;
    text-align:center;
    width: 275px;"
}

.thumb-portait {
    height: 220;
    hspace: 25;
    vspace: 5;
    border: 0;
}

.thumb-landscape {
    hspace: 25;
    vspace: 5;
    border: 0;
}
/*** Windows Chrome Hacks & Tweeks ***/

.content_msg{
position:absolute;
left:600px;
top:300px; }

.menu li {
float:left;
display:inline;
line-height:1.85em;
padding-top:0em;
font-size:.9em;}

.highlight_social{
width: 255px;
}

.lower{
height:2.5em;
}

.prod_subcat_body{
margin:1.5em 0em;
}
.subcat_crumbs{
width: 37%;

}
.prod_find{
width:30.5em;
}

.prod_find_specials{
width:31em;
margin-left: -1.5em;
}

.dropZone_find{
margin-left: -3em;

}

.pPrice{ padding-bottom:10px; margin-left: -40px; }
.pPriceLabel { padding-right:2px; }
.pAvailQty{ padding-left: 1px; padding-right:2px;  }
.pWieght_rt{ padding-left:36px; padding-right:0px; }
.pWeight_lt{ padding-left: 9px; padding-right:2px; }
.pQtyLabel{ text-align:right; padding-left:31px; }
.pCertLabel{ padding-left: 37px; margin-right:-2px; }
.pPvcLabel{ padding-left: 40px; margin-right:-2px; margin-top:-.5em; }

.form_filter_specials{
width: 13em;
}
.form_filter{
width:19em;
}
#aging_title{
padding-left:51em;
}
.refresh_aging{
padding-bottom: 1em;
}

.right_col .coinfo_title{
width:8em;}
.right_col .coinfo_data{
width: 9em;}
.right_col .coinfo_data_long{
width: 23em;  }


.quoteDetails_colAdjustment{
width:26.5%;}

.orderDetails_colAdjustment{
width:20.5em;
height: 1.3em;}
.save_button{
margin-left:16em;}
.save_pay{
margin-left:14em;
}
.receieve_invoices{width:18.5em; }
.inv_fields{ padding-right:0em;  }
.save_pass_button{margin-left: -.5em;}

h6 {
margin: 0px;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif; /*"Futura Condensed", */
font-size: 14px;
line-height: 15px;
padding-left: 0em;
color: #717980;
font-weight: normal; }