@CHARSET "UTF-8"; /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ #pageContainer html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; font-weight:normal; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html, body{ height:100%;} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } textarea{color:#666; padding:2px;} label{text-align:left;} a{color:#375172; text-decoration:none; outline-style:none; cursor: pointer;} a:hover, a:focus, #global a:hover, #global a:focus{color:#662f73} img{border:none} select{font-size:120%;} /* ol, ul {list-style:disc;} */ p{padding:8px 0;} /*******************************************************************************************/ .ecShipShadow{ -moz-box-shadow: 0px -8px 4px 4px #ccc; -webkit-box-shadow: 0px -8px 4px 4px #ccc; box-shadow: 0px -8px 4px 4px #ccc; behavior: url(../js/pie_shadow_plugin/PIE.htc); } /*******************************************************************************************/ .sgn_logo{width:100%; margin:auto; padding-bottom:10px} .sc_lang {font-family:PMingLiu !important;} .clearboth{clear:both;} .float_l{float:left;} .float_r{float:right;} .bold{font-weight:bold;} .underline{text-decoration:underline;} .hidden{display:none;} .highlight{color:#02715e;} .highlight_purple{color:#662f73;} .highlight_purple_L{color:#662f73; font-size:120%;} .highlight_purple_XL{color:#662f73; font-size:140%;} .text_align_l{text-align:left;} .text_align_c{text-align:center;} .text_align_r{text-align:right;} .text_align_j{text-align:justify;} .anterisk{color:#C90000;} .valign_t{vertical-align:top;} .valign_m{vertical-align:middle;} .valign_b{vertical-align:bottom;} .inline_block{display:inline-block;} .greentitle{color:#02715e; font-size:135%;} .greentitle3{color:#02715e; font-size:100%;} .remark_text{color:#2149eb;} /* blue */ .grey_text{color:#656565;} .btn_img{cursor:pointer;} .remark_text_2{color:#656565;} /* dark gold */ .invalid_input{border:1px solid red;} .invalid_input_text{color:red;} .remarks{color:#656565; text-align:left; padding:10px 0 0 0; font-size:90%;} .bullet_graphic{margin:0; padding:5px 0 5px 15px; list-style-image:url(../img/common/bullet.gif); list-style-position:outside} .text_italic{font-style:italic;} .numeric{text-align:right;} .currency{float:left; text-align:left; width:50px; display:inline-block;} .telDespFirst{padding:10px 0; position:relative} .telDesp{padding:20px 0; position:relative} .telDespFirst span, .telDesp span{float:left; padding: 8px 8px 8px 0;} /* HR class */ .hr_grey{height:1px; background:#ccc;} /* Error / Info Message Panel */ .soazMessages{border:2px solid #ffeb3f; background-color:#fff7b7; padding:10px 10px 10px 20px; margin:0px 0px 10px 0px; line-height:20px; text-align:justify;} .soazMessages table{line-height:20px;} .soazMessages .msg_ico{vertical-align:top;} .soazErrorMessage{color:#E10000;} .soazWarningMessage{color:#E10000;} .soazInfoMessage{color:green;} .soazMessages td{font-weight:bold;} /* Table layout */ .table {width:100%;} .table_header_row_green{background-color:#02715e; color:#fff;} .table_even_row_green{background-color:#d6e3de;} .table_header_row_green th {text-align:center; padding:5px 7px; border:1px solid #bbb; font-weight:bold;} .table_odd_row_green td, .table_even_row_green td {padding:5px 7px; border:1px solid #bbb;} .table_even_row_purple{background-color:#fbf3ff} .table_header_row_purple{background-color:#d3c2e1; color:#643072;} .table_header_row_purple th { padding:5px 7px; border:1px solid #bbb; font-weight:bold;} .table_odd_row_purple td, .table_even_row_purple td {padding:5px 7px; border:1px solid #bbb;} .table_header_row_lightgreen{background-color:#D4F0EB; color:#515151;} .table_header_row_lightgreen th {text-align:left; padding:5px 7px; border:1px solid #bbb; } .table_header_row_green2{background-color:#d6e3de; color:#02715e;} .table_header_row_green2 th{text-align:center; padding:5px 7px; border:1px solid #9abdb7; font-weight:bold;} .table_details_row_green2 td{padding:5px 7px; border:1px solid #9abdb7;} .table_purple2 {padding-top:0px; border: 1px solid #8a6e96; margin-top:20px} .table_purple2 .header {font-weight: bold; color:#FFF; background-color:#8a6e96; text-align:center; vertical-align:middle; height:30px; padding-left:5px; padding-top:2px;} .table_purple2 .td { color:#515151; background-color:#FFF; height:25px; vertical-align:middle; padding-left:5px; } .table_purple2 .td_alt { color:#515151; background-color:#FFF; height:25px; vertical-align:middle; padding-left:5px; background-color:#e5e7f4; } .table_purple2 .td_border_r{border-right: 1px solid #e0e0e0;} /* Dialog */ .ui-widget-overlay {background: url(../img/common/dialog_bg.png) repeat-x scroll 50% 50% #2D5972; opacity:0.3; filter:alpha(opacity = 50);} .ui-dialog{background-color:white; width:auto; border:1px solid green;} .ui-dialog .ui-dialog-titlebar{background:#02715e; font-size:110%; color:white; cursor:default; line-height:15px;} .ui-dialog .ui-dialog-titlebar SPAN.ui-dialog-title{padding:2px 0px 2px 0px;} .ui-dialog .ui-icon{background-image:url(../img/common/btn_close.png); background-repeat:no-repeat; cursor:pointer; width:20px; height:20px;} .ui-dialog .ui-dialog-titlebar-close span{} .ui-dialog .ui-dialog-titlebar-close .ui-icon:hover{} .ui-dialog .ui-dialog-titlebar .ui-state-hover{background-color:transparent; border:1px solid transparent;} .ui-dialog .ui-dialog-content{font-size:110%; color:black; padding-right:0px; line-height:20px;} .ui-dialog .ui-dialog-content p{padding:5px;} .dialog_btn_panel{text-align:center; padding:10px 0;} /* Buttons */ .button_green_81x26, .button_green_81x26_ready{cursor:pointer; border: none; width:81px; height: 26px; background: url(../img/common/icons.png) no-repeat -105px 0px; font-size: 14px; color:white; text-align: center;} .button_green_81x26:hover, .button_green_81x26_hover{ cursor:pointer; border: none; width:81px; height: 26px; background: url(../img/common/icons.png) no-repeat -105px -26px; font-size: 14px; color:white; text-align: center;} .button_green_117x26, .button_green_117x26_ready{cursor:pointer; border: none; width:117px; height: 26px; background: url(../img/common/icons.png) no-repeat -135px -156px; font-size: 14px; color:white; text-align: center;} .button_green_117x26:hover, .button_green_117x26_hover{ cursor:pointer; border: none; width:117px; height: 26px; background: url(../img/common/icons.png) no-repeat -135px -182px; font-size: 14px; color:white; text-align: center;} .button_green_144x26, .button_green_144x26_ready{cursor:pointer; border: none; width:144px; height: 26px; background: url(../img/common/icons.png) no-repeat -158px -52px; font-size: 14px; color:white; text-align: center;} .button_green_144x26:hover, .button_green_144x26_hover{ cursor:pointer; border: none; width:144px; height: 26px; background: url(../img/common/icons.png) no-repeat -158px -78px; font-size: 14px; color:white; text-align: center;} .button_green_201x26, .button_green_201x26_ready{cursor:pointer; border: none; width:201px; height: 26px; background: url(../img/common/icons.png) no-repeat -228px -104px; font-size: 14px; color:white; text-align: center;} .button_green_201x26:hover, .button_green_201x26_hover{ cursor:pointer; border: none; width:201px; height: 26px; background: url(../img/common/icons.png) no-repeat -228px -130px; font-size: 14px; color:white; text-align: center;} .button_green_336x26, .button_green_336x26_ready{cursor:pointer; border: none; width:336px; height: 26px; background: url(../img/common/icons.png) no-repeat -23px -260px; font-size: 14px; color:white; text-align: center;} .button_green_336x26:hover, .button_green_336x26_hover{ cursor:pointer; border: none; width:336px; height: 26px; background: url(../img/common/icons.png) no-repeat -23px -286px; font-size: 14px; color:white; text-align: center;} .button_purple_81x26, .button_purple_81x26_ready{cursor:pointer; border: none; width:81px; height: 26px; background: url(../img/common/icons.png) no-repeat -23px -26px; font-size: 14px; color:white; text-align: center;} .button_purple_81x26:hover, .button_purple_81x26_hover{cursor:pointer; border: none; width:81px; height: 26px; background: url(../img/common/icons.png) no-repeat -23px 0px; font-size: 14px; color:white; text-align: center;} .button_purple_111x26, .button_purple_111x26_ready{cursor:pointer; border: none; width:111px; height: 26px; background: url(../img/common/icons.png) no-repeat -23px -182px; font-size: 14px; color:white; text-align: center;} .button_purple_111x26:hover, .button_purple_111x26_hover{cursor:pointer; border: none; width:111px; height: 26px; background: url(../img/common/icons.png) no-repeat -23px -156px; font-size: 14px; color:white; text-align: center;} .button_purple_134x26, .button_purple_134x26_ready{cursor:pointer; border: none; width:134px; height: 26px; background: url(../img/common/icons.png) no-repeat -23px -78px; font-size: 14px; color:white; text-align: center;} .button_purple_134x26:hover, .button_purple_134x26_hover{cursor:pointer; border: none; width:134px; height: 26px; background: url(../img/common/icons.png) no-repeat -23px -52px; font-size: 14px; color:white; text-align: center;} .button_purple_204x26, .button_purple_204x26_ready{cursor:pointer; border: none; width:204px; height: 26px; background: url(../img/common/icons.png) no-repeat -23px -130px; font-size: 14px; color:white; text-align: center;} .button_purple_204x26:hover, .button_purple_204x26_hover{cursor:pointer; border: none; width:204px; height: 26px; background: url(../img/common/icons.png) no-repeat -23px -104px; font-size: 14px; color:white; text-align: center;} .button_purple_336x26, .button_purple_336x26_ready{cursor:pointer; border: none; width:336px; height: 26px; background: url(../img/common/icons.png) no-repeat -23px -234px; font-size: 14px; color:white; text-align: center;} .button_purple_336x26:hover, .button_purple_336x26_hover{cursor:pointer; border: none; width:336px; height: 26px; background: url(../img/common/icons.png) no-repeat -23px -208px; font-size: 14px; color:white; text-align: center;} .button_purple_127x23_w_arrow, .button_purple_127x23_w_arrow_ready{cursor:pointer; border: none; width:127px; height: 23px; background: url(../img/common/icons.png) no-repeat -302px -52px; padding-left: 20px; font-size: 14px; color:white; text-align: left; } .button_purple_127x23_w_arrow:hover, .button_purple_127x23_w_arrow_hover{ cursor:pointer; border: none; width:127px; height: 23px; background: url(../img/common/icons.png) no-repeat -302px -75px; padding-left: 20px; font-size: 14px; color:white; text-align: left; } .button_purple_177x23_w_arrow, .button_purple_177x23_w_arrow_ready{cursor:pointer; border: none; width:177px; height: 23px; background: url(../img/common/icons.png) no-repeat -252px -156px; padding-left: 20px; font-size: 14px; color:white; text-align: left; } .button_purple_177x23_w_arrow:hover, .button_purple_177x23_w_arrow_hover{ cursor:pointer; border: none; width:177px; height: 23px; background: url(../img/common/icons.png) no-repeat -252px -179px; padding-left: 20px; font-size: 14px; color:white; text-align: left; } .button_purple_243x23_w_arrow, .button_purple_243x23_w_arrow_ready{cursor:pointer; border: none; width:243px; height: 23px; background: url(../img/common/icons.png) no-repeat -186px 0px; padding-left: 20px; font-size: 14px; color:white; text-align: left; } .button_purple_243x23_w_arrow:hover, .button_purple_243x23_w_arrow_hover{ cursor:pointer; border: none; width:243px; height: 23px; background: url(../img/common/icons.png) no-repeat -186px -23px; padding-left: 20px; font-size: 14px; color:white; text-align: left; } .button_alink_green_80x30{display:inline-block; width:80px; height:30px; background-image:url(../img/common/btn_green_80x30.png); background-position:0 0; overflow:hidden; text-decoration:none; text-align:center; line-height:30px; } .button_alink_green_80x30:hover, .button_alink_green_80x30:focus{background-position:0 -30px;} .button_alink_green_80x30 span{text-align:center; color:white;} .button_alink_green_125x30{display:inline-block; width:125px; height:30px; background-image:url(../img/common/btn_green_125x30.png); background-position:0 0; overflow:hidden; text-decoration:none; text-align:center; line-height:30px; } .button_alink_green_125x30:hover, .button_alink_green_125x30:focus{background-position:0 -30px;} .button_alink_green_125x30 span{text-align:center; color:white;} .button_alink_purple_80x30{display:inline-block; width:80px; height:30px; background-image:url(../img/common/btn_purple_80x30.png); background-position:0 0; overflow:hidden; text-decoration:none; text-align:center; line-height:30px; } .button_alink_purple_80x30:hover, .button_alink_purple_80x30:focus{background-position:0 -30px;} .button_alink_purple_80x30 span{text-align:center; color:white;} .button_alink_purple_200x30{display:inline-block; width:200px; height:30px; background-image:url(../img/common/btn_purple_200x30.png); background-position:0 0; overflow:hidden; text-decoration:none; text-align:center; line-height:30px; } .button_alink_purple_200x30:hover, .button_alink_purple_200x30:focus{background-position:0 -30px;} .button_alink_purple_200x30 span{text-align:center; color:white;} .button_alink_purple_320x30{display:inline-block; width:320px; height:30px; background-image:url(../img/common/btn_purple_320x30.png); background-position:0 0; overflow:hidden; text-decoration:none; text-align:center; line-height:30px; } .button_alink_purple_320x30:hover, .button_alink_purple_200x30:focus{background-position:0 -30px;} .button_alink_purple_320x30 span{text-align:center; color:white;} .button_alink_purple_239x27_w_arrow{display:inline-block; width:239px; height:27px; background-image:url(../img/common/btn_purple_239x27_w_arrow.png); background-position:0 0; overflow:hidden; text-decoration:none; text-align:center; line-height:27px; } .button_alink_purple_239x27_w_arrow:hover, .button_alink_purple_239x27_w_arrow:focus{background-position:0 -27px;} .button_alink_purple_239x27_w_arrow span{text-align:center; color:white;} .button_alink_green_80x30{display:inline-block; width:80px; height:30px; background-image:url(../img/common/btn_green_80x30.png); background-position:0 0; overflow:hidden; text-decoration:none; text-align:center; line-height:30px; } .button_alink_green_80x30:hover, .button_alink_green_80x30:focus{background-position:0 -30px;} .button_alink_green_80x30 span{text-align:center; color:white;} .button_alink_green_125x30{display:inline-block; width:125px; height:30px; background-image:url(../img/common/btn_green_125x30.png); background-position:0 0; overflow:hidden; text-decoration:none; text-align:center; line-height:30px; } .button_alink_green_125x30:hover, .button_alink_green_125x30:focus{background-position:0 -30px;} .button_alink_green_125x30 span{text-align:center; color:white;} .button_alink_purple_200x30{display:inline-block; width:200px; height:30px; background-image:url(../img/common/btn_purple_200x30.png); background-position:0 0; overflow:hidden; text-decoration:none; text-align:center; line-height:30px; } .button_alink_purple_200x30:hover, .button_alink_purple_200x30:focus{background-position:0 -30px;} .button_alink_purple_200x30 span{text-align:center; color:white;} .button_alink_purple_239x27_w_arrow{display:inline-block; width:239px; height:27px; background-image:url(../img/common/btn_purple_239x27_w_arrow.png); background-position:0 0; overflow:hidden; text-decoration:none; text-align:center; line-height:27px; } .button_alink_purple_239x27_w_arrow:hover, .button_alink_purple_239x27_w_arrow:focus{background-position:0 -27px;} .button_alink_purple_239x27_w_arrow span{text-align:center; color:white;} /* Paging */ .paging{width:100%; color:#02715e;} .paging_desc{width:45%; float:left;} .paging_selection{width:55%; float:left;} .selectedPage{font-weight:bold;} /* Tab */ .tab {font-size:110%;} .tab a:hover, .tab a:focus{color:white;} .tab_selected_green{background-color:#02715e; color:white; padding:10px 10px 14px 10px; font-weight:bold; display:inline-block;} .tab_non_selected_green, .tab_non_selected_green_ready{background-color:#b3b0b4; color:white; padding:10px; margin:0 0 4px 0; font-weight:bold; display:inline-block;} .tab_non_selected_green:hover, .tab_non_selected_green:focus, .tab_non_selected_green_hover{background-color:#02715e; color:white; padding:10px; margin:0 0 4px 0; font-weight:bold; display:inline-block;} .tab_content_green{border:2px solid #02715e; margin-top:-2px; padding:30px;} .tab_selected_purple{background-color:#8a6e96; color:white; padding:10px 10px 14px 10px; font-weight:bold; display:inline-block;} .tab_non_selected_purple, .tab_non_selected_purple_ready{background-color:#b3b0b4; color:white; padding:10px; margin:0 0 4px 0; font-weight:bold; display:inline-block;} .tab_non_selected_purple:hover, .tab_non_selected_purple:focus, .tab_non_selected_purple_hover{background-color:#7c587c; color:white; padding:10px; margin:0 0 4px 0; font-weight:bold; display:inline-block;} .tab_content_purple{border:2px solid #8a6e96; margin-top:-2px; padding:30px;} #header {width:1004px; margin:auto;} #soaz_header {background-color:#666; color:white; padding:7px 7px 0 7px; height:25px;} #soaz_header a{color:#fff;} #soaz_header a:hover, #soaz_header a:focus{color:#662f73;} /*#ecShipLogo {padding:6px 16px; background:url("../../theme/img/header_bg.gif") bottom repeat-x;} #ecShipLogo .message{width:100%;text-align:center; font-size:100%; text-align:justify;} #languages{ float:right; height:30px; padding-right:1em; font-weight: bold; font-size:100%; list-style-type:none;} #languages li{ float:left; height:36px;} #languages a{ display: inline-block; height: 12px; padding:16px 0.75em 6px; text-decoration: none; color: #00805e;} */ /*#pageContainer {clear: both;width:1004px;margin:0 auto 0 auto;font-size:100%;}*/ #inside_leftcol{width:206px; display:inline-block;} #inside_rightcol{width:795px; vertical-align:top; display:inline-block;} #soaz_menu{width:1004px; margin:auto;} #soaz_footer { clear:both; margin:5px auto; width:991px; background-color:#662f73; color:#fff; padding:7px; height:20px;} #soaz_footer a{text-decoration:none; color:#fff;} #soaz_footer a:hover, #footer a:focus{color:#666;} #soaz_breadcrumb .title {font-size:180%; padding-top:10px;} /* Account Management */ #acct_mgt .login_info{width:74%; float:left; vertical-align:top;} #acct_mgt .login_info_btn_panel{width:25%; float:right;} #acct_mgt .profile caption{text-align:left; text-decoration:underline; font-size:140%; height:30px;} #acct_mgt .profile table tr{height:25px;} #acct_mgt .acct_info{margin-top:20px;} #acct_mgt .security_question{margin-top:20px;} #acct_mgt .change_password{padding:15px 0; float:left; width:100%;} #acct_mgt .change_password_tips{border:2px solid #d6e3de; padding:10px; margin-top:10px;} #acct_mgt .change_password_tips .tips{font-size:130%;} #acct_mgt .sublogin_ac {border:2px solid #d6e3de; margin:10px 0 0 0; display:inline-block; padding:0px 30px 20px 20px; width:94%;} #acct_mgt .sublogin_ac .title{font-size:130%; background-color:#02715e; color:#fff; padding:10px; margin:3px 0 0 -35px; float:left;} #acct_mgt .sublogin_ac .content{margin:20px;} #acct_mgt .sublogin_ac caption{text-align:left; text-decoration:underline; font-size:140%; height:30px;} #acct_mgt .sublogin_ac table tr{height:25px;} #acct_mgt .sublogin_ac .btn_panel {float:right;} /* Bonus Point Record */ #bonus_pt .offer_dts{border:2px solid #ccc; padding:0 30px 30px 30px; text-align:justify;} #bonus_pt .offer_dts .title{font-size:130%; background-color:#662f73; color:#fff; padding:10px; margin:3px 0 0 -35px; float:left;} #bonus_pt .bps_dts{margin-top:30px;} #bonus_pt .select_scheme_table{width:100%; margin-bottom:20px;} #bonus_pt .schemeCode{font-size:130%; font-weight:normal;} #bonus_pt .cutoff{color:#931b6c; font-weight:bold; font-size:120%; margin-left:10px;} #bonus_pt .bps_dts_table{width:100%; margin-bottom:5px;} #bonus_pt .bps_dts_table th{font-weight:normal; color:#666;} #bonus_pt .bps_dts_table td{color:#931b6c;} #bonus_pt .redm_hist_table{width:100%; margin-bottom:5px;} #bonus_pt .remark_text ul{list-style-position:outside; padding-left:15px;} #gift_list .gift_list{border:1px solid #ccc; padding:0 30px 30px 30px; text-align:justify;} #gift_list .gift_list .title{font-size:130%; background-color:#02715e; color:#fff; padding:10px; margin:3px 0 0 -35px; float:left;} .module .headRoundedCorner { width:100%; height:4px; margin:0; background: url(../img/round_corners_900_blue_yellow.gif) no-repeat scroll center top transparent;} .module .footRoundedCorner { width:100%; height:4px; margin:0; background: url(../img/round_corners_900_blue_yellow.gif) no-repeat scroll center bottom transparent; } .tabs_purple_default { margin: 0px 0px; } .tabs_purple_default ul { float: left; padding-top: 0px; margin-left:-5px; } .tabs_purple_default li { margin-left: 5px; list-style: none; background: #b3b0b4; height:30px; border-top:2px solid #e0d5e5; border-left:2px solid #e0d5e5; border-right:2px solid #e0d5e5; } * html .tabs_purple_default li { display: inline; /* ie6 double float margin bug */ } .tabs_purple_default li, .tabs_purple_default li a { float: left; } .tabs_purple_default ul li a { text-decoration: none; padding: 8px 15px; color: #FFFFFF; font-weight: bold; font-size:14px; } .tabs_purple_default ul li.active { height: 30px; background: #CEE1EF; border-top:2px solid #e0d5e5; border-left:2px solid #e0d5e5; border-right:2px solid #e0d5e5; } .tabs_purple_default ul li.active a { background:#cc9cc1; color: #444690; } .tabs_purple_default .tabcontent { background: #FFFFFF; border:2px solid #e0d5e5; clear: both; padding: 10px; width:620px; } .tabs_purple_default div h3 { text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px; } .tabs_purple_default div p { line-height: 100%; font-size:12px; color: #515151; padding: 5px 0px;} .tabs_ready { text-decoration: none; padding: 8px 15px; color: #FFFFFF; font-weight: bold; font-size:14px; } .tabs_hover{ text-decoration: none; padding: 8px 15px; color: #FFFFFF; font-weight: bold; font-size:14px; background: #cc9cc1; color: #444690;} #container { margin:0 auto; width:1004px; } #wrapper {width:100%; background: #5c5c5c; } /*#pageContainer {clear:both;width:903px;margin:0 0 0 52px;font-size:100%;}*/ #pageContainerSoaz {clear:both;font-size:100%; width:1004px; margin:0 auto;} #contentSoaz{ clear: both; width:1004px !important; margin: 0 auto; padding-bottom: 0.1px; background-color: #ffffff; } #inside_leftcol{width:255px; margin-left:27px; float:left;} #inside_rightcol{width:667px; margin-left:27px; float:left;} /*#soaz_breadcrumb{clear:both;width:950px;margin:15px 0 15px 27px;font-size:100%;}*/ #soaz_breadcrumb{clear:both;margin:0 0 15px 0px;font-size:100%;} #soaz_breadcrumb .title {font-size:180%; padding-top:10px; margin-left:25px; float:left;} #outerwarp{min-height: 100%; height: auto; margin: 0 auto -78px; width:100%; min-width:1004px;} .push {height: 71px;} /*foot-line+footer*/ /* Common Footer */ #footer-line {margin-top:15px ;width:100%; height:7px; background:url(../img/common/footer-line.gif) repeat-x; } #footer {height:56px; background: #522965; color:white;width:100%; min-width:1004px;} #footer .footer_wrapper{width:1004px; margin:auto;} #footer .footer-links { float:left; width:550px; margin:20px 26px; } #footer .footer-links a:link { font-size:12px; text-decoration:none; color:white; margin:0px 8px; } #footer .footer-links a:visited { font-size:12px; text-decoration:none; color:white; margin:0px 8px; } #footer .footer-links a:hover { font-size:12px; text-decoration:none; color:#9bd8bd; margin:0px 8px; } #footer .footer-copyright {font-size:10px; float: right; width:339px; margin:20px 26px; text-align:right; } /* Common header */ .global { margin-left: 20px; height:25px; color:white; width:1004px; margin:auto;} .global .logininfo, .global .language, .global .headerquicklinks { float:left; height:100%; margin-top: 5px; } .global .logininfo a, .global .language a, .global .headerquicklinks a { color:white; padding: 0px 5px;; } .global .logininfo a:hover, .global .language a:hover, .global .headerquicklinks a:hover { color:#9bd8bd; padding: 0px 5px;; } .global .logininfo { width:700px; } .global .language { width:120px; color:white;float:right; } .global .headerquicklinks {color:white;float:right;} /* Menu */ #menuwrapper {margin-top: 30px; margin-bottom:15px; width:100%; height:78px; background:url(../img/common/menu-bkgd.png) repeat-x;} .menubar {margin-left: 0px; width:1004px;} .menubar .logo, .menubar .menus { float:left; height:78px; } .menubar .logo {width:252px;} .menubar .logo img{float:right;} .menubar .menus{width:752px; } /* Adjusting the margins, paddings and no list styles */ .navigation {margin:0; padding:0; list-style:none;} /* Little tricking with positions */ .navigation li { float:left; /* Show list items inline */ position:relative; height:78px; z-index:100; } /* Sub Cat Menu stuff*/ .navigation ul { position:absolute; display:none; /* Hide it by default */ /*margin:0 0 0 -1px;*/ padding:0; list-style:none; -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.2); } .navigation .left{ left:0; } .navigation .right{ right:0; width:210px; } .navigation ul li { width:150px; float:left; background:#eff7ff; border:1px solid #dedee7; border-top-style: none; z-index:100; height:25px; } /* Sub Cat menu link properties */ .navigation ul a { margin-left:10px; display:block; /* Making sure a element covers whole li area */ padding:5px 7px 7px 7px; color:#7464b2; text-decoration:none; border-bottom:2px #F2861D; z-index:100; } .navigation ul a:hover {color:#F2861D; z-index:100;} .menu0, .menu1, .menu1_over, .menu2,.menu2_over, .menu3, .menu3_over, .menu4, .menu4_over, .menu5 {height:78px; font-size: 18px; font-weight:bold; text-align: center; vertical-align:middle; line-height: 78px; } .menu0 { background:url(../img/common/icons.png) no-repeat -478px 0px; color:white; width:101px; font-size:16px;} .menu1 { background:url(../img/common/icons.png) no-repeat -478px -78px; color:white; width:148px; font-size:16px;} .menu1_over { background:url(../img/common/icons.png) no-repeat -478px -156px; color:#dfddde; width:148px; font-size:16px; } .menu2 { background:url(../img/common/icons.png) no-repeat -478px -234px; color:white; width:227px; font-size:16px;} .menu2_over { background:url(../img/common/icons.png) no-repeat -478px -312px; color:#dfddde; width:227px; font-size:16px;} .menu3 { background:url(../img/common/icons.png) no-repeat -478px -390px; color:white; width:106px; font-size:16px;} .menu3_over { background:url(../img/common/icons.png) no-repeat -478px -468px; color:#dfddde; width:106px; font-size:16px;} .menu4 { background:url(../img/common/icons.png) no-repeat -478px -546px; color:white; width:170px; font-size:16px;} .menu4_over { background:url(../img/common/icons.png) no-repeat -478px -624px; color:#dfddde; width:170px; font-size:16px;} /* Common footer */ #footer-line {margin-top:15px ;width:100%; height:7px; background:url(../img/common/footer-line.gif) repeat-x; } /* Common panel */ .panel_green {border:#cccccc 1px solid; background-color:#eff3f2; -moz-box-shadow: 3px 3px 4px #d9d9d9; -webkit-box-shadow: 3px 3px 4px #d9d9d9; box-shadow: 3px 3px 4px #d9d9d9; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9'); } .panel_header_green {width: 190px; height:36px; background:url(../img/common/icons.png) no-repeat -626px -88px; position:absolute; margin:16px 0 0 -9px;padding: 7px 0px 0px 28px; font-size: 18px; font-weight:bold; color:white; z-index:50;} .panel_header_green_290x36 {width: 290px; height:36px; background:url(../img/common/icons.png) no-repeat -626px 0px; position:absolute; margin:16px 0 0 -9px; padding: 7px 0px 0px 28px; font-size: 18px; font-weight:bold; color:white; z-index:50;} /*background-color:#e8e0ed;*/ .panel_purple {border:#cccccc 1px solid; background-color:#FFFFFF; -moz-box-shadow: 3px 3px 4px #d9d9d9; -webkit-box-shadow: 3px 3px 4px #d9d9d9; box-shadow: 3px 3px 4px #d9d9d9; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9'); } .panel_header_purple {width: 243px; height:36px; background:url(../img/common/icons.png) no-repeat -626px -132px; position:absolute; margin:16px 0 0 -9px; padding: 7px 0px 0px 28px; font-size: 18px; font-weight:bold; color:white; z-index:50;} .panel_header_purple_334x36 {width: 334px; height:36px; background:url(../img/common/icons.png) no-repeat -626px -44px; position:absolute; margin:16px 0 0 -9px; padding: 7px 0px 0px 28px; font-size: 18px; font-weight:bold; color:white; z-index:50;} .panel_white {border:#cccccc 1px solid; background-color:#fff; -moz-box-shadow: 3px 3px 4px #d9d9d9; -webkit-box-shadow: 3px 3px 4px #d9d9d9; box-shadow: 3px 3px 4px #d9d9d9; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9'); } .panel_content{float:left; padding: 65px 20px 20px 20px; } .panel_content h1{ font-size:16px; font-weight:bold; color: #6e3e7a; padding:8px 0px;} .panel_content_wrapper {background-color:#fff; border:2px solid #d9d9d9; padding:20px 10px;} /* Common banner */ .banner-header{width:249px; height:32px; border:#cccccc 1px solid; background:url(../img/main/promotion-header-bkgd.gif); -moz-box-shadow: 3px 3px 4px #d9d9d9; -webkit-box-shadow: 3px 3px 4px #d9d9d9; box-shadow: 3px 3px 4px #d9d9d9; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9'); } .banner-header_green{color:#339999;} .banner-header_purple{color:#643072;} .banner-header h1{padding: 5px 20px 5px 20px; font-size:16px; font-weight:bold;} .banner-main{border:#cccccc 1px solid; color:#339999; margin-top:-2px; margin-left:2px; -moz-box-shadow: 3px 3px 4px #d9d9d9; -webkit-box-shadow: 3px 3px 4px #d9d9d9; box-shadow: 3px 3px 4px #d9d9d9; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9')"; /* For IE 8 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9'); /* For IE 5.5 - 7 */ } /* Common quick links (left) */ .quicklink-panel{margin-top:15px;} .quicklink-main-content{background-color:#fff; width:237px; height:207px;} .quicklink-main-content li a, .quicklink-main-content li a:hover{cursor:pointer;} .quicklink-main{width:230px; position:relative; height:250px; padding:5px 7px 2px 7px;} .quicklink-main ul {margin:0px auto; padding:0px 0; position:absolute;} .quicklink-main ul li {display:block; border-top:1px solid #cccccc;} .quicklink-main ul li.first {border-top:none;} .quicklink-main ul li a {display:block; margin:4px 0; height:42px; padding-right:8px; line-height:42px; font-size:13px; background:url(../img/common/quicklink-bg-cursor.png) no-repeat right; color:#555555;} .quicklink-main ul li a:hover {display:block; margin:4px 0; height:42px; padding-right:8px; line-height:42px; font-size:13px; background:url(../img/common/quicklink-bg-cursor.png) no-repeat right; color:#339999;} .quicklink-main ul li img {float:left; margin:3px 5px 0 0; background:transparent;} .quicklink-pickup {border:none; width:45px; height: 45px; background: url(../img/common/btn_calendar.jpg) no-repeat; float:left; margin-right:1px; margin-left:1px;} .quicklink-cutoff {border:none; width:45px; height: 45px; background: url(../img/common/btn_clock.jpg) no-repeat; float:left; margin-right:1px; margin-left:1px;} .quicklink-location {border:none; width:45px; height: 45px; background: url(../img/common/btn_dropOffLocation.jpg) no-repeat; float:left; margin-right:1px; margin-left:1px;} .quicklink-cal {border:none; width:45px; height: 45px; background: url(../img/common/btn_calculate.jpg) no-repeat; float:left; margin-right:1px; margin-left:1px;} .quicklink-hkhs {border:none; width:45px; height: 45px; background: url(../img/common/btn_hsCode.jpg) no-repeat; float:left; margin-right:1px; margin-left:1px;} .quicklink-currency {border:none; width:45px; height: 45px; background: url(../img/common/icons.png) no-repeat -429px -180px; float:left; margin-right:1px; margin-left:1px;} .quicklink-desc {width:163px; float:left;} /* Common quick links (top) */ #breadcrumb_quicklinks {float:right; margin-right:11px;} #breadcrumb_quicklinks ul {margin:0px auto; padding:0px 0;} #breadcrumb_quicklinks ul li {display:inline;} #breadcrumb_quicklinks ul li a {float:left; display:block; margin:4px 0; height:42px; padding-right:5px; line-height:42px; font-size:13px; color:#643072;} #breadcrumb_quicklinks ul li a:hover {display:block; margin:4px 0; height:42px; padding-right:5px; line-height:42px; font-size:13px; color:#029372;} #breadcrumb_quicklinks ul li img {float:left; margin:3px 5px 0 0; -moz-box-shadow: 3px 3px 4px #d9d9d9; -webkit-box-shadow: 3px 3px 4px #d9d9d9; box-shadow: 3px 3px 4px #d9d9d9; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9')"; /* For IE 8 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9'); /* For IE 5.5 - 7 */ } /************************************************/ /********* bubbletip and bubbletip-IE ***********/ /************************************************/ .bubbletip{position:absolute; z-index:50; border-collapse:collapse; width:240px;} .bubbletip td.bt-topleft{background-image:url(../img/bubbletip/bubbletip_all.gif); background-repeat:no-repeat; background-position:0px 0px; background-attachment:scroll; height:33px; width:33px;} .bubbletip td.bt-top{background:transparent url(../img/bubbletip/bubbletip_TB.gif) repeat-x scroll 0px 0px; height:33px;} .bubbletip td.bt-topright{background:transparent url(../img/bubbletip/bubbletip_all.gif) no-repeat scroll -73px 0px; height:33px; width:33px;} .bubbletip td.bt-left-tail div.bt-left, .bubbletip td.bt-left{background:transparent url(../img/bubbletip/bubbletip_all.gif) repeat-y scroll -106px 0px; width:33px;} .bubbletip td.bt-left-tail div.bt-left-tail{background:transparent url(../img/bubbletip/bubbletip_all.gif) no-repeat scroll 0px -33px; width:33px; height:40px;} .bubbletip td.bt-right-tail div.bt-right, .bubbletip td.bt-right{background:transparent url(../img/bubbletip/bubbletip_all.gif) repeat-y scroll -139px 0px; width:33px;} .bubbletip td.bt-right-tail div.bt-right-tail{background:transparent url(../img/bubbletip/bubbletip_all.gif) no-repeat scroll -73px -33px; width:33px; height:40px;} .bubbletip td.bt-bottomleft{background:transparent url(../img/bubbletip/bubbletip_all.gif) no-repeat scroll 0px -73px; height:33px; width:33px;} .bubbletip td.bt-bottom{background:transparent url(../img/bubbletip/bubbletip_TB.gif) repeat-x scroll 0px -33px; height:33px;} .bubbletip td.bt-bottomright{background:transparent url(../img/bubbletip/bubbletip_all.gif) no-repeat scroll -73px -73px; height:33px; width:33px;} .bubbletip table.bt-top, .bubbletip table.bt-bottom{width:100%;} .bubbletip table.bt-top th{width:50%; background:transparent url(../img/bubbletip/bubbletip_TB.gif) repeat-x scroll 0px 0px;} .bubbletip table.bt-bottom th{width:50%; background:transparent url(../img/bubbletip/bubbletip_TB.gif) repeat-x scroll 0px -33px;} .bubbletip table.bt-top td div{background:transparent url(../img/bubbletip/bubbletip_all.gif) no-repeat scroll -33px 0px; width:40px; height:33px;} .bubbletip table.bt-bottom td div{background:transparent url(../img/bubbletip/bubbletip_all.gif) no-repeat scroll -33px -73px; width:40px; height:33px;} .bubbletip td.bt-content{background-color:#fff; vertical-align:middle;} .btn_close_bubbletip { cursor:pointer; } /*******************************/ /* jqModal base Styling courtesy of; Brice Burgess */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */ .jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #EEE; color: #333; border: 1px solid black; padding: 12px; } .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (