@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

#pagecontainer { float: left; width: 100%; text-align: center; background: #c8c8c8 url(../images/bg_main.jpg) no-repeat top center; }
#content { margin: 0 auto; width: 900px; text-align: left; }
#content_bg { float: left; width: 880px; margin: 0; padding: 0 10px 0 10px; background: #fff; }

#top { float: left; width: 880px; height: 137px; }
#logo { float: left; width: 305px; height: 120px; padding: 25px 0 0 60px;}

#login { float: left; width: 390px; height: 137px; }
#login_form { float: left; width: 350px; height: 35px; background: url(../images/bg_login.gif) no-repeat top left; margin: 70px 0 0 0; padding: 14px 0 0 10px; font-size: 12px; }
#login_form_blank { float: left; width: 350px; height: 15px; margin: 70px 0 0 0; padding: 34px 0 0 250px; font-size: 12px; text-align: right; }

#shoppingcart { float: right; width: 186px; height: 22px; background: url(../images/bg_itemsordered.gif) no-repeat top left; margin: 67px 20px 0 0; text-align: center; color: #fff; font-weight: bold; padding: 36px 0 0 0; }
#shoppingcart a { color: #fff; text-decoration: none; }
#shoppingcart a:hover { text-decoration: underline; }

#navs { float: left; width: 820px; height: 31px; background: url(../images/bg_navs.gif) no-repeat top left; padding: 0 0 0 80px; }
#promo { float: left; width: 715px; margin: 0 20px 20px 20px; }
#promo_inside { float: left; width: 790px; height: 57px; margin: 0 20px 20px 20px; background: url(../images/bg_promo_inside.gif) no-repeat top left; padding: 0 0 0 50px; } * html #promo_inside {  margin: 0 10px 20px 10px; }
#copy { float: left; width: 675px; padding: 0 40px 40px 40px; }
#copy_inside { float: left; width: 810px; padding: 0 30px 40px 40px; } * html #copy_inside { padding: 0 15px 40px 20px; }
#copy_inside_left { float: left; width: 190px; padding: 10px 0 0 0; }
#copy_inside_right { float: left; width: 569px; padding: 10px 0 0 25px; } * html #copy_inside_right { padding: 10px 0 0 20px; }

#copy_intro { float: left; width: 675px; margin: 0 0 15px 0; }
#copy_intro h1 { color: #fff; }
#copy_intro p { padding-top: 12px; }
#copy_full { float: left; width: 635px; padding: 0 20px 0 20px; }
#copy_intro_top { float: left; width: 625px; background: url(../images/bg_intro_top.gif) no-repeat top left; padding: 10px 25px 0 25px; }
#copy_intro_bottom { float: left; width: 675px; height: 10px; background: url(../images/bg_intro_bottom.gif) no-repeat top left; }

#content_div_inside1 { float: left; width: 564px; }
#content_div_inside { float: left; width: 564px; height: 380px; overflow: auto; }
#line_div_inside { float: left; width: 564px; height: 380px; overflow: auto; }

#bluebox { float: left; width: 584px; margin: 10px 0 0 0; } * html #bluebox { margin: 0 0 0 0; }
#bluebox_top { float: left; width: 584px; height: 10px; background: url(../images/bg_bluebox_top.gif) no-repeat top left; } * html #bluebox_top { margin: 0 0 -4px 0; }
#bluebox_copy { float: left; width: 564px; background: url(../images/bg_bluebox.gif) repeat-y top left; padding: 5px 10px 5px 10px; }
#bluebox_bottom { float: left; width: 584px; height: 10px; background: url(../images/bg_bluebox_bottom.gif) no-repeat top left; }

#bluebox_short { float: left; width: 564px; margin: 10px 0 0 0; } * html #bluebox { margin: 0 0 0 0; }
#bluebox_top_short { float: left; width: 564px; height: 10px; background: url(../images/bg_bluebox_top_short.gif) no-repeat top left; } * html #bluebox_top { margin: 0 0 -4px 0; }
#bluebox_copy_short { float: left; width: 449px; background: url(../images/bg_bluebox_short.gif) repeat-y top left; padding: 5px 10px 5px 10px; }
#bluebox_bottom_short { float: left; width: 564px; height: 10px; background: url(../images/bg_bluebox_bottom_short.gif) no-repeat top left; }

#blueform { float: left; width: 584px; height: 52px; background: url(../images/bg_blueform.gif) no-repeat top left; margin: 10px 0 10px 0; }
#blueform_left { float: left; width: 255px; height: 40px; color: #fff; font-weight: bold; padding: 12px 0 0 45px; }
#blueform_right { float: left; width: 144px; height: 40px; padding: 12px 0 0 45px; }

#bluebox_tab { float: left; height: 24px; text-align: right; margin: 0 0 0 15px; }
.bluebox_tab_item { float: left; background: #0277ca; margin-left: 2px; }
.bluebox_tab_item_left { float: left; width: 5px; height: 24px; background: url(../images/bg_tabcorner_left_on.gif) no-repeat top left; }
.bluebox_tab_item_copy { float: left; height: 24px; padding: 10px 0px 0 0px; }
.bluebox_tab_item_right { float: left; width: 5px; height: 24px; background: url(../images/bg_tabcorner_right_on.gif) no-repeat top left; }
.bluebox_tab_item a { float: left; text-decoration: none; color: #e8f0fb; }
.bluebox_tab_item a:hover { float: left; text-decoration: underline; color: #e8f0fb; }
.bluebox_tab_itemOn { float: left; background: #e8f0fb url(../images/bg_tabtop.gif) repeat-x top left; margin-left: 2px; }
.bluebox_tab_item_leftOn { float: left; width: 5px; height: 34px; background: url(../images/bg_tabcorner_left.gif) no-repeat top left; }
.bluebox_tab_item_copyOn { float: left; height: 24px; padding: 10px 0px 0 0px; }
.bluebox_tab_item_rightOn { float: left; width: 5px; height: 34px; background: url(../images/bg_tabcorner_right.gif) no-repeat top left; }
.bluebox_tab_itemOn a { float: left; text-decoration: none; color: #0158af; }
.bluebox_tab_itemOn a:hover { float: left; text-decoration: underline; color: #0158af; }


#whitebox { float: left; width: 564px; margin: 0 0 10px 0; }
#whitebox_top { float: left; width: 564px; height: 10px; background: url(../images/bg_whitebox_top.gif) no-repeat top left; }
.whitebox_copy { float: left; width: 449px; background: url(../images/bg_whitebox.gif) repeat-y top left; padding: 10px 10px 10px 10px; text-align: center; }
#whitebox_bottom { float: left; width: 564px; height: 10px; background: url(../images/bg_whitebox_bottom.gif) no-repeat top left; }
#whitebox_copy img { border: 1px #b6b6b6 solid; }

#templates { float: left; width: 584px; }
#template { float: left; width: 237px; margin: 0 0 15px 0; }
#template_top { float: left; width: 237px; height: 10px; background: url(../images/bg_template_top.gif) no-repeat top left; }
#template_copy { float: left; width: 237px; background: url(../images/bg_template.gif) repeat-y top left; text-align: center; }
#template_bottom { float: left; width: 237px; height: 10px; background: url(../images/bg_template_bottom.gif) no-repeat top left; }
#template_gap { float: left; width: 15px; height: 1px; }
.pic { border: 3px #b5d0eb solid; }
.pic_on { border: 3px #1c72c0 solid; }

#topbox { float: left; text-align: center; padding: 5px 0 5px 0; font-size:11px; width: 480px;}
#topnavs { float: left; width: 550px; padding: 10px 10px 10px 10px; margin: 0 10px 15px 0; border-bottom: 2px #014596 solid; } * html #topnavs { padding: 10px 5px 0 5px; }
.subtitle p { background: url(../images/arrow_blue.gif) no-repeat 0 6px; padding: 0 0 0 14px; }
.subtitle a { text-decoration: none; }
.subtitle a:hover { text-decoration: underline; }
#bluebox_error { float: left; width: 564px; background: url(../images/bg_bluebox.gif) repeat-y top left; padding: 10px 10px 10px 10px; text-align: center; }
.red { color: #840000; font-weight: bold; font-size: 14px; }
.blue { color: #0158AF; font-weight: bold; font-size: 14px; }

#prod { float: left; width: 150px; margin: 15px 0 0 0; }
#prod_img { float: left; width: 142px; text-align:center; }
#prod_img img.light { border: 4px #e8f0fb solid; }
#prod_img img.dark { border: 4px #0158af solid; }
#prod_header { float: left; width: 150px; background: #e8f0fb; text-align: center; padding: 0 0 3px 0; }
#prod_header a { text-decoration: none; }
#prod_header a:hover { text-decoration: underline; }
#prod_gap { float: left; width: 10px; height: 10px; }
select.small_font {font-size: 9px; padding: 0; margin: 0; height:16px;}
/*------------- TABLE --------------*/

.header { background: #015BB1 url(../images/bg_table.gif) repeat-x top left; color: #fff; font-weight: bold; padding: 5px 10px 5px 10px; font-size: 12px; }
.odd { padding: 5px 10px 5px 10px; border-bottom: 1px #cbdaeb solid; }
.even { padding: 5px 10px 5px 10px; border-bottom: 1px #cbdaeb solid; }
.pending { padding: 5px 10px 5px 10px; border-bottom: 1px #cbdaeb solid; }
.odd_tr { background: #e8f0fb; }
.even_tr { background: #dae5f1; }
.pending_tr, .pendingover_tr { background: #f1dada; }
.pendingover_tr td {border-top:1px #bf1010 solid; border-bottom: 1px #bf1010 solid;}
.over_tr { background: #d5e9fe; }
.selected_tr td { background: #d5e9fe; border-top: 4px #2D83DD solid; border-bottom: 4px #2D83DD solid; }
.tclass { color: #5c5c5c; font-size: 11px; }
.tclass td { border-bottom: 1px solid #dfe1de; padding: 7px 0 7px 0; }
.tclass td.clear { border-bottom: none; padding: 7px 0 7px 0; }
.form_table td { padding: 10px 10px 10px 10px; border-bottom: 1px #cbdaeb solid; }
.form_table td.clear { padding: 10px 10px 10px 10px; border: none; }

/*------------- FOOTER --------------*/

.clear { clear: both; }
#footer { float: left; width: 870px; padding: 0 15px 20px 15px; margin: 0; background: #fff; border-top: 1px #c8c8c8 solid;} 
#footer_left { float: left; width: 320px; margin: 0 0 0 50px; padding: 12px 0 0 0; } * html #footer_left {  margin: 0 0 0 25px; }
#footer_right { float: right; width: 450px; text-align: right; margin: 0 50px 0 0; padding: 12px 0 0 0; } * html #footer_right {  margin: 0 25px 0 0; }
#footer p { color: #7f7f7f; font-size: 9px; padding: 0; margin: 0; }
#footer a { color: #7f7f7f; font-weight: normal; text-decoration: none; }
#footer a:hover { text-decoration: underline; color: #7f7f7f; }


/*------------- GLOBAL SELECTORS --------------*/

body { text-align: center; margin: 0; padding: 0; border:0; color: #000000; font-family: Tahoma, Verdana, Sans-serif; font-size: 12px; background-color: #c8c8c8; }

h1 { color: #014596; font-size: 26px; line-height: 24px; font-weight: normal; padding: 5px 0 0 0; margin: 0 0 7px 0; }
h2 { color: #014596; font-size: 18px; line-height: 21px; font-weight: normal; padding: 5px 0 0 0; margin: 0 0 1px 0; }

p { font-size: 13px; line-height: 17px; color: #000000; padding: 3px 0 3px 0; margin: 0; }
p.readmore { padding: 4px 10px 6px 16px; margin: 0 0 10px 0; background: url(../images/arrow_green.gif) no-repeat 6px 11px; }
p.readmore a { color: #718669; text-decoration: none; }
p.readmore a:hover { color: #718669; text-decoration: underline; }
ul { list-style-type:none;  margin: 10px 0 0 25px; padding: 0; }
ul li { text-indent:0px; padding: 3px 0 2px 12px; background: url(../images/arrow_blue.gif) no-repeat 0 8px; }
a { text-decoration: underline; color: #014596; font-weight: bold; }
a:hover { text-decoration: none; color: #014596; }
a.big { font-size: 14px; text-decoration: none; }
a.big:hover { font-size: 14px; text-decoration: underline; }

img.nowrap { display: block; padding: 0; margin: 0; }


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

form { margin:0; padding:0; display:block; }
input, textarea, option { padding: 3px 2px 1px 2px; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#1F1F1F; font-weight:normal; }


/*------------- SUBNAVIGATION --------------*/

#copy_inside_left ul.subMenu { width: 190px; margin: 10px 0 0 0; padding: 0; font-size: 11px; font-weight: bold; }
#copy_inside_left ul.subMenu li { margin: 0; padding: 0 0px 0 0px; display:block; list-style-type: none; margin: 3px 0 0 0; }
#copy_inside_left ul.subMenu a:link, #copy_inside_left ul.subMenu a:visited { display:block; height: 13px;; padding: 7px 0 6px 25px; color: #02488d; text-decoration:none; background: #e8f0fb url(../images/arrow_blue.gif) no-repeat 10px 10px; font-weight: bold; }
#copy_inside_left ul.subMenu a:active, #copy_inside_left ul.subMenu a:hover { display:block; padding: 7px 0 6px 25px; color: #047ac6; text-decoration:none; background: #e8f0fb url(../images/arrow_blue.gif) no-repeat 10px 10px; font-weight: bold; }
#copy_inside_left ul.subMenu a:link.subMenuOn,#copy_inside_left ul.subMenu a:visited.subMenuOn { display:block; padding: 7px 0 6px 25px; color: #fff; text-decoration:none; background: #0158af url(../images/arrow_white.gif) no-repeat 10px 10px; font-weight: bold; }
#copy_inside_left ul.subMenu a:link.subMenuOn,#copy_inside_left ul.subMenu a:visited.subMenuOn { font-weight: bold; }

#copy_inside_left ul.subMenu2 {width: 190px; margin: 5px 0 0 0; font-size: 10px; font-weight: bold; }
#copy_inside_left ul.subMenu2 li {margin: 0; padding: 0 0px 0 0px; display:block; list-style-type: none; }
#copy_inside_left ul.subMenu2 a:link, #copy_inside_left ul.subMenu2 a:visited {display:block; height: 13px; padding: 7px 0 6px 35px; color: #02488d; text-decoration:none; background: #e8f0fb url(../images/arrow_blue.gif) no-repeat 20px 10px; font-weight: normal; border: none; 
}
#copy_inside_left ul.subMenu2 a:active, #copy_inside_left ul.subMenu2 a:hover {display:block; padding: 7px 0 6px 35px; color: #047ac6; text-decoration:none; background: #e8f0fb url(../images/arrow_blue.gif) no-repeat 20px 10px; font-weight: normal;  }
#copy_inside_left ul.subMenu2 a:link.subMenu2On, #copy_inside_left ul.subMenu2 a:visited.subMenu2On { display:block; padding: 7px 0 6px 35px; color: #fff; text-decoration:none; background: #0158af url(../images/arrow_white.gif) no-repeat 20px 10px; font-weight: bold; }
#copy_inside_left ul.subMenu2 a:link.subMenu2On, #copy_inside_left ul.subMenu2 a:visited.subMenu2On { font-weight: bold; }

/*-------------------- CUSTOM ---------------*/

.right {text-align: right;}
.mouseover {cursor: pointer;}
#preview_image {border: 1px solid #E8F0FB ;}

div.lds {border:1px solid #f00; cursor: pointer; margin: 0; padding: 5px; font-size:10px;}
div.ld {border:none; cursor: pointer; margin: 0; padding: 5px; font-size:10px;}


.update_po_no {
display: inline;
margin-top:5px;
}
.changeImage{
    cursor:pointer;
}