html, body { position: relative; margin: 0; padding: 0; min-width: 960px; } html { background: #ffffff; color: #3c3c3c; height: 100%; } body { font-size: 75%; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; } address, article, aside, canvas, figcaption, figure, /*footer, header,*/ hgroup, nav, section, summary { margin: 0; padding: 0; display: block; } form, fieldset, img { margin: 0; padding: 0; border: 0; } input, select, textarea, button { font-size: 1em; font-family: Arial, sans-serif; line-height: 1; -webkit-appearance: none; outline: none; } input[type="text"], input[type="password"], input[type="reset"], input[type="button"], input[type="submit"], button { -webkit-border-radius: 0; } input, textarea { color: #3c3c3c; } input:focus, textarea:focus { color: #3c3c3c; } .placeholder { color: #6e6e6e; } .input-wrap input::-webkit-input-placeholder{ line-height: 1; } .input-wrap input:-moz-placeholder { line-height: 1; } .input-wrap input:-ms-input-placeholder { line-height: 1; } .round-border input::-webkit-input-placeholder{ line-height: 1; } .round-border input:-moz-placeholder { line-height: 1; } .round-border input:-ms-input-placeholder { line-height: 1; } ::-webkit-input-placeholder { /* WebKit browsers */ line-height: 22px; color: #6e6e6e; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ line-height: 22px; color: #6e6e6e; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ line-height: 22px; color: #6e6e6e; } :-ms-input-placeholder { /* Internet Explorer 10+ */ line-height: 22px; color: #6e6e6e; } a { color: #3c3c3c; outline: 0; } a:link { text-decoration: underline; } a:hover, a .current { color: #b7170e; text-decoration: underline; } map { outline: 0; } /* reset all header styling */ h1, h2, h3, h4, h5, h6 { margin: 0 0 1em; padding: 0; font-size: 1em; font-weight: 400; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: inherit; } /* p { margin: 0 0 1em; padding: 0; line-height: 1.4em; } */ .sp { background-position: 0 0; background-repeat: no-repeat; display: inline-block; overflow: hidden; text-indent: -99999px; background: url(images/sprite-ui.png) no-repeat 0 0; } .sp-divider-dot { background-position: 0 0; width: 3px; height: 4px; } /* .sp-footer-arrow { background-position: 0 -5px; width: 4px; height: 8px; } .sp-footer-divider-short { background-position: 0 -14px; width: 1px; height: 14px; } */ .sp-magnifying-glass-contentbox { background-position: 0 -29px; width: 12px; height: 13px; } .sp-magnifying-glass-off { background-position: 0 -43px; width: 12px; height: 13px; } .sp-magnifying-glass-on { background-position: 0 -57px; width: 12px; height: 13px; } /* .sp-footer-popup-icon { padding-bottom: 3px; background: url(images/footer-popup-icon.png) no-repeat 0 0; width: 9px; height: 8px; } */ /* csTransPie - Make elements as they should be in every browser *Petar Koretić * Started 30.01.2012* *every element is written with css(3) only, no images needed except for checkbox and radio buttons - I just like them more image-based* *Gradient code is provided for all browsers, even SVG version which is for IE 9 * *!! position:relative !! is used for IE8 cleartype-filter "bug" so have that in mind!* I don't use them, but you newer know - http://paulirish.com/2009/browser-specific-css-hacks/ http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/ */ /*============================================================================================================================================== HELPER CLASSES FOR JQUERY ================================================================================================================================================*/ .ctp { position: relative; /* Helper class for Hiding Original Elements */ /* Chrome won't allow click when 'display:none' set for input type=file */ /* Disabled elemenets */ /*============================================================================================================================================== ELEMENTS ================================================================================================================================================*/ /*============================================================= TEXTAREA =======================================================================*/ /*============================================================= (SUBMIT) BUTTON =================================================================*/ /*============================================================= INPUT TYPE=RESET =================================================================*/ /*================================================================ FORM / FIELDSET / LEGEND =================================================================*/ /*============================================================= TITLE =======================================================================*/ /* //IE<=7 doesn't support :after pseudo selector, leave it, we may use it in a year or two [title]:hover { position: relative; } //title is removed and added to data-title in .js [title]:hover:after { content: attr(data-title); padding:5px; position: absolute; left:50%; bottom: 100%; white-space: nowrap; z-index: 20px; border:1px solid #D3D3D3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#FFFF64; } */ /*============================================================= SELECT =======================================================================*/ /* .cTPSelectBar { cursor:pointer; padding-top:8px; display:inline-block; margin-left:12px; position:absolute; left:0; white-space:nowrap; } */ /*select arrow - arrow is added in javascript - ▼*/ /*============================================================= INPUT TYPE=FILE =======================================================================*/ /*============================================================= RADIO =======================================================================*/ /* input[type=radio] { opacity: 0; filter: alpha(opacity=0); //outline:none; position:relative; color:white; //opera mini } */ /* radio checked */ /*============================================================= CHECKBOX =======================================================================*/ /*checkbox checked*/ /*============================================================================================================================================== EVENTS ================================================================================================================================================*/ /*========================================================= RESET, (SUBMIT) BUTTON:HOVER ==============================================================*/ /*===================================================== RESET, (SUBMIT) BUTTON:ACTIVE (PRESSED) =======================================================*/ } .ctp .cTPHidden { display: none; } .ctp .cTPHiddenFile { width: 1px; height: 0; visibility: hidden; cursor: pointer; } .ctp .cTPDisabled:not(label) { background-color: #E3E6C9 !important; cursor: default !important; color: gray !important; border-color: #D3D3D3 !important; } .ctp textarea { resize: none; overflow: hidden; /*outline: none;*/ border: none; /* padding:0; background:#FBFBFF; border:1px solid #FFF; border-color:#D2D2DC #E6E6F0 #E6E6F0 #D2D2DC; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); */ } .ctp button, .ctp input, .ctp select, .ctp textarea, .ctp legend { font-family: inherit; font-size: inherit; } .ctp button { font-size: 1.4em; } .ctp button::-moz-focus-inner, .ctp input::-moz-focus-inner { border: 0; padding: 0; } .ctp input[type=email], .ctp input[type=number], .ctp input[type=password], .ctp input[type=search], .ctp input[type=url] { background: #FBFBFF; display: inline-block; height: 24px; line-height: 23px; margin: 0; padding: 0; vertical-align: middle; border: none; /* border:1px solid #FFF; border-color:#D2D2DC #E6E6F0 #E6E6F0 #D2D2DC; */ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .ctp input[type=email]:hover, .ctp input[type=number]:hover, .ctp input[type=password]:hover, .ctp input[type=search]:hover, .ctp input[type=url]:hover, .ctp textarea:hover { /* border-color:#AAAAAA #DCDCE6 #DCDCE6 #AAAAAA; */ } .ctp input[type=email]:focus, .ctp input[type=number]:focus, .ctp input[type=password]:focus, .ctp input[type=search]:focus, .ctp input[type=url]:focus, .ctp textarea:focus { /*outline: none;*/ /* border: 1px solid #B4B4FA; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); background:#FFF */ } .ctp input[type=email][disabled=disabled], .ctp input[type=number][disabled=disabled], .ctp input[type=password][disabled=disabled], .ctp input[type=search][disabled=disabled], .ctp input[type=url][disabled=disabled] { border: 1px solid #e5e5e5; background: #f5f5f5; } .ctp input[type=email][disabled=disabled]:hover, .ctp input[type=number][disabled=disabled]:hover, .ctp input[type=password][disabled=disabled]:hover, .ctp input[type=search][disabled=disabled]:hover, .ctp input[type=url][disabled=disabled]:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ctp input[type=email][readonly=readonly], .ctp input[type=number][readonly=readonly], .ctp input[type=password][readonly=readonly], .ctp input[type=url][readonly=readonly] { /* border: 1px solid #d9d9d9; */ margin-bottom: 10px; } .ctp input[type=email][readonly=readonly]:hover, .ctp input[type=number][readonly=readonly]:hover, .ctp input[type=password][readonly=readonly]:hover, .ctp input[type=url][readonly=readonly]:hover, .ctp input[type=email][readonly=readonly]:focus, .ctp input[type=number][readonly=readonly]:focus, .ctp input[type=password][readonly=readonly]:focus, .ctp input[type=text][readonly=readonly]:focus, .ctp input[type=url][readonly=readonly]:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ctp button { vertical-align: baseline; display: inline-block; margin: 1px 0; padding: 1px 15px; /*outline: none;*/ cursor: pointer; color: #ffffff; background: #0d1156; border: 0; } .ctp input[type=button], .ctp input[type=submit] { vertical-align: middle; display: inline-block; margin: 0; /*outline:none;*/ width:125px; cursor: pointer; border: 0; height: 26px; /*padding:7px 15px;*/ padding: 0 23px; text-align: center; background: #758701; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ zoom: 1; color: #ffffff; } .ctp input[type=button].gray { background: #898989; } .ctp input[type=submit].red, .ctp input[type=button].red { background: #b7170e; } .ctp input[type=reset] { vertical-align: middle; display: inline-block; margin: 0; /*outline:none;*/ width:125px; cursor: pointer; border: 0; height: 26px; /*padding:7px 15px;*/ padding: 0 23px; text-align: center; background: #758701; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ zoom: 1; color: #ffffff; } .ctp fieldset { border: 1px solid #dedede; /* Default fieldset borders vary cross browser, so make them the same */ padding: 5px; } .ctp legend { color: #0b77b7; } .ctp .cTPTitle { color: #000; font-family: inherit; font-size: inherit; position: absolute; background: #FFFF64; padding: 5px; border: 1px solid #D3D3D3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 2; /*no need for round borders in IE<9 - looks just great*/ } .ctp select.select { position: absolute; top: 0; left: 0; cursor: pointer; height: 24px; z-index: 9999 !important; /* jquery dialog */ opacity: 0; filter: alpha(opacity=0); border: 0; -webkit-appearance: none; } .ctp .cTPSelect { position: relative; /*vertical-align: middle;*/ display: inline-block; border: 0; /* margin: 0; background: #F5F5F5; border-bottom-color: #AAA; background: #E0E0E0; */ color: inherit; font-weight: 400; height: 24px; /*IE 9*/ /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top,#fff 0,#e0e0e0 100%); background: -ms-linear-gradient(top,#fff 0,#e0e0e0 100%); background: -o-linear-gradient(top,#fff 0,#e0e0e0 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e0e0e0)); background: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%); background: linear-gradient(to bottom,#fff 0,#e0e0e0 100%); filter: ~"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffe0e0e0)"; */ zoom: 1; border: 1px solid #aaa29c; } .ctp .cTPSelect select { left: -1px; } .ctp .cTPSelect .cTPSelectOpen { top: -1px; } .ctp .cTPSelectBar { position: relative; cursor: pointer; display: block; overflow: hidden; margin: 0 26px 0 0; padding: 0 8px; top: 0; left: 0; right: 26px; line-height: 24px; min-height: 24px; white-space: nowrap; z-index: 1; } .ctp .cTPSelectOpen { position: absolute; right: 0; top: 0; text-align: center; padding: 0; width: 26px; height: 26px; z-index: 2; background: url(images/ui/DropdownArrow_Gradient.png) no-repeat top right; } .ctp input[type=file] { /*height:32px;*/ } .ctp .cTPFile { display: inline-block; vertical-align: middle; } /* Chnaged by Manas */ .ctp .cTPFileInput { display: inline-block; vertical-align: middle; border:1px solid #aaa29c ; height: 22px; margin: 0 8px 0 0; padding: 1px 8px; line-height: 22px; width: 220px; } .cTPFile button :hover{ background: #758701 !important; } .cTPFile button { vertical-align: middle; display: inline-block; margin: 0; width:125px; cursor: pointer; border: 0; height: 26px; padding: 0 23px; text-align: center; background: #758701; zoom: 1; color: #ffffff; font-size:1em; } .ctp .cTPRadio { display: inline-block; position: relative; vertical-align: -1px; } .ctp .cTPRadioElem { /*outline:none;*/ display: inline-block; background: transparent url(images/ui/csTransPie.png) -8px -10px; height: 19px; width: 18px; cursor: default; position: absolute; } .ctp .cTPCheckedR { background-position: -8px -29px; } .ctp .cTPCheckbox { display: inline-block; position: relative; vertical-align: -1px; } .ctp .cTPCheckboxElem { position: absolute; /*outline:none;*/ display: inline-block; background: transparent url(images/ui/csTransPie.png) -8px -68px; height: 19px; width: 18px; cursor: default; } .ctp .cTPChecked { background-position: -8px -87px; } .ctp button:hover, .ctp button.cTPHover { background: #00a3dd; } .ctp.disabled button:hover, .ctp.disabled button.cTPHover { background: #0d1156; } .ctp input[type=button]:active, .ctp input[type=reset]:active, .ctp input[type=submit]:active { border-color: #D3D3D3; border-bottom-width: 2px; } .ctp button:active { background: #00a3dd; } .ctp :root * > * { filter: none !important; } .ctp .cTPFixedFileInput { position: absolute; right: 0; top: 0; z-index: 2; height: 25px; visibility: inherit; zoom: 1; filter: alpha(opacity=0); opacity: 0; overflow: hidden; } /* Firefox 3.6 */ .no-cssanimations.borderimage .ctp .cTPFile { position: relative; } .no-cssanimations.borderimage .ctp .cTPHiddenFile { position: absolute; right: 0; top: 0; z-index: 2; height: auto; visibility: inherit; width: auto; font-size: 180%; opacity: 0; } .ie .ctp .cTPFile { position: relative; } .ie .ctp .cTPHiddenFile { position: absolute; right: 0; top: 0; z-index: 2; height: 25px; visibility: inherit; width: 100%; font-size: 180%; zoom: 1; filter: alpha(opacity=0); opacity: 0; } .lte7 .ctp { /* .cTPSelectBar { display: inline-block; } */ } .lte7 .ctp button { margin: 0; padding: 1px 2px 2px; } .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } ul.ui-autocomplete { list-style: none; margin: 5px 14px; /* add padding to account for vertical scrollbar */ padding: 0; background: #ffffff; max-height: 200px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; border-width: 0 1px 1px; border-style: none solid solid; border-color: #f2f2f2; border-top: 1px solid #f2f2f2; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } ul.ui-autocomplete li { margin: 8px 0 0 0; font-size: 1.083em; } ul.ui-autocomplete a { display: block; padding: 4px 8px; cursor: pointer; background: #ffffff; color: #797979; text-decoration: none; } ul.ui-autocomplete a.city { padding: 5px 8px; font-size: 1.0769em; color: #6e6e6e; } ul.ui-autocomplete a .desc { font-size: .846em; color: #797979; } ul.ui-autocomplete a.ui-state-hover, ul.ui-autocomplete a:hover { background: #dfe4bf; color: #797979; } ul.ui-autocomplete a.ui-state-hover .desc, ul.ui-autocomplete a:hover .desc { color: #797979; } .hide { display: none; } .alertContainer { position: relative; margin: 0 auto 0 auto; width: 960px; z-index: 2; } .alertContainer .alert { z-index: 1; padding: 0 12px 0 0; background: url(images/alert-bg.png) 0 0 repeat-x; position: absolute; top: 82px; right: 21px; height: 35px; color: #ffffff; } .alertContainer .alert a { padding-right: 17px; color: #ffffff; text-decoration: none; background: url(images/arrow-white.png) top right no-repeat; background-position: right 11px; } .alertContainer .alert a:hover { text-decoration: underline; } .alertContainer .alert p { position: relative; margin: 0 0 0 40px; line-height: 35px; } .alertContainer .alert p a { display: inline-block; } .alertContainer .alert p .sp { margin: 11px 0 0 4px; vertical-align: top; } /* Nav - shared */ .nav { margin: 0; padding: 0; list-style: none; } .nav > li { float: left; } .nav:before, .nav:after, .cf:before, .cf:after { content: ""; display: table; } .nav:after, .cf:after { clear: both; } /* header { position: relative; padding-bottom: 10px; background: url(images/shadow.png) repeat-x bottom; z-index: 2; } header .logo-wrap { position: relative; width: 960px; margin: 0 auto; z-index: 4; } header .logo-wrap .logo { position: absolute; left: 0; margin-left: 17px; } header .tag-line { position: relative; width: 960px; margin: 0 auto; z-index: 1; } header .tag-line img { position: absolute; left: 0; margin-top: 12px; margin-left: 157px; } header .secondary-nav { position: relative; height: 28px; background: #202020; z-index: 3; } header .secondary-nav .nav { float: right; } header .secondary-nav li { position: relative; padding: 0 12px 0 15px; padding: 0; } header .secondary-nav li.first { background: none; } header .secondary-nav li.last { padding-right: 0; } header .secondary-nav li .sp-divider-dot { vertical-align: middle; margin: 0 12px; } .sp-g-divider-dot { vertical-align: middle; margin: 0 12px; } header .secondary-nav li span, header .secondary-nav li a { line-height: 28px; color: #b6b6b6; text-decoration: none; } header .secondary-nav li a:hover, header .secondary-nav li a.active { color: #ffffff; } header .secondary-nav .search a { display: block; padding-right: 0; } header .secondary-nav .search a .sp { vertical-align: middle; } header .secondary-nav .search a:hover, header .secondary-nav .search a.hover, header .secondary-nav .search a.active { color: #ffffff; } header .primary-nav { position: relative; height: 54px; background: url(images/primary-nav-off.png); z-index: 2; } header .primary-nav .nav { float: right; background: url(images/primary-nav-divider.png) repeat-y left; padding-left: 3px; height: 54px; } header .primary-nav .nav > li { background: url(images/primary-nav-divider.png) repeat-y right; height: 54px; position: relative; } header .primary-nav .nav a.primary-link { font-size: 1.25em; color: #ebebea; text-decoration: none; display: block; padding: 0 21px 0 24px; margin-right: 3px; line-height: 54px; } header .primary-nav .nav a.primary-link.active { background: url(images/primary-nav-on.png); } header .primary-nav .nav a.primary-link:hover, header .primary-nav .nav a.primary-link.hover { background: url(images/primary-nav-on.png); } header .primary-nav .nav .login { text-shadow: 0 1px 0 #000; background: url(images/primary-nav-login-off.png); } header .primary-nav .nav .login a.primary-link:hover, header .primary-nav .nav .login a.primary-link.hover { background: url(images/primary-nav-login-on.png); } header .primary-nav .nav .login .wrap { background: url(images/primary-nav-divider.png) top right repeat-y; height: 54px; position: relative; } header .primary-nav .pulldown-overlay { top: 54px; left: 0; background: #676767 url(images/shadow.png) 0 0 repeat-x; } header .pulldown-overlay { position: absolute; display: none; padding: 26px 26px; z-index: 999; color: #ffffff; z-index: 3; font-size: 1.0833em; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } header .pulldown-overlay .title { font-size: 1.3077em; margin-bottom: 21px; } header .pulldown-overlay .col1, header .pulldown-overlay .col2 { float: left; } header .pulldown-overlay .col1 { width: 233px; } header .pulldown-overlay .col2 { background: url(images/pulldown-divider.png) repeat-y left; width: 230px; padding-left: 27px; } header .pulldown-overlay .input-wrap { background: #ffffff; width: 199px; height: 21px; padding: 3px 10px; margin-top: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } header .pulldown-overlay .input-wrap input[type=text] { margin: 0; padding: 0 0 0 5px; border: 0; width: 171px; outline: none; vertical-align: text-top; } header .pulldown-overlay .input-wrap .sp { margin-top: 3px; } header .pulldown-overlay ul { margin: 0; padding: 0; list-style: none; } header .pulldown-overlay ul li { margin: 3px 0; } header .pulldown-overlay a { color: #ffffff; text-decoration: none; } header .pulldown-overlay a.active, header .pulldown-overlay a:hover { text-decoration: underline; } header .pulldown-overlay .section-find-info ul { margin-top: 14px; } header .pulldown-overlay .section-find-product .title { margin-bottom: 10px; } header .pulldown-overlay .section-most-viewed { margin-top: 23px; } header .pulldown-overlay .section-most-viewed ol { margin: 0; padding: 0 0 0 20px; color: #ffffff; } header .pulldown-overlay .section-most-viewed ol li { margin-top: 3px; margin-bottom: 3px; } header .products-and-services .pulldown-overlay { width: 491px; } header .support .pulldown-overlay { width: 152px; margin-right: 20px; } header .about-us .pulldown-overlay { width: 137px; margin-right: 20px; } header .search .pulldown-overlay { width: 272px; padding: 15px 15px 10px 15px; right: -77px; top: 28px; background: #202020; } header .search .pulldown-overlay div { position: relative; } header .search .pulldown-overlay div div { float: left; } header .search .pulldown-overlay .round-border { margin: 0 8px 0 0; padding: 4px 4px 4px 10px; width: 174px; background: #ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } header .search .pulldown-overlay input[type=text] { margin: 0; padding: 0 0 0 5px; border: 0; outline: none; width: 142px; line-height: 1; } header .search .pulldown-overlay input[type=text]#query { height: 18px; } */ /* breadcrumb */ .breadcrumb-wrap { bottom: 0; background: url(images/breadcrumbs-bg.png); width: 100%; border-bottom: 1px solid #897e7a; } .breadcrumb-wrap .breadcrumb { position: relative; background: url(images/breadcrumbs-bg.png); height: 40px; width: 920px; margin: 0 auto; } .breadcrumb-wrap .breadcrumb li { color: #ffffff; text-decoration: none; line-height: 40px; } .breadcrumb-wrap .breadcrumb li .sp-divider-dot { vertical-align: middle; margin: 0 12px; } .breadcrumb-wrap .breadcrumb a { color: #ffffff; text-decoration: none; line-height: 40px; } .breadcrumb-wrap .breadcrumb a:hover { text-decoration: underline; } /* footer { background: #716662 url(images/footer-bg.png) 41px 0 repeat-x; padding-bottom: 20px; min-height: 206px; } footer .col { float: left; } footer ul, footer li { margin: 0; padding: 0; list-style: none; } footer .links-row { padding-top: 36px; margin-bottom: 36px; min-height: 127px; } footer .links-row .primary { background: url(images/footer-divider-long.png) repeat-y 725px 0; width: 730px; } footer .links-row .primary ul > li { float: left; margin: 0 20px 0 0; width: 34%; } footer .links-row .primary ul > li ~ li { width: 31%; } footer .links-row .primary ul > li ~ li ~ li { width: 26%; } footer .links-row .primary ul > li ul li { margin: 0; width: 100%; } footer .links-row .primary ul > li .title, footer .lastLogoutlinks-row .primary ul > li .title{ color: #ffffff; padding-bottom: 12px; display: block; clear: both; } footer .links-row .primary ul > li ul ~ .title { padding-top: 12px; } footer .links-row .primary ul > li a { color: #d0cece; text-decoration: none; background: url(images/footer-arrow.png) no-repeat left 4px; padding-left: 12px; display: block; } footer .links-row .primary ul > li a:hover { color: #ffffff; background: url(images/footer-arrow-active.png) no-repeat -1px 4px; } footer .links-row .primary ul > li a.active { color: #ffffff; background: url(images/footer-arrow-active.png) no-repeat -1px 4px; } footer .links-row .primary ul > li .get-support { font-size: 1.167em; color: #d0cece; } footer .links-row .primary ul > li .get-support .tel { display: block; font-size: 1rem; margin: 2px 0 8px 0; color: #ffffff; } footer .links-row .secondary { width: 190px; } footer .links-row .secondary > ul { padding-left: 20px; } footer .links-row .secondary > ul > li { margin: 0; padding-left: 12px; line-height: 1.5em; } footer .links-row .secondary > ul > li a { color: #d0cece; text-decoration: none; background: url(images/footer-arrow.png) no-repeat left center; padding-left: 15px; } footer .links-row .secondary > ul > li a:hover { color: #ffffff; background: url(images/footer-arrow-active.png) no-repeat -1px 4px; } footer .links-row .secondary > ul > li a.active { color: #ffffff; background: url(images/footer-arrow-active.png) no-repeat -1px 4px; } footer .links-second-row .primary, footer .lastLogoutlinks-row .primary{ width: 50%; } footer .links-second-row .primary li, footer .lastLogoutlinks-row .primary li{ float: left; vertical-align: middle; } footer .links-second-row .primary li a { color: #d0cece; text-decoration: none; } footer .links-second-row .primary li a:hover { color: #ffffff; } footer .links-second-row .primary li a.active { color: #ffffff; } footer .links-second-row .primary li .sp { vertical-align: top; margin: 1px 5px 0; } footer .links-second-row .secondary { padding: 0; width: 50%; text-align: right; color: #d0cece; } */ #container { margin: -10px 0 0; padding: 10px 0 0; padding-top:140px; } .content { position: relative; margin: 0 auto; width: 920px; z-index: 1; } .content p.msg { margin: 0 0 14px 0; padding: 0; font-size: 1.083em; color: #3c3c3c; } .general-content { background: #edecec url(images/main-bg.png) 0 0 repeat-x; } .general-content h1 { margin: 35px 0 18px 125px; padding: 0; color: #b7170e; font-size: 2.167em; } .general-content .content { padding: 0 20px 60px; width: 880px; background: #ffffff; } /* any :input should be wrapped inside .form */ .sp-ui { background-position: 0 0; background-repeat: no-repeat; display: inline-block; overflow: hidden; text-indent: -99999px; background: url(images/ui/sprite.png) no-repeat 0 0; } .sp-ui-AddBookIcon { background-position: 0 0; width: 18px; height: 15px; } .sp-ui-CalendarIcon { background-position: 0 -16px; width: 19px; height: 19px; } .sp-ui-FolderIcon { background-position: 0 -36px; width: 19px; height: 19px; } .sp-ui-PriceBreakdown_Minus { background-position: 0 -56px; width: 10px; height: 10px; } .sp-ui-PriceBreakdown_Plus { background-position: 0 -67px; width: 10px; height: 10px; } .sp-ui-Search_DownArrow { background-position: 0 -78px; width: 9px; height: 6px; } .sp-ui-Search_UpArrow { background-position: 0 -85px; width: 9px; height: 6px; } .sp-ui-TableToggle_Minus { background-position: 0 -92px; width: 16px; height: 16px; } .sp-ui-TableToggle_Plus { background-position: 0 -109px; width: 16px; height: 16px; } .sp-ui-TrackShipment_detail { background-position: 0 -126px; width: 23px; height: 12px; } .sp-ui-TrackShipment_temperature { background-position: 0 -139px; width: 24px; height: 12px; } .help_btn { position: absolute; top: 32px; right: 20px; width: 109px; height: 43px; background: url(images/NeedHelpIcon.png) no-repeat 0 0; text-indent: -99999px; } .align-right { text-align: right; } .tab { margin: 0 -20px 30px; border-bottom: 1px solid #cdcdcd; height: 43px; } .tab ul { list-style: none; margin: 0 21px; padding: 0; } .tab ul li { display: block; margin: 0 0 -1px -1px; padding: 0; float: left; } .tab ul li a { display: block; line-height: 42px; height: 42px; padding: 0 30px; color: #ffffff; border-width: 1px; border-style: solid; border-color: #cdcdcd; background: #777878 url(images/ui/Tab_Gradient.png) 0 0 repeat-x; text-decoration: none; } .tab ul li a:hover, .tab ul li a.on { border-color: #cdcdcd #cdcdcd #ffffff #cdcdcd; background: #ffffff; color: #b7170e; } .error, .mandatory { color: #b7170e; } input.mandatory::-webkit-input-placeholder { color: #b7170e; } .error { font-size: 1em; text-align: left; } .inputsError, ..inputCapsError { border-color: #f0d1cf !important; background: #f0d1cf; } .hints { margin: 0 0 10px; text-align: right; } .hints span { margin-right: 4px; } .hints:first-child { margin-top: -20px; } .row { overflow: hidden; margin-bottom: 8px; } .sub-row ~ .sub-row { float: right; } .sub-row ~ .sub-row .label { min-width: 80px; width: auto; } .sub-row ~ .sub-row .text { margin-right: 0; } .row > *, .sub-row > * { float: left; } .error-box { margin: 0 0 18px; padding: 20px 30px; border: 1px solid #b7170e; background: #ffffff; color: #3c3c3c; } .error-box > * { float: none; } .error-box ul { list-style: none; } .error-box p, .error-box ul, .error-box li { margin: 0; padding: 0; line-height: 1.5em; } .error-box p, .error-box li span { color: #b7170e; } .error-box li span { margin: 0 10px 0 0; } .col { position: relative; float: left; } .col.last { margin: 0 !important; } .col .label { width: 120px; } .col .text { margin: 0; } .float-right { float: right; } .print-row { min-height: 43px; position: relative; } .print-row p { margin-top: 10px; } .print-row a.print { position: absolute; top: 0; right: 0; display: block; } .cols2 { margin-bottom: 0; } .cols2 .col { width: 430px; margin-right: 20px; } .cols2 h2 { width: 368px; } .cols2 .readonly { width: 124px; margin-right: 8px; } .cols2 .checkbox { margin-left: 127px; } .cols2 .col-large-small .label { width: 235px; } .cols2 .col-large-small .text { width: 107px; } .cols2 .col-large-small .button { width: 125px; } .cols2 .col-large-small .textarea { width: 350px; height: 100px; } .cols2 .col-small-large .label { width: 130px; } .cols2 .col-small-large .text { width: 212px; } .cols2 .col-small-large .text.even { float: left; width: 162px; text-align: center; } .cols2 .col-small-large .text.even ~ .text.even { margin-right: 0; } .cols2 .row-col-small-large .text { width: 102px; } .cols2 .row-col-small-large .text ~ .text { margin-right: 0; width: 222px; } .cols2 .row-col-large-small .text { width: 182px; } .cols2 .row-col-large-small .text ~ .text { margin-right: 0; width: 142px; } .cols2 .col-large-small .label ~ .button, .cols2 .col-small-large .label ~ .button, .cols2 .col-large-small .label ~ .text, .cols2 .col-small-large .label ~ .text, .cols2 .col-large-small .text.full-row, .cols2 .col-small-large .text.full-row, .cols2 .col-large-small .textarea.full-row, .cols2 .col-small-large .textarea.full-row { margin-right: 0; } .cols2 .label.full-row { width: 100%; } .cols2 .text.full-row, .cols2 .textarea.full-row { width: 350px; } .cols2 .routing-and-destination .text { margin: 0 8px 0 0; width: 68px; } .cols2 .routing-and-destination .text.last { margin-right: 0; } .cols2 .routing-and-destination .text.airline1 { width: 256px; } .cols2 .col-2-even .col { width: 392px; margin-right: 34px; } .cols2 .col-2-even .col ~ .col { margin-right: 0; } .cols2 .col-2-even .col h2 { width: 330px; } .cols2 .col-2-even .col .ui-accordion { font-size: 1em; } .cols2 .col-2-even .col .ui-accordion .ui-state-default a, .cols2 .col-2-even .col .ui-accordion .ui-state-default a:link, .cols2 .col-2-even .col .ui-accordion .ui-state-default a:visited, .cols2 .col-2-even .col .ui-accordion .ui-state-active a, .cols2 .col-2-even .col .ui-accordion .ui-state-active a:link, .cols2 .col-2-even .col .ui-accordion .ui-state-active a:visited { color: #ffffff; } .cols2 .col-2-even .col .ui-accordion .ui-accordion-header { position: absolute; margin: 0; width: 100%; border: none; } .cols2 .col-2-even .col .ui-accordion .ui-accordion-content, .cols2 .col-2-even .col .ui-accordion .ui-accordion-header { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .cols2 .col-2-even .col .ui-accordion.ui-accordion-icons .ui-accordion-header a { margin: 0; padding: 0 30px; } .cols2 .col-2-even .col .ui-accordion .ui-accordion-content { padding: 0; border: none; } .cols2 .col-2-even .col .ui-accordion .ui-accordion-header .ui-icon { background-position: 0 0; background-repeat: no-repeat; display: inline-block; overflow: hidden; text-indent: -99999px; background: url(images/ui/sprite.png) no-repeat 0 0; position: absolute; top: 20px; left: 13px; margin-top: -5px; } .cols2 .col-2-even .col .ui-accordion .ui-accordion-header .ui-icon { background-position: 0 -67px; width: 10px; height: 10px; } .cols2 .col-2-even .col .ui-accordion .ui-accordion-header.ui-state-active .ui-icon { background-position: 0 -56px; width: 10px; height: 10px; } .cols2 .col-2-even .col .ui-accordion .ui-widget-content { background: transparent !important; } .cols3 .col { width: 264px; margin-right: 13px; } .cols3 .text { width: 244px; } h2 { position: absolute; top: 0; left: 0; width: 818px; height: 40px; padding: 0 30px; color: #ffffff; background: url(images/ui/TitleGradient_slice.jpg) repeat-x 0 0; } h2.green { background: url(images/ui/TitleGradientGreen.png) repeat-x 0 0; } .label, .text, .button, .select, .action-item, .cTPSelect { margin-right: 8px; } .text, input[type="button"] { border-radius: 0; -webkit-border-radius: 0; } .label { width: 108px; display: inline-block; } input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; } .text { height: 22px; margin: 0 8px 0 0; padding: 1px 8px; border: 1px solid #aaa29c; line-height: 22px; width: 220px; } .textarea { margin: 0; padding: 1px 8px; border: 1px solid #aaa29c; line-height: 22px; width: 220px; } .readonly { background: #e3e6c9; border-color: #e3e6c9; } .folder-link, a.calendar { margin-left: 4px; height: 26px; text-decoration: none; } .folder-link .sp-ui, a.calendar .sp-ui { margin-top: 5px; display: inline-block; } .address-link { margin-left: 120px; color: #00a3dd; } .address-link a{ color: #00a3dd; } .address-link .sp-ui { margin-left: 7px; } a.calendar { margin-right: 12px; } /* #loadBtn { margin-right: 8px; } #loadBkgTemp { width: 285px; } #docPrefix { width: 26px; } #docNumber { width: 60px; } #getNext { padding-left: 14px; padding-right: 14px; margin-right: 8px; } #cancel, #awbButton, #uplodButton { padding: 0 17px; margin-right: 8px; } #preview, #finalSubmit { padding: 0 20px; float: right; } #submit_3 { padding: 0 28px; } #jobRefNo { width: 160px; } #origin, #destination, #product { width: 210px; } #natureOfGoods { width: 240px; } #shmntReadyDate { width: 88px; } #numOfPcs, #weight, #volume { width: 135px; margin-right: 8px; } #weight ~ .cTPSelect, #volume ~ .cTPSelect { margin: 0; } #lstWtUnit, #lstVolUnit { width: 125px; } #dimCom { width: 127px; } #getfltsbtn { width: 108px; } #commidity { width: 191px; margin-right: 8px; } #place, #consigneePlace, #consigneeCountryCode, #countryCode, #agtCity, #agentCountryCode { width: 38px; margin-right: 8px; } #agtcitydes, #agtCntry { width: 163px; } #docType { width: 75px; } #savetempTxt { width: 128px; margin-right: 15px; }*/ .code_block .label { width: 149px; } .code_block .text { width: 40px; } .flight-block .row { margin-bottom: 0; } .flight-block .col1 { width: 21px; } .flight-block .col2 { margin-right: 28px; width: 198px; } .flight-block .col3 { width: 205px; margin-right: 15px; } .flight-block .col4, .flight-block .col5 { width: 55px; } .flight-block .col4 { margin-right: 18px; } .flight-block .col6 { float: right; } .flight-block .col6 p { margin-left: 21px; } .flight-block .row-header .col6 { float: left; } /* .flight-block .row-footer { padding-left: 21px; } .flight-block .row-footer .button { margin-right: 8px; } */ .flight-block .checkbox { width: 13px; height: 26px; margin: 0 8px 0 0; } .flight-block a.calendar { margin-left: 12px; } .flight-block .airlineCode { margin-right: 8px; } .remark-block .text { clear: left; margin: 8px 0 0 0; width: 798px; } .agent-block .label { width: 120px; } .agent-block .text { width: 228px; } .agent-block .sub-row ~ .sub-row .label { min-width: 116px; } .airlineCode { width: 30px; } .flightNumber, .allotCode { width: 120px; } .calendar.text { width: 142px; } .depAirport, .arrAirport { width: 35px; } .hr { margin: 10px 0; padding: 0; content: " "; width: 100%; height: 1px; font-size: 0; line-height: 1px; background: #aaa29c; outline: none; } #modal .dialog-content { padding: 0 0 43px; background: #ffffff; } #modal .dialog-content .win { padding: 40px 40px 0; width: 520px; height: 357px; overflow-y: scroll; } #modal .dialog-content .win h3 { margin: 0 0 9px; color: #b7170e; } #modal .dialog-content .win h4 { margin: 0 0 13px; color: #3c3c3c; } #modal .dialog-content .win .hr { width: 520px; } .dialog-container { background-color: #f9f9f9; } .dialog-container .ui-dialog-titlebar { display: none; } .dialog-container .ui-dialog-content { padding: 0; overflow: hidden; } .ui-widget { font-family: Arial, Helvetica, sans-serif; } html.dialog, .dialog body { min-width: 0; } html.dialog, .ui-widget-content { background-color: #f9f9f9 !important; } .ui-dialog input[type="button"], .dialog input[type="button"], .dialog input[type="submit"]{ padding: 0 11px; line-height: 18px; height: 20px; background: #ffffff; border: 1px solid #aaa29c; } .ui-dialog h2, .dialog h2 { padding: 0 15px; height: 42px; background: #839700 url(images/ui/overlay_title_gradient.jpg) repeat-x 0 0; } .ui-dialog { border: 1px solid #aaa29c; padding: 0; } .ui-dialog .dialog-content { padding: 53px 15px 43px; } .ui-dialog h2 { width: 461px; } .ui-dialog iframe { width: 461px; height: 347px; border: 0; } .ui-dialog .dialog_close { position: absolute; bottom: 11px; right: 15px; } .ui-dialog .dialog_buttons { position: absolute; bottom: 11px; right: 15px; } .ui-dialog .dialog_buttons .dialog_close { position: relative; bottom: 0; right: 0; } table { border: 0; border-spacing: 0; /*border-collapse: collapse;*/ padding: 0; } table td, table th { /*padding: 0;*/ /* 'cellpadding' equivalent */ } .table { border: 1px solid #aaa29c; border-top: 0; background: #ffffff; width : 100%; } .table th, .table td { border-right: 1px solid #aaa29c; border-bottom: 1px solid #aaa29c; line-height: 20px; } .table td { padding: 0 5px; } .table tr.last, .table tr.bottom_border { border-bottom: 1px solid #aaa29c; } .table tr.grdRowAlt, .table tr.lovgrdRowAltData { background: #f2f2f2; } .table tr.grdRow, .table tr.lovgrdRowData { background: #ffffff; } .table tr.hover, .table tr.hover-child .rowInput { background: #e3e6c9; } .table.price-table { width: 100%; border: none; border-top: 0; background: #ffffff; border-collapse: collapse; } .table.price-table th, .table.price-table td { border-right: none; } .table.price-table td { padding: 5px 12px; } .table.price-table tr.last { border-bottom: none; } .table.price-table .bottom_border { border-bottom: 1px solid #aaa29c; } .table.price-table td.description { width: auto; } .table.price-table td.currency { width: 14%; } .table.price-table td.currency { width: 20%; } .table.price-table tr.total { background: #898989; color: #ffffff; font-weight: 700; } .table.collapsible-table .grdHead, .table.borderless-table .grdHead, .table.collapsible-table .grdHeadCustomized, .table.borderless-table .grdHeadCustomized{ background: #898989; color: #ffffff; border-right: none; height : 20px !important; } .table.collapsible-table th, .table.collapsible-table td { padding: 0px; text-align: left; vertical-align: top; } .table.collapsible-table .grdHead, .table.collapsible-table .grdHeadCustomized{ padding: 2px 10px 2px 5px; } .table.collapsible-table .grdNobg { padding: 5px; } .table.collapsible-table .grdRowData, .table.collapsible-table .grdRowDataFirst, .table.collapsible-table .grdRowAltDataFirst, .table.collapsible-table .grdRowAltData { padding: 5px 10px 5px 5px; border-right: none; } .table.collapsible-table tr.last { border-bottom: none; } .table.borderless-table { border: none; } .table.borderless-table .grdNobg, .table.borderless-table .grdRowData, .table.borderless-table .grdRowDataFirst, .table.borderless-table .grdRowAltDataFirst, .table.borderless-table .grdRowAltData { padding: 5px 10px 5px 5px; border-right: none; } .table.borderless-table tr.last, .table.borderless-table tr.last td { border-bottom: none; } .shipping-price { border-collapse: collapse; } .shipping-price td { vertical-align: top; text-align: left; font-weight: 700; } .shipping-price td .float-right { display: inline-block; padding: 0 9px; } .dialog { /* table{ border: 0; border-spacing: 0; border-collapse: collapse; padding: 0; td, th{ padding: 0; 'cellpadding' equivalent } } */ } .dialog.fullscreen, .dialog.fullscreen body { overflow-y: auto; height: 100%; } .dialog .dialog-content { padding-top: 53px; } .dialog .indent-content { padding: 10px; } .dialog a { text-decoration: none; } .dialog input[type="radio"] { -webkit-appearance: radio; } .dialog .buttons { margin-left: 10px; } .dialog .buttons input[type="button"] { margin-right: 8px; } .dialog .data { width: 459px; height: 279px; overflow: auto; } .dialog .data.no-nav { height: 343px; } .dialog select { -webkit-appearance: menulist; height: 20px; line-height: 18px; border: 1px solid #aaa29c; padding: 0; } .dialog input[type="button"] { padding: 0 11px; line-height: 18px; height: 20px; background: #ffffff; border: 1px solid #aaa29c; } .dialog .text { height: 16px; line-height: 16px; } .dialog .filter select { width: 143px; margin-right: 10px; } .dialog .filter .text { width: 123px; } .dialog .navigation { width: 459px; height: 36px; border: 1px solid #aaa29c; background: #e9f0bd; } .dialog .navigation td { vertical-align: middle; } .dialog .navigation .total { width: 143px; text-align: left; padding-left: 9px; } .dialog .navigation .pagination { width: 228px; padding-left: 3px; padding-right: 9px; text-align: right; } .dialog .navigation .pagination table { width: 100%; } .dialog .navigation .pagination span { margin: 0 3px; } .dialog .navigation .text { margin-right: 3px; margin-left: 3px; width: 10px; } .dialog thead { background: #758701; color: #ffffff; } .dialog .table { width: 459px; /* border: 1px solid @colorFormBorder; border-top: 0; background: @colorWhite; th, td{ border-right: 1px solid @colorFormBorder; border-bottom: 1px solid @colorFormBorder; line-height: 20px; } td{ padding: 0 5px; } //use bottom-border to add horizontal line, refer to get flight popup template tr.last, tr.bottom_border{ border-bottom: 1px solid @colorFormBorder; } */ /* tr.grdRowAlt, tr.lovgrdRowAltData { background: @colorLightGrey; } tr.grdRow, tr.lovgrdRowData { background: @colorWhite; } tr.hover, tr.hover-child .rowInput { background: @colorOffLightGreen; } */ } .dialog .table .text, .dialog .table select { margin: 3px 4px; } .dialog .table .text { width: 55px; text-align: right; } .dialog .table .text.long { width: 314px; text-align: left; } .dialog .new-win h2 { position: relative; margin-right: 0; max-width: 100%; width: auto; } .dialog .new-win .dialog-content { padding-top: 0; } .dialog .new-win .table { width: 100%; } .dialog .new-win .table.collapsible-table .grdHead, .dialog .new-win .table.borderless-table .grdHead { background: none; color: #ffffff; border-right: 1px solid #aaa29c; } .dialog .new-win .table.collapsible-table th, .dialog .new-win .table.collapsible-table td { text-align: center; } .dialog .new-win .table.collapsible-table .grdHead { padding: 0 5px 0 2px; } .dialog .new-win .table.collapsible-table .grdNobg { padding: 0 2px; } .dialog .new-win .table.collapsible-table .grdRowData, .dialog .new-win .table.collapsible-table .grdRowDataFirst, .dialog .new-win .table.collapsible-table .grdRowAltDataFirst, .dialog .new-win .table.collapsible-table .grdRowAltData { padding: 0 5px 0 2px; border-right: 1px solid #aaa29c; } .dialog .new-win .table.collapsible-table .grdNobg { padding-top: 2px; } .dialog .new-win .table.collapsible-table .lastCell { border-right: none; } .dialog .new-win .table.borderless-table .grdNobg, .dialog .new-win .table.borderless-table .grdRowData, .dialog .new-win .table.borderless-table .grdRowDataFirst, .dialog .new-win .table.borderless-table .grdRowAltDataFirst, .dialog .new-win .table.borderless-table .grdRowAltData { padding: 0 5px 0 2px; border-right: 1px solid #aaa29c; } .dialog .new-win .table.borderless-table .lastCell { border-right: none; } .intro { padding: 0 0 26px 125px; color: #898989; } .intro p { margin-bottom: 0; } .box { position: relative; border: 1px #aaa29c solid; margin: 0 0 20px; padding: 60px 30px 20px; } .box.no-header { padding-top: 20px; } .box .box { padding: 12px 20px; } .box .box .sub-row ~ .sub-row .label { width: 107px; } .box .abs-t-r { position: absolute; top: 55px; right: 24px; } .box .small-prints { margin: 0; } .box .no-margin-bot p { margin: 0; } .box .row.row-margin-bot-12 { margin-bottom: 12px; } .box.air-waybill-issused-by { min-height: 318px; } .box.air-waybill-issused-by h2 + .row p, .box.air-waybill-issused-by p + p { margin: 0; } .box.air-waybill-issused-by .row .sub-row { float: left; width: 278px; } .box.air-waybill-issused-by .row .sub-row + .sub-row { width: 90px; } .box.air-waybill-issused-by .row .sub-row + .sub-row img { max-width: 100%; max-height: 100%; } .box .sub-col { float: left; } /*.box.check-awb .text { margin: 0 10px 0 0; padding: 1px 12px; width: 54px; } .box.check-awb #awbNumber, .box.check-awb #awbJRN { width: 74px; }*/ .box.col-2-even .label { width: 176px; } .box.col-2-even .select { float: left; width: 174px; } .box.col-2-even .label ~ .cTPSelect, .box.col-2-even .label ~ .select { margin-right: 0; } .box.col-2-even .label ~ .select { width: 182px; } .box.col-2-even .cTPSelect { font-weight: 400; } .box.col-2-even .text { width: 166px; } .box.col-2-even .text-follow-input .text { width: 136px; } .box.col-2-even .text-follow-input span.unit { display: inline-block; float: right; width: 30px; text-align: right; } .box.col-2-even .popup-follow-input .text { width: 143px; } .box.col-2-even .radio-label-follow-label .radio { margin: 5px 5px 0 0; } .box.col-2-even .radio-label-follow-label .label ~ .label { width: auto; } .box.col-2-even .radio-label-follow-label .label ~ .label ~ .radio { margin-left: 30px; } .box.col-2-even .label-follow-label .radio { margin: 5px 5px 0 0; } .box.col-2-even .label-follow-label .label { width: auto; } .box.col-2-even .label-follow-label .label ~ .radio { margin-left: 30px; } .box.col-3-even .text { margin-right: 8px; width: 99.33333333333333px; } .box.col-3-even .text ~ .text ~ .text { margin-right: 0; } .box.pad-bot-12 { padding-bottom: 12px; } .box.pad-bot-37 { padding-bottom: 37px; } .box.pad-bot-68 { padding-bottom: 68px; } .box .min-height-56 { min-height: 56px; } .box .handling-block .label { width: 84px; } .box .handling-block .text { margin-right: 0; width: 666px; } .box .handling-block .sub-row { width: 388px; } .box .handling-block .sub-row ~ .sub-row .label { width: auto; } .box .handling-block .sub-row ~ .sub-row .checkbox { margin: 5px 5px 0 0; } .box .handling-block .sub-row ~ .sub-row .button { float: right; } .box.goods-details { padding: 0; border: 0; } .box.goods-details .rcp { width: 50px; } .box.goods-details .gross-weight { width: 68px; } .box.goods-details .kg-lb { width: 54px; } .box.goods-details .rate-class { width: 117px; } .box.goods-details .rate-class-type { width: 54px; } .box.goods-details .commodity { width: 62px; } .box.goods-details .chargeable-weight { width: 68px; } .box.goods-details .rate-charge-type { width: 87px; } .box.goods-details .rate-charge { width: 45px; } .box.goods-details .total { width: 73px; } .box.goods-details .nature-of-goods { width: 123px; } .box.goods-details .slac { width: 39px; } .box.goods-details .shc { width: 80px; } .box.goods-details select, .box.goods-details .cTPSelect, .box.goods-details .text { margin: 0; float: left; } .box.goods-details .cTPSelect, .box.goods-details .text { border-color: #ffffff; } .box.goods-details .readonly { border-color: #e3e6c9; } .box.goods-details .cTPSelect { border-right: none; } .box.goods-details .folder-link, .box.goods-details a.calendar { height: 19px; line-height: 19px; } .box.goods-details .folder-link .sp-ui, .box.goods-details a.calendar .sp-ui { margin-top: 3px; height: 19px; line-height: 19px; } .box.goods-details .row.header { margin: 0; background: #e7e7e7; border: 1px solid #aaa29c; overflow: hidden; } .box.goods-details .row.header .th { margin-bottom: -9999px; padding-bottom: 9999px; border-left: 1px solid #aaa29c; line-height: 1.5em; float: left; } .box.goods-details .row.header .th span { display: block; padding: 15px 5px 4px; } .box.goods-details .row.header .th.rate-class span { padding: 4px 5px; } .box.goods-details .row.header .th .rate-class-type, .box.goods-details .row.header .th .commodity { margin-bottom: 0; padding-bottom: 0; border-top: 1px solid #aaa29c; } .box.goods-details .row.header .th.rcp, .box.goods-details .row.header .th.rate-class-type { border-left: none; } .box.goods-details .row.entry-row { margin: 0; border-right: 1px solid #aaa29c; border-bottom: 1px solid #aaa29c; border-left: 1px solid #aaa29c; } .box.goods-details .row.entry-row .entry { margin-bottom: -9999px; padding-bottom: 9999px; border-left: 1px solid #aaa29c; float: left; width: 91px; height: 26px; overflow: hidden; } .box.goods-details .row.entry-row .entry:first-child { border-left: none; } .box.goods-details .row.entry-row .entry .text { width: 73px; } .box.goods-details .row.entry-row .entry ~ .entry { width: 47px; } .box.goods-details .row.entry-row .entry ~ .entry .text { width: 29px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry { width: 54px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry .select { width: 53px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry { width: 54px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry .select { width: 53px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 62px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry .text { width: 44px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 68px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry .text { width: 50px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 98px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry .select { width: 97px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 45px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry .text { width: 27px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 42px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry .text { width: 24px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 143px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry .text { width: 98px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 39px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry .text { width: 21px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 61px; } .box.goods-details .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry .text { width: 16px; } .box.goods-details .row.total-row .entry ~ .entry { border-right: 1px solid #aaa29c; } .box.goods-details .row.total-row .entry ~ .entry ~ .entry { width: 42px; margin-left: 386px; } .box.goods-details .row.total-row .entry ~ .entry ~ .entry .text { width: 24px; } .box .goods-details-with-svc-code .rcp { width: 51px; } .box .goods-details-with-svc-code .svc-code { width: 39px; } .box .goods-details-with-svc-code .row.entry-row .entry { width: 51px; } .box .goods-details-with-svc-code .row.entry-row .entry .text { width: 33px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry { width: 47px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry .text { width: 29px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry { width: 54px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry .select { width: 53px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry { width: 54px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry .select { width: 53px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 62px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry .text { width: 44px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 39px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry .text { width: 21px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 68px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry .text { width: 50px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 98px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry .select { width: 97px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 45px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry .text { width: 27px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 42px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry .text { width: 24px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 144px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry .text { width: 99px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 39px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry .text { width: 21px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry { width: 61px; } .box .goods-details-with-svc-code .row.entry-row .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry ~ .entry .text { width: 16px; } .box .goods-details-with-svc-code .row.total-row .entry ~ .entry ~ .entry { width: 42px; margin-left: 426px; } .box .cols2.col-small-large .col:first-child { width: 290px; } .box .cols2.col-small-large .col:first-child .label { margin: 0; width: 100%; } .box .cols2.col-small-large .col:first-child .label.small-prints { margin-top: 5px; } .box .cols2.col-small-large .col:first-child .text { width: 102px; } .box .cols2.col-small-large .col:first-child .wrap { float: left; width: 120px; } .box .cols2.col-small-large .col:first-child .text, .box .cols2.col-small-large .col:first-child .wrap { margin-right: 8px; } .box .cols2.col-small-large .col:first-child .text ~ .text, .box .cols2.col-small-large .col:first-child .wrap ~ .wrap { margin-right: 0; } .box .cols2.col-small-large .col:first-child .text ~ .text .text, .box .cols2.col-small-large .col:first-child .wrap ~ .wrap .text { margin-right: 0; } .box .cols2.col-small-large .col ~ .col { margin: 0; width: 508px; } .box .cols2.col-small-large .col ~ .col .other-charges .button { float: right; } .box .cols2.col-small-large .col ~ .col .other-charges .text { width: 68px; } .box .cols2.col-small-large .col ~ .col .other-charges .text + .text + .text + .text + .text { margin-right: 0; width: 72px; } .box .cols2.col-small-large .col ~ .col .shipper .label { margin: 0 8px 0 0; width: 130px; } .box .cols2.col-small-large .col ~ .col .shipper .text { width: 310px; } .box .cols2.col-small-large .col ~ .col .shipper .with-sprite .text { width: 287px; } .box .cols2.col-small-large .col ~ .col .shipper .with-sprite a.calendar { margin: 0 0 0 4px; } .box .cols2.col-small-large .col ~ .col .shipper .full-row .label { width: 100%; } .box .cols2.col-small-large .col ~ .col .shipper .full-row .text { width: 448px; } .box .destination-block .row { margin: 0; } .box .destination-block .sub-row { float: left; width: 220px; } .box .destination-block .sub-row ~ .sub-row { float: right; width: auto; max-width: 556px; } .box .destination-block .sub-row ~ .sub-row .label { width: auto; white-space: nowrap; overflow: hidden; margin: 0 8px 0 0; } .box .destination-block .sub-row ~ .sub-row .label ~ .label { margin-left: 27px; } .box .destination-block .sub-row ~ .sub-row .text { width: 102px; } .box.flight-search .cols2 { clear: both; overflow: hidden; } .box.flight-search .col-small-large .col { margin-right: 0; } .box.flight-search .col-small-large .col:first-child { width: 512px; } .box.flight-search .col-small-large .col:first-child .label { width: 122px; } .box.flight-search .col-small-large .col:first-child .text { width: 232px; } .box.flight-search .col-small-large .col:first-child .date { width: 88px; } .box.flight-search .col-small-large .col:first-child .airport-code { width: 72px; } .box.flight-search .col-small-large .col:first-child .airport-name { margin-top: 8px; width: 264px; clear: both; } .box.flight-search .col-small-large .col ~ .col { width: 306px; } .box.flight-search .col-small-large .col ~ .col .label { width: 76px; } .box.flight-search .col-small-large .col ~ .col .select { width: 110px; } .box.flight-search .col-small-large .col ~ .col .select, .box.flight-search .col-small-large .col ~ .col .cTPSelect { margin-right: 0; } .box.flight-search .col-small-large .col ~ .col .row .label ~ .text { margin-right: 8px; width: 84px; } .box.flight-search .col-small-large .col ~ .col .row .label ~ .text ~ .text { margin-right: 0; width: 94px; } .box.flight-search .col-small-large .col ~ .col .checkbox { margin: 0 5px 0 0; } .box.flight-search .col-small-large .col ~ .col .cols-1 .col { width: 100%; } .box.flight-search .col-small-large .col ~ .col .cols-1 .label { width: auto; } .box.flight-search .col-small-large .col ~ .col .cols-3-even .col { width: auto; margin-right: 25px; } .box.flight-search .col-small-large .col ~ .col .cols-3-even .label { margin: 0; width: auto; } .box.flight-search .col-small-large .col .row { margin-right: 0; } .box .button-underline { margin: 0 0 10px; padding: 0; border-bottom: 1px solid #cdcdcd; text-align: right; } .box .button-underline a { display: inline-block; padding: 0 14px; background: #9f9d9e; color: #ffffff; text-decoration: none; } .box .button-underline a .sp-ui { margin-right: 8px; } .box .row .sub-row.right-align { float: right; width: auto; max-width: 100%; } .box .row .sub-row.right-align .button, .box .row .sub-row.right-align input[type=button], .box .row .sub-row.right-align input[type=submit], .box .row .sub-row.right-align input[type=submit] { margin-left: 8px; } .box .toggle-binary .toggle-blk.on { display: block; } .box .toggle-binary .toggle-blk.off { display: none; } .box .accordion > .box { padding: 40px 0 0; } .box .accordion > .box .row { margin-bottom: 0; } .datepicker { color: #3c3c3c; } .datepicker th { font-weight: normal; line-height: 15px; width: 25px; padding: 3px 1px 8px; } .datepicker button { line-height: 15px; border: 1px solid #aaa29c; color: #3c3c3c; } .datepicker select { -webkit-appearance: menulist; } /* .datepicker .dpheader { border-bottom: 1px solid #aaa29c; } .datepicker .dpfooter { border-top: 1px solid #aaa29c; padding: 6px; } */ .intro { font-size: 1.5em; line-height: 1.2777em; color: #898989; } .ui-widget { font-size: 1.0833em; } .tab ul li { font-size: 1.2307em; } .form { line-height: 26px; font-size: 1.0833em; } .form input, .form select, .form textarea { font-size: 1em; } .form .hints { font-size: 0.9231em; } .form h2 { font-size: 1.2307em; line-height: 2.5em; } .form .overlay h2 { line-height: 2.625em; } .form .address-link { font-size: 0.9231em; line-height: 1.1538em; } .table.collapsible-table .grdHead, .table.borderless-table .grdHead, .table.collapsible-table .grdHeadCustomized, .table.borderless-table .grdHeadCustomized{ font-size: 0.8462em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .new-win .form h2 { font-size: 1.6em; } .new-win .table.collapsible-table .grdHead, .new-win .table.borderless-table .grdHead, .new-win .table.collapsible-table .grdHeadCustomized, .new-win .table.borderless-table .grdHeadCustomized{ font-size: 1em; } .ui-dialog .form { font-size: 1em; } .ui-dialog .form .dialog-content { font-size: 0.7692em; } html.dialog .form { font-size: 0.8333em; } .small-prints { font-size: 0.7692em; } .box .cols2.col-small-large .col:first-child .wrap .label.small-prints { font-size: 0.8462em; } .box.air-waybill-issused-by h2 + .row p { line-height: 1.6923em; } .box.goods-details .header { font-size: 0.8462em; font-weight: 400; text-align: center; } .box.goods-details .row.total-row .text { font-weight: 700; } .box .toggle-binary a.toggle-switch { font-size: 1.2307em; line-height: 1.8125em; } #modal .dialog-content .win { font-size: 1.3em; } #modal .dialog-content .win .caption { font-size: 0.9231em; } #modal .dialog-content .win h3 { font-size: 2em; } #modal .dialog-content .win h4 { font-size: 1.2307em; } ul.ui-autocomplete { font-size: 1em; } @media screen { } @media print { body * { color: #3c3c3c; background: #ffffff; } html, body { width: 100%; } h1, h2, h3, h4, h5, h6 { color: #3c3c3c; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #3c3c3c; } h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #3c3c3c; } .sp, .block { display: none; visibility: hidden; } } .ie address, .ie article, .ie aside, .ie canvas, .ie figcaption, .ie figure, /*.ie footer, .ie header,*/ .ie hgroup, .ie nav, .ie section, .ie summary, .ie .nav, .ie .cf { zoom: 1; } .ie input, .ie textarea { line-height: 1.3em; } .ie input[type=text] { line-height: 1.5em; } .ie .input-wrap, .ie .round-white-bg, .ie .round-white-bg-2, .ie .tab-top, .ie .tab-bottom, .ie .tab, .ie .simplemodal-container, .ie .shipping-tasks-tab, .ie .st-tab-top, .ie .localoffice, .ie .update-highlight, .ie .update-shipping,/* ie header .round-border, .ie header .round-border, */ .ie .round-border-box, .ie .round-border-box .box, /*.ie .round-border-box .box .header,*/ .ie .round-border-box .box .body, .ie .shortcut01-popup-border, .ie .shortcut01-popup-border .round-border, .ie .shortcut02-popup-border, .ie .shortcut02-popup-border .round-border, .ie .shortcut03-popup-border, .ie .help01-popup-border, .ie .troubleshooting-panel, .ie .current-index-border, .ie .fuel-price-box-border { zoom: 1; behavior: url(/common/css/PIE.htc); } .ie .content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border .shortcut-rol .round-border { padding: 7px 20px 6px; } .ie .box.optional-shipping .sub-col .tiny-input .radio { margin: 4px 1px 0; } /* .ie header .search .pulldown-overlay .round-border input[type=text] { width: 142px; height: 1.333em; line-height: 1.3em; } */ .ie7 a * { cursor: pointer; } .ie7 input[type=text] { margin: -1px 0; } .ie7 .sp { /* haslayout (display: inline-block) and negative text indent make things magically disappear */ font-size: 0; line-height: 0; text-indent: 0; } .ie7 .sp-arrow-light-grey-left { background-position: 0 -23px; width: 9px; height: 14px; } /* .ie7 header .search .pulldown-overlay input[type=text]#query { height: 16px; } .ie7 header .pulldown-overlay .input-wrap { padding-bottom: 2px; } .ie7 header .pulldown-overlay .input-wrap .sp { margin-top: 1px; } .ie7 header .pulldown-overlay .input-wrap input[type="text"] { padding-top: 0px; padding-left: 10px; } .ie7 header .search .pulldown-overlay .sp { margin-top: 2px; padding-left: 5px; } .ie8 header .search .pulldown-overlay .round-border { padding-bottom: 4px; } .ie8 header .pulldown-overlay .section-find-product div, .ie8 header #search div { position: relative; } .lte8 .round-white-bg .round-border-box .box .header .jqt .jqTransformSelectWrapper div { zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#cbcbcb', Direction=180, Strength=3); } html.lte8.dialog { position: static; } .lte7 header #search * { position: static; } */ @media screen { } /* no sure if we'll need this for the print version at the end. need to check on each templates */ /* @media print { .ie { body { zoom: 65%; } } } */ /* -- Newly Added for advance seach button--- */ .box .toggle-binary .toggle-blk.on { display: block; } .box .toggle-binary .toggle-blk.off { display: none; } .box .button-underline { margin: 0 0 10px; padding: 0; border-bottom: 1px solid #cdcdcd; text-align: right; } .box .button-underline a { display: inline-block; padding: 0 14px; background: #9f9d9e; color: #ffffff; text-decoration: none; } .box .button-underline a .sp-ui { margin-right: 8px; } .box .toggle-binary a.toggle-switch { font-size: 1.2307em; line-height: 1.8125em; } .sp-ui-Search_DownArrow { background-position: 0 -78px; width: 9px; height: 6px; } .sp-ui-Search_UpArrow { background-position: 0 -85px; width: 9px; height: 6px; } /* -- Newly Added for advance seach button ends here--- */ /* -- Newly Added for Accordion--- */ .ui-accordion { font-size: 1em; } .ui-accordion .ui-state-default a, .ui-accordion .ui-state-default a:link,.ui-accordion .ui-state-default a:visited,.ui-accordion .ui-state-active a, .ui-accordion .ui-state-active a:link, .ui-accordion .ui-state-active a:visited { color: #FFFFFF; } .ui-accordion .ui-accordion-content, .ui-accordion .ui-accordion-header { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .ui-accordion .ui-accordion-header { border: medium none; margin: 0; position: absolute; width: 100%; } .ui-accordion .ui-accordion-content,.ui-accordion .ui-accordion-header { background-clip: padding-box; border-radius: 0 0 0 0; } .ui-accordion.ui-accordion-icons .ui-accordion-header a { margin: 0; padding: 0 30px; } .ui-accordion .ui-accordion-content { position: relative; border: 1px #aaa29c solid; margin: 0 !important; padding: 0 !important; } .ui-accordion .ui-accordion-header .ui-icon { background: url("images/ui/sprite.png") no-repeat scroll 0 0 transparent !important; display: inline-block !important; left: 13px !important; margin-top: -5px !important; overflow: hidden !important; position: absolute !important; text-indent: -99999px !important; top: 20px !important; } .ui-accordion .ui-accordion-header .ui-icon { background-position: 0 -67px !important; height: 10px !important; width: 10px !important; } .ui-accordion .ui-accordion-header.ui-state-active .ui-icon { background-position: 0 -56px !important; height: 10px !important; width: 10px !important; } .ui-accordion .ui-widget-content { background: none repeat scroll 0 0 transparent !important; } #DD h2, #DA h2, #AA h2, #AD h2{ background: url("images/ui/TitleGradientGreen.png") repeat-x scroll 0 0 transparent !important; } .ui-widget { font-size: 1.0833em !important; font-family: Arial,Helvetica,sans-serif !important; } .ui-icon-triangle-1-s { background-position: 0 -56px !important; width: 10px !important; height: 10px !important; } .ui-icon-triangle-1-e { background-position: 0 -67px !important; width: 10px !important; height: 10px !important; } /* -- Newly Added for Accordion ends here--- */ .table.collapsible-table .grdRowHover, .table.collapsible-table .grdRowAltHover, .table.collapsible-table .grdRowAltSelected, .table.collapsible-table .grdRowAltSelectedHover, .table.collapsible-table .grdRowSelected, .table.collapsible-table .grdRowSelectedHover { background: #e3e6c9; } .dialog .new-win .table.collapsible-table .grdRowHover, .dialog .new-win .table.collapsible-table .grdRowAltHover, .dialog .new-win .table.collapsible-table .grdRowAltSelected, .dialog .new-win .table.collapsible-table .grdRowAltSelectedHover, .dialog .new-win .table.collapsible-table .grdRowSelected, .dialog .new-win .table.collapsible-table .grdRowSelectedHover { background: #e3e6c9; } .dialog .new-win .table.collapsible-table .grdNobgSelectedHover, .dialog .new-win .table.collapsible-table .grdNobgSelected, .dialog .new-win .table.collapsible-table .grdNobgHover { padding: 0 2px; padding-top: 2px; background: #e3e6c9; } .table.collapsible-table .grdNobgSelectedHover, .table.collapsible-table .grdNobgSelected, .table.collapsible-table .grdNobgHover{ padding: 5px; background: #e3e6c9; } .table .grdNobg { background: none; } .table .grdRowAlternate{ background: #f2f2f2!important; } .rows a img{ vertical-align: middle !important; padding-right: 12px !important; } .sub-row a img{ vertical-align: middle !important; padding-right: 12px !important; } select{ font-size: 1em; font-family: Arial, sans-serif; line-height: 1; outline: none; } /** jform table starts **/ .table { border-spacing: 0; border-collapse: collapse; padding: 0; } .table td, .table th { padding: 0; } .table.borderless-table td { border-top: 1px solid #AAA29C; border-bottom: none; } .table.borderless-table th { border-top: none; } .table.border-table .grdHead, .table.border-table .grdNobg, .table.border-table .grdRowData, .table.border-table .grdRowDataFirst, .table.border-table .grdRowAltDataFirst, .table.border-table .grdRowAltData, .table.border-table .grdHeadCustomized{ border-right: 1px solid #aaa29c !important; } .table.border-table .lastCell { border-right: none !important; } .table.collapsible-table a img{ vertical-align: top !important; padding-right: 0px !important; } .table.collapsible-table input[type="radio"]{ vertical-align:top; margin-top:1px; margin-right:5px; } .table.borderless-table.true .grdHead, .table.borderless-table.true .grdNobg, .table.borderless-table.true .grdRowData, .table.borderless-table.true .grdRowDataFirst, .table.borderless-table.true .grdRowAltData, .table.borderless-table.true .grdHeadCustomized{ border-right: none !important; height: 20px !important; } /** jform table end**/ /** Menu display for skycargo from righ to left starts**/ /* header .myskycargo .pulldown-overlay { width: 152px; left:-79px; } */ /** Menu display for skycargo from righ to left end**/ /** border top will be none for only first row td starts**/ .table.borderless-table .firstRowCell { border-top: none !important; } /** border top will be none for only first row**/ .dialog .new-win .table.borderless-table .firstRowCell { border-top: none !important; } .sp-g { background: url(images/sprite-ui.png) no-repeat 0 0; } .sp-g-also-see-divider { background-position: 0 0; width: 1px; height: 11px; } .sp-g-arrow-grey { background-position: 0 -12px; width: 9px; height: 12px; } .sp-g-arrow-light-grey-left { background-position: 0 -25px; width: 9px; height: 12px; } .sp-g-arrow-red-left { background-position: 0 -38px; width: 9px; height: 10px; } .sp-g-arrow-red { background-position: 0 -38px; width: 8px; height: 9px; } .sp-g-arrow-white { background-position: 0 -48px; width: 9px; height: 12px; } .sp-g-divider-dot { background-position: 0 -61px; width: 3px; height: 4px; } .sp-g-download { background-position: 0 -66px; width: 34px; height: 35px; } .sp-g-fb-icon { background-position: 0 -102px; width: 18px; height: 18px; } .sp-g-home-arrow-white-opacity { background-position: 0 -145px; width: 6px; height: 10px; } .sp-g-home-arrow-white { background-position: 0 -156px; width: 6px; height: 10px; } .sp-g-lightbox-red-bullet { background-position: 0 -167px; width: 4px; height: 4px; } .sp-g-magnifying-glass-contentbox { background-position: 0 -172px; width: 12px; height: 13px; } .sp-g-magnifying-glass-home { background-position: 0 -186px; width: 16px; height: 16px; } .sp-g-magnifying-glass-off { background-position: 0 -203px; width: 12px; height: 13px; } .sp-g-magnifying-glass-on { background-position: 0 -217px; width: 12px; height: 13px; } .sp-g-play-button-rollout { background-position: 0 -231px; width: 41px; height: 41px; } .sp-g-play-button-rollover { background-position: 0 -273px; width: 41px; height: 41px; } .sp-g-play { background-position: 0 -315px; width: 34px; height: 35px; } .sp-g-service-cross { background-position: 0 -351px; width: 11px; height: 11px; } .sp-g-service-tick { background-position: 0 -363px; width: 13px; height: 11px; } /* .sp-g-footer-divider-short { background-position: 0 -121px; width: 1px; height: 14px; } .sp-g-footer-popup-icon { background-position: 0 -136px; width: 9px; height: 8px; } .sp-g-footer-popup-icon { padding-bottom: 3px; background: url(images/footer-popup-icon.png) no-repeat 0 0; width: 9px; height: 8px; } */ .breadcrumb-wrap .breadcrumb .facebook-share { position: absolute; display: block; float: right; cursor: pointer; color: #ffffff; right: 0; clear: right; top: 0; line-height: 40px; } .breadcrumb-wrap .breadcrumb .facebook-share .sp { margin-right: 8px; vertical-align: middle; } button.jqTransformButton { margin: 0; padding: 0; border: 0; outline: none; background-color: transparent; cursor: pointer; overflow: visible; font-family: inherit; font-size: 1.083em; } button.jqTransformButton::-moz-focus-inner { border: 0; padding: 0; } *:first-child + html button.jqTransformButton[type] { width: 1; } /* IE7 */ button.jqTransformButton span { background: transparent url(images/jqtransform/btn-grey-r.png) no-repeat right top; display: block; float: left; padding: 0 4px 0 0; /* sliding doors padding */ margin: 0; height: 27px; } button.jqTransformButton span span { background: transparent url(images/jqtransform/btn-grey-l.png) no-repeat top left; color: #b7170e; padding: 8px 11px 0 16px; font-weight: 400; font-size: 1em; line-height: 11px; display: block; text-decoration: none; height: 27px; } .red-button button.jqTransformButton span { color: #ffffff; background-image: url(images/jqtransform/btn-red-r.png); } .red-button button.jqTransformButton span span { background-image: url(images/jqtransform/btn-red-l.png); } .red-button-arrow button.jqTransformButton span { color: #ffffff; padding-right: 24px; background-image: url(images/jqtransform/btn-red-a.png); } .red-button-arrow button.jqTransformButton span span { padding-right: 13px; background-image: url(images/jqtransform/btn-red-l.png); } .lightRed-button button.jqTransformButton span { color: #ffffff; background-image: url(images/jqtransform/btn-lightred-r.png); } .lightRed-button button.jqTransformButton span span { background-image: url(images/jqtransform/btn-lightred-l.png); } /*hover*/ button.jqTransformButton_hover span span { background-position: left -27px; } button.jqTransformButton_hover span { background-position: right -27px; } /*clicked*/ button.jqTransformButton_click span span { background-position: left -27px; } button.jqTransformButton_click span { background-position: right -27px; } /* IE 6 */ * html button.jqTransformButton { height: 27px; } * button.jqTransformButton span span { height: 19px; } /* IE 7 */ * + html button.jqTransformButton { height: 27px; } * + button.jqTransformButton span span { height: 19px; } .overRide{ right: -132px !important; } /* header .pulldown-overlay .input-wrap{ font-size: 0.9000em !important; line-height: 1.4em; } */ .round-white-bg { margin: 0; /** padding: 24px 20px 27px; **/ background: #ffffff; clear: both; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .round-white-bg.shipping-task { padding-top: 16px; } .round-white-bg article.intro { margin: 0 0 28px; color: #898989; font-size: 1.5em; } .round-white-bg article.intro p { margin-bottom: 0; } .round-white-bg h4 { margin: 16px 0 0 0; padding: 0; font-size: 1.833em; color: #3c3c3c; } .round-white-bg .round-border-box { padding: 2px; background: #cdcdcd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .round-white-bg .round-border-box .box { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .round-white-bg .round-border-box .box .header { padding: 23px 30px; background: #f2f2f2; -webkit-border-radius: 1px 1px 0 0; -moz-border-radius: 1px 1px 0 0; border-radius: 1px 1px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; z-index: 2; } .round-white-bg .round-border-box .box .header.search { padding: 30px 30px 27px; } .round-white-bg .round-border-box .box .header select { width: 230px; } .round-white-bg .round-border-box .box .body { padding: 23px 30px 0; background: #ffffff; color: #3c3c3c; -webkit-border-radius: 0 0 1px 1px; -moz-border-radius: 0 0 1px 1px; border-radius: 0 0 1px 1px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 1.0833em; z-index: 1; } .round-white-bg .round-border-box .box .body h2 { margin: 0 0 15px; color: #b7170e; font-size: 1.6923em; } .round-white-bg .round-border-box .box .list article { padding: 0 0 15px; } .round-white-bg .round-border-box .box .list article h3 { margin: 0 0 2px; font-size: 1em; font-weight: 700; line-heigth: 1.3846em; } .round-white-bg .round-border-box .box .list article h3.search { color: #2a2a2a; } .round-white-bg .round-border-box .box .list article h3 a { color: inherit; text-decoration: none; } .round-white-bg .round-border-box .box .list article h3 a:hover { color: #b7170e; } .round-white-bg .round-border-box .box .list article p { margin-bottom: 0; } .round-white-bg .round-border-box .box .list article.featured { font-size: 1.2308em; } .round-white-bg .round-border-box .box .list article.featured h3 { margin: 0 0 3px; } .round-white-bg .round-border-box .box .list article.bleed-top-border { margin: 0 -30px; padding: 15px 30px 15px; border-top: 1px solid #f2f2f2; } .shipping-task-header { margin: 0; padding: 0; } .shipping-task-header .task-col-left { margin: 0; padding: 0; float: left; width: 585px; position: relative; } .shipping-task-header .task-col-left h2 { margin: 0; padding: 0 20px 0 0; position: absolute; bottom: 23px; top: auto !important; width: auto !important; height: auto !important; left: 25px; font-size: 1.5em; line-height: 1.3em; color: #ffffff; background:none !important; } .shipping-task-header .task-col-right { margin: 0; padding: 0; float: left; width: 295px; } .shipping-task-header .task-col-right .login-box { margin: 0 0 0 7px; padding: 0 0 0 24px; width: 264px; min-height: 209px; background: url(images/shippingtasks/shipping-tasks-bg-box.gif) no-repeat left top; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25); } .shipping-task-header .task-col-right .login-box .login-top { margin: 0; padding: 10px 0 10px 0; /** border-bottom: 1px solid #C5BFB9; **/ width: 240px; } .shipping-task-header .task-col-right .login-box .login-top h2 { margin: 0; padding: 0; font-size: 1.5em; top: auto !important; left: auto !important; width: auto !important; height: auto !important; color: #ffffff; position: relative; background: none !important; } .shipping-task-header .task-col-right .login-box .login-top span { margin-top: 12px; } .shipping-task-header .task-col-right .login-box h3 { margin: 16px 0 0 0; padding: 0; font-size: 1.5em; color: #ffffff; } .shipping-task-header .task-col-right .login-box .register { margin-top: 11px; } .shipping-tasks-tab { margin-top: 20px; border-top: 2px solid #CDCDCD; border-bottom: 2px solid #CDCDCD; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .shipping-tasks-tab .tab-top { min-height: 40px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-top: 2px; border-left: 2px; border-right: 2px; border-bottom: 0; border-style: solid; border-color: #CDCDCD; position: relative; } .shipping-tasks-tab .tab-top a { margin: 0; padding: 12px 0 0 0; font-size: 1.25em; color: #ffffff; display: block; text-decoration: none; min-height: 27px; text-align: center; font-weight: bold; } .shipping-tasks-tab .tab-top a.active, .shipping-tasks-tab .tab-top a:hover { color: #b7170e; } .shipping-tasks-tab .tab-top .tab1 { margin: 0; padding: 0; width: 296px; min-height: 40px; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; background: #6d6d6d url(images/shippingtasks/shipping-tasks-tab.gif) no-repeat left top; position: absolute; left: 0; top: 0; } .shipping-tasks-tab .tab-top .tab1.active, .shipping-tasks-tab .tab-top .tab1:hover { background: #6d6d6d url(images/shippingtasks/shipping-tasks-tab-active.gif) no-repeat left top; } .shipping-tasks-tab .tab-top .tab2 { margin: 0; padding: 0; width: 301px; min-height: 40px; background: url(images/shippingtasks/shipping-tasks-tab2.gif) no-repeat left top; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; position: absolute; left: 285px; top: 0; } .shipping-tasks-tab .tab-top .tab2.active, .shipping-tasks-tab .tab-top .tab2:hover { background: url(images/shippingtasks/shipping-tasks-tab2-active.gif) no-repeat left top; } .shipping-tasks-tab .tab-top .tab3 { margin: 0; padding: 0; width: 298px; min-height: 40px; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; background: url(images/shippingtasks/shipping-tasks-tab3.gif) no-repeat left top; position: absolute; left: 578px; top: 0; } .shipping-tasks-tab .tab-top .tab3.active, .shipping-tasks-tab .tab-top .tab3:hover { background: url(images/shippingtasks/shipping-tasks-tab3-active.gif) no-repeat left top; } .shipping-tasks-tab .tab-bottom { margin: 0; padding: 0 0 58px 0; border-left: 2px; border-right: 2px; border-top: 0; border-bottom: 0; border-style: solid; border-color: #cdcdcd; background-color: #f2f2f2; } .shipping-tasks-tab .tab-bottom h2 { margin: 0; padding: 16px 0 0 0; font-size: 1.833em; color: #3c3c3c; background: url(images/ui/Ti.jpg) repeat-x 0 0 !important; position: relative; } .shipping-tasks-tab .tab-bottom h2 span { margin: 0; padding: 0; color: #b7170e; } .shipping-tasks-tab .tab-bottom h3 { margin: 15px 0 19px 0; padding: 0; font-size: 1.5em; color: #898989; } .shipping-tasks-tab .tab-bottom h4 { margin: 0; padding: 13px 0 10px 0; font-size: 1.333em; font-weight: bold; color: #2A2A2A; } .shipping-tasks-tab .tab-bottom .tab-content { margin: 0; padding: 7px 30px 0 30px; } .shipping-tasks-tab .tab-bottom .tab-red-bullet { margin: 0; padding: 9px 0 12px 0; } .shipping-tasks-tab .tab-bottom .tab-red-bullet .tab-left-col { margin: 0; padding: 0; float: left; width: 266px; border-right: 1px solid #CFCFCF; } .shipping-tasks-tab .tab-bottom .tab-red-bullet .tab-right-col { margin: 0; padding: 0 0 0 18px; float: left; width: 262px; } .shipping-tasks-tab .tab-bottom .tab-red-bullet ul { margin: 0; padding: 0; } .shipping-tasks-tab .tab-bottom .tab-red-bullet ul li { margin: 0; padding: 0 20px 0 15px; background: url(images/services/red-bullet.gif) no-repeat left top; background-position: 0 6px; font-size: 1.083em; list-style-type: none; } /* .navigation-links ul > li a { color: #D0CECE; text-decoration: none; background: url(images/footer-arrow.png) no-repeat left 4px; padding-left: 12px; } .navigation-links ul > li a:hover { color: white; background: url(images/footer-arrow.png) no-repeat -1px 4px; } */ .navigation-links ul, .navigation-links li { list-style: none !important; } .divErrorTableData img{ padding-bottom: 5px !important; vertical-align:auto !important; } .navigation-links ul{ padding-left:3px; margin-top:0px; }