/**
 * include sms stuff
 */
@import url("simpleMailingServices.css");

BODY { margin:0px; padding:0px; font-family:Century Gothic ,Tahoma, Arial,Verdana, Helvetica,sans-serif; }

A:link {    text-decoration:none; color:#336699;}
A:visited { text-decoration:none; color:#6699AA;}
A:hover {   text-decoration:none; color:#FF6600;}

a img { border: 0;}

.panel_default  { width:100%; height:100%; background-color:#FFFFFF; position:relative; padding:0px; margin:0px;}
.panel_header   { height:25px; text-align:center; color:#8FABA6; font-size:16px; text-transform: uppercase; font-weight:bold  }
.panel_header_left   { height:25px; text-align:left; margin-left:10px; color:#8FABA6; font-size:16px; text-transform: uppercase; font-weight:bold  }
.panel_header_left_5px   { height:25px; text-align:left; margin-left:5px; color:#8FABA6; font-size:16px; text-transform: uppercase; font-weight:bold  }
.panel_body     { vertical-align:top ; font:12px  Century Gothic, Arial, Helvetica; color: #666666;}
.panel_header .sample_h1 {font-size: 16px; margin-top: 0px ;margin-bottom:0px;}
/**
 * Begin: Bug fix for ONP-8164
 *
 * @author Eric Huang
 * @date 11-19-2009
 */
#top_panel .panel_body div .banner_card { width:100%; height:100%; position:relative; background-position:0px 0px;text-align:left;padding:0px;margin:0px;}
#top_panel .panel_body div .banner_card .blacktitle {
	font-size: 22px;
	font-weight: bold;
	color: #000;
	padding-left:15px;
	padding-top:12px;
}
#top_panel .panel_body div .banner_card .blackfont {
	padding-top:0px;
	padding-left:15px;
}
#top_panel .panel_body div .banner_card .bc div {
	width: 320px;
}
#top_panel .panel_body div .banner_card .pc div {
	width: 240px;
}
#top_panel .panel_body div .banner_card .stamp div {
	width: 230px;
}
#top_panel .panel_body div .banner_card .bcnote div {
	font-size: 10px;	
}
#top_panel .panel_body div .banner_card .addresslabels div {
    width: 290px;	
}
#top_panel .panel_body div .banner_card div {
	font-size: 12px;
	width: 360px;
	color: #000;
	font-weight: bold;
	padding-left:15px;
	padding-top: 6px;
}
#top_panel .panel_body div .banner_card div .blackDot {
	font-size: 8px;
	display:inline;
	padding-left:0px;
	padding-right:2px;
	padding-top:0px;
	padding-bottom:0px;
}
#top_panel .panel_body div .banner_card div .boldtext {
	font-weight: bold;
	display:inline;
	padding:0px;
}

#top_panel .panel_body div .banner_card div .normaltext {
	font-weight: normal;
	display:inline;
	padding:0px;
}
/**
 * End: Bug fix for ONP-8164
 */
.panel_footer   { position:absolute; bottom:0px; width:100%; left:0px; height:25px; background-color:#F3FFFF; border-top:1px solid #DFDFDF; text-align:center; }

.list_white_link { font-size:12px; color:#FFFFFF; text-decoration:none; }
.list_white_link:link , .list_white_link:visited { color:#FFFFFF;}
.list_white_link:hover { color: #FFFFFF; text-decoration:underline}

.list_blue_link { font-size:12px; color:#034d8d; text-decoration:none; font-weight:bold; }
.list_blue_link:link , .list_blue_link:visited { color:#034d8d;}
.list_blue_link:hover { color: #034d8d; text-decoration:underline}

.list_blue_link_sm { font-size:10px; color:#034d8d; text-decoration:none; }
.list_blue_link_sm:link , .list_blue_link_sm:visited { color:#034d8d;}
.list_blue_link_sm:hover { color: #034d8d; text-decoration:underline}

.new_link_sm {          font-size:12px; text-decoration:none; color:#666666; border-bottom:1px solid #EFEFEF; }
.new_link_sm:link {     font-size:12px; text-decoration:none; color:#666666; border-bottom:1px solid #EFEFEF; }
.new_link_sm:visited {  font-size:12px; text-decoration:none; color:#666666; border-bottom:1px solid #EFEFEF; }
.new_link_sm:hover {    font-size:12px; text-decoration:none; color:#666666; border-bottom:1px solid #00CCFF;}
.new_link_sm_white {    font-size:12px; text-decoration:none; color:#FFFFFF; border-bottom:1px solid #336699;  }

.new_link_ssm:link {    font-size:11px; text-decoration:none;        color:#666666; }
.new_link_ssm:visited { font-size:11px; text-decoration:none;        color:#666666; }
.new_link_ssm:hover {   font-size:11px; text-decoration:underline ;  color:#666666; }

.new_link_ssn:link {    font-size:11px; text-decoration:none; color:#666666; }
.new_link_ssn:visited { font-size:11px; text-decoration:none; color:#666666; }
.new_link_ssn:hover {   font-size:11px; text-decoration:none; color:#999999; }

.grey_link_sm:link {    font-size:12px; text-decoration:none; color:#666666; }
.grey_link_sm:visited{  font-size:12px; text-decoration:none; color:#666666; }
.grey_link_sm:hover{    font-size:12px; text-decoration:underline ; color:#336699;}

.blue_link_lg { font:bold 16px Century Gothic, Tahoma, Arial, Helvetica;text-decoration:none;color:#336699;text-transform: capitalize;}
.blue_link_lg:link {    border-bottom:1px solid #CEE6FF; }
.blue_link_lg:visited { border-bottom:1px solid #CEE6FF; }
.blue_link_lg:hover {   border-bottom:1px solid #ff6600; }

.blue_01_link { font:bold 14px Century Gothic, Tahoma, Arial, Helvetica; color:#336699; text-decoration:none;}
.blue_01_link:link , .blue_01_link:visited { border-bottom:1px solid #CEE6FF;}
.blue_01_link:hover {    border-bottom:1px solid #ff6600 }

.blue_link { font:bold 12px Century Gothic, Tahoma, Arial, Helvetica; color:#336699; text-decoration:none;}
.blue_link:link , .blue_link:visited { border-bottom:1px solid #CEE6FF;}
.blue_link:hover { color:#336699;border-bottom:1px solid #ff6600;}

.blue_link_m { font:bold 11px Century Gothic, Tahoma, Arial, Helvetica; color:#336699; text-decoration:none;}
.blue_link_m:link , .blue_link_m:visited { border-bottom:1px solid #CEE6FF;}
.blue_link_m:hover {  border-bottom:1px solid #ff6600;}

.blue_link_sm { font:bold 10px Century Gothic, Tahoma, Arial, Helvetica;text-decoration:none; color:#336699; text-transform: capitalize;}
.blue_link_sm:link , .blue_link_sm:visited{  }
.blue_link_sm:hover{ text-decoration:underline;}

.or_link { font-size:14px; font-weight:bold; text-decoration:none;}
.or_link:link , .or_link:visited { color:#FF6600; }
.or_link:hover {    color:#FF9900 ;border-bottom:1px solid #0099FF}

.white_link {  font-size:12px; font-weight:bold;  color:#FFFFFF;}
.white_link:link , .white_link:visited { color:#FFFFFF; }
.white_link:hover { color:#FFFFFF; text-decoration:underline; }

.white_link_bold {font:bold 13px Century Gothic, Tahoma, Arial; text-decoration:none; color:#FFFFFF;}
.white_link_bold:link , .white_link_bold:visited { text-decoration:none;color:#FFFFFF; }
.white_link_bold:hover {  color:#FFFFFF;  }

.white_link_sm { text-decoration:underline;  font-size:10px; text-decoration: underline }
.white_link_sm:link , .white_link_sm:visited { text-decoration:underline; color:#FFFFFF; }
.white_link_sm:hover {   color:#FF9900;  }

.txt_white_01 { font-size:12px; color:#FFFFFF;}
.txt_white_02 { font-size:10px; color:#FFFFFF;}

.white_bold{    font-size:14px; font-weight:bold; text-decoration:none; color:#FFFFFF; }

.tx_sm {    font-size:9px; color: #000000;}
.tx_sm_01 { font-size:10px; color: #000000;}
.tx_sm_02 { font-size:11px; color: #000000;}
.discountConflict {font-size: 14px; color: red !important;}
.tx_sm_03 { font-size:12px; font-weight:bold; color: #000000;}
.tx_sm_04 { font-size:12px; color: #000000;}

.tx_sm_grey_sm  {font-size:8px; color: #666666;}
.tx_sm_grey     {font-size:9px; color: #666666;}
.tx_sm_grey_01  {font-size:10px; color: #666666;}
.tx_sm_grey_02  {font-size:11px; color: #666666;}
.tx_sm_grey_03  {font-size:12px; font-weight:bold; color: #666666;}
.tx_sm_grey_04  {font-size:12px; color: #666666;}
.tx_sm_grey_04_subBullet { font-size:12px; color: #666666; padding-left:20px; padding-bottom:0px; padding-top:0px; padding-top:0px;}

.txt_grey_01     {font-size:14px; font-weight:bold; color: #666666;}

.tx_sm_blue {   font-size:9px;  color: #336699;}
.tx_sm_blue_01 {font-size:10px; color: #336699;}
.tx_sm_blue_02 {font-size:11px; color: #336699;}
.tx_sm_blue_03 {font-size:12px; font-weight:bold; color: #336699; }
.tx_sm_blue_04 {font-size:12px; color:#336699;}
.txt_blue_01   {font-size:14px; color:#336699;}
.txt_blue_02   {font-size:16px; font-weight:bold; color:#336699;}

.txt {    font:14px Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.txt_01 { font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.txt_02 { font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #336699;}
.txt_03 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.txt_04 { font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #336699;}
.txt_05 { font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #336699;}

.ups { font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #996600;}

.txt_blue { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color: #336699;}
.txt_dkblue { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#003366;}
.txt_orange { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color: #ff6600;}
.txt_orange_01 { font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #ff9900;}
.txt_orange_02 { font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #ff9900;}
.txt_orange_03 { font:bold 20px Verdana, Arial, Helvetica, sans-serif; color: #ff9900;}
.txt_green { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#00CC00;}

.cart_txt_01 { font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.cart_txt_02 { font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #336699;}
.cart_txt_03 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.cart_txt_sml { font:bold 10px Verdana, Arial, Helvetica, sans-serif; color: #336699;}

.menu_bar{ background:#336699 url("../img1/menu_mid.gif") repeat-x;}
.top_mid { background-image: url("../img1/repeat.gif"); background-repeat:repeat-x;}
.top_mid_sm { background-image: url("../img1/top_mid_sm.gif"); background-repeat:repeat-x;}
.footer_bar{ background-image:  url("../img1/menu_mid.gif");background-repeat: repeat-x;}

.box { border: 1px solid #336699;  font:bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #000000;}
.box_title {font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF6600; text-transform: capitalize}
.box_title_blue {font-size:15px; text-decoration:none; color:#336699; border-bottom:1px solid #CEE6FF;}
.box_title_drkRed {font:bold 12px Verdana, Arial, Helvetica, sans-serif; color: #990000;}

.greycentline {border-right:1px solid #CCCCCC }

div.menu {  text-decoration:none ; height:21px ; overflow:hidden ; font-size:13px; font-weight:bold }
div.menu td { padding:2px; color:#FFFFFF; text-align:center; }
div.menu a { background-color:#6699CC; border:1px solid #FFFFFF  ; padding:1px 6px 1px 6px }
div.menu a:link , div.menu a:active ,
div.menu a:visited { color:#FFFFFF;}
div.menu a:hover {   color: #336699;  background-color:#99CCEC;}

div.current a{ font-size:13px ; font-weight:bold; color: #336699; text-align:center; border:1px solid #FFFFFF ;}
div.current a:link, div.current a:visited { color: #336699;  background-color:#9EDDFF;  padding:1px 6px 1px 6px }
div.current a:hover {   color: #336699; background-color:#9EEEFF;}

div.cssBtn { text-decoration:none; text-align:center; font-size:13px ; font-weight:bold; border:1px solid #336699 }
div.cssBtn  a:link ,
div.cssBtn  a:visited { color: #FFFFFF;  background-color:#6699CC ; padding:1px 10px 1px 10px }
div.cssBtn  a:hover {   color: #336699;  background-color:#9ACCFF}

.footwht {  font:11px Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF; text-align: center;vertical-align: middle;}
.footc {    font:11px Verdana, Arial, Helvetica, sans-serif;color: #666666;}

table.row_over td:hover { background-color:#F6FFFF; cursor:pointer}
table.row_over td:hover a {color:#FF6600}

div.layout_img { margin:0 auto; overflow:auto; border:1px solid #999999; background-color:#DFDFDF }

div.layout_img  a:link {    border:0px solid #336699  }
div.layout_img  a:active {  border:0px solid #336699  }
div.layout_img  a:visited { border:0px solid #336699  }
div.layout_img  a:hover {   background-color: #FF6600  }

.botbodr {border-bottom: 1px solid #336699;}

.txt_red_01 {   font-size:13px; font-weight:bold;  color:#CC0000;}
.txt_red_02 {   font-size:13px; font-weight:bold;  color:#FF0000;}
.txt_red_i {    font:bold italic 15px Tahoma,Verdana, Arial, Helvetica, sans-serif;text-align: left; color:#990000;}

#helpDiv {position:absolute; top:0px; left:0px; z-index:10; background-color:transparent; visibility:hidden; margin:0px; padding:0px;}

.progress_bar {width:1px;background-color:#66EEFF; line-height:8px;}
.progress_text {font:12px Tahoma,Arial,Helvetica; color:#666666;}

div.category_toggle {float:left; background: url('../img1/plus.gif'); background-repeat: no-repeat; background-position: top left; margin-top:5px; cursor:pointer; width:10px; height:10px; }
div.category_toggle :hover { color:#336699; }

.colorpicker{margin:4px;padding:1px;position:absolute;background-color:#FFF;border:1px solid #000;width:108px;height:126px;display:none; z-index: 10;}
.colorpicker div{margin:0px;width:16px; height:16px; float:left;border:1px solid #000;}
.colorpicker div:hover{border:1px solid #FFF;cursor:pointer;z-index:10}
.colorpicker_btn{width:22px;height:18px;cursor:pointer;background-color:#FFF;border:1px solid #999;}

.fontpicker{ overflow-x: hidden; overflow-y:auto; margin:4px; padding-top:2px;position:absolute;background-color:#FFF;border:2px solid #336699;width:200px;height:250px;display:none; z-index:100;}
.fontpicker div{ margin:0px; padding:2px; width:200px; height:20px; border:1px solid #EFEFEF; z-index:10}
.fontpicker div:hover{border:1px solid #FF6600; background-color:#F6FFFF; cursor:pointer; }
.fontpicker_btn{ width:190px; background-color:#FFF;cursor:pointer;border:1px solid #999 ; z-index:10}

.font_size_picker{ overflow-x: hidden; overflow-y:auto; margin:4px; padding-top:2px; position:absolute; background-color:#FFF;border:2px solid #336699;width:60px;height:110px;display:none; z-index: 10;}
.font_size_picker div{ margin:0px; padding:2px; width:50px; height:20px; border:1px solid #EFEFEF; z-index:10}
.font_size_picker div:hover{border:1px solid #FF6600; background-color:#F6FFFF; cursor:pointer;}
.font_size_picker_btn{ background-color:#FFF; width:50px; cursor:pointer;border:1px solid #999 ; text-align:center}

.lef {text-align: left;font-family: Arial, Helvetica, sans-serif;}
.top {white-space: nowrap;font-size: 18px;font-weight: bold;color: #336699;}
.red01 {color: #990000; font-size: 14px; }
.sml {color: #000000;font-size: 12px;}

.cart_title_bar {padding:5px; border-bottom:1px solid #FFF; background-image:url("../img1/cart_list_repeat.gif"); background-repeat: repeat-x}

#langselect {height:0px; vertical-align:middle; text-align:center; z-index:50;}
#languageMenu {display:none; position:absolute; vertical-align:middle; text-align:left;width:100px;background-color:#FFF;border:1px solid #336699;}
.langlisttab { cursor:pointer; padding:2px; margin:1px; background-color:#4477AA;}

#loggedInText {padding-left:20px;}
#SendingMessage{position:relative; display:none; font-size:12px;}
#WarningMessage{position:relative; color:#990000; font-size:12px;}

sup,sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
}
sup { bottom: 1ex;}
sub { top: .5ex;}

.lang_switch_href {
    cursor:pointer; color: white; text-decoration: underline;
}
/*
.upload_panel_01_hack {
    min-height: 341px;
    height: auto;
    _height: 352px;
}
.upload_panel_02_hack{
    _height: 353px;
}

html>body .upload_panel_01_hack {
    *height: 352px;
}
html>body .upload_panel_02_hack {
    *height: auto;
    *min-height: 353px;
}*/

/**maing page left panels...**/
.left_main_sub {
    min-height: 440px;
    height: auto !important;
    height: 440px;
}
/**
 * Begin: Bug fix for ONP-8374
 * @author Eric Huang
 * @date 01-20-2010
 */
/* Newsletter signup box */

#newsletterContainer {
    height:100%;
    color: #000;
    border:1px solid #888888;
    background-image: url('../img1/Email_SignUp.jpg');
    background-repeat: no-repeat;
}

#newsletterContainer form {
    margin: 42px 0px 0 0px;
}

#newsletterGreeting {
    text-align: center;
    font-size: 15px;
    padding-top: 4px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 2px;
}

#newsletterMessage {
    text-align: center;
    font-size: 15px;
    margin: 0 2px 0 2px;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
    color: #000;
}

#newsletterRadios {
    font-size: 7.6pt;
    margin-top: 2px;
}

#newsletterRadios input {
    margin: 0 0 0 4px;
    padding: 0;
    background: none
}

#newsletterRadios label {
    position: relative;
    left: 2px;
}

#newsletterEmail {
    margin: 2px 0 0 10px;
    font-size: 8pt;
    color: #999;
    font-family: Arial;
    width: 110px;
}

#newsletterBtnContainer {
    margin-top: 1px;
    margin-left: 9px
}

#newsletterBtnOuter {
    width: 125px;
    height: 37px;
    cursor: pointer;
    background-image: url('../img1/button.gif');
    background-repeat: no-repeat;
}

#newsletterBtnInner {
    padding: 9px 0 0 42px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

#newsletterBtnInner.es {
    padding-left: 27px;
}

#newsletterThankyou {
    color: #336699;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: bold;
    margin: 3px 0;
}

#newsletterThankyou2 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 2px 0;
}

.newsletterThankyou3 {
    margin: 1px 0;
}

/** Messages */
.infoBox, .successBox, .warningBox, .errorBox, .validationBox {
    border: 1px solid;
    margin: 10px 0px 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.errorBox {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img1/error.png');
}
.infoBox {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img1/info.png');
}
.successBox {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img1/success.png');
}
.warningBox {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img1/warning.png');
}