/*
CSS selectors
*/
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, radio, button {
font-size: 1em;
font-family: Arial, sans-serif;
line-height: 1;
-webkit-appearance: none;
outline: none;
}
input, textarea {
color: #3C3C3C;
}
input:focus, textarea:focus {
color: #3C3C3C;
}
input:-moz-placeholder {
color: #6E6E6E;
}
input::-webkit-input-placeholder {
line-height: 1;
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;
}
/*
css sprite
*/
.sp {
background-position: 0 0;
background-repeat: no-repeat;
display: inline-block;
overflow: hidden;
text-indent: -99999px;
}
.sp-g {
background: url(/images/sprite.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-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-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-popup-icon {
padding-bottom: 3px;
background: url(/images/footer-popup-icon.png) no-repeat 0 0;
width: 9px;
height: 8px;
}
form.jqtransformdone label {
margin-top: 4px;
margin-right: 8px;
display: block;
float: left;
}
form.jqtransformdone div.rowElem {
clear: both;
padding: 4px 0;
}
/* -------------
* Buttons
* ------------- */
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;
}
/* -------------
* Inputs
* ------------- */
.jqTransformInputWrapper {
background: transparent url(/images/jqtransform/input/input_left.gif) no-repeat left top;
height: 28px;
padding: 0;
float: left;
}
.jqTransformInputInner {
background: transparent url(/images/jqtransform/input/input_right.gif) no-repeat top right;
padding: 0;
margin: 0;
}
.jqTransformInputInner div {
height: 28px;
margin: 0 0 0 11px;
}
.jqTransformInputInner div input {
font-size: 1em;
/*line-height:1.5em;
vertical-align: middle;
height: 28px;*/
color: #000;
border: none;
padding: 0;
margin: 6px 0 0 0;
background: transparent;
}
/* IE6 */
* html .jqTransformInputInner div input {
padding: 6px 0 0 0;
margin: 0 0 0 -8px;
height: 24px;
}
/* Ie7 */
* + html .jqTransformInputInner div input {
padding: 6px 0 0 0;
margin-left: -10px;
height: 24px;
}
/*hover*/
.jqTransformInputWrapper_hover {
/*background-position: left -31px; */
}
.jqTransformInputWrapper_hover div.jqTransformInputInner {
/* background-position: right -31px; */
}
/*focus*/
.jqTransformInputWrapper_focus {
/* background-position: left -62px; */
}
.jqTransformInputWrapper_focus div.jqTransformInputInner {
/* background-position: right -62px; */
}
.jqTransformSafari .jqTransformInputInner div {
position: relative;
overflow: hidden;
margin: 0 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
background-color: none;
position: absolute;
top: -6px;
left: -4px;
height: 28px;
padding-left: 5px;
}
/* -------------
* Textarea
* ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea {
font-size: 12px;
line-height: 16px;
}
table.jqTransformTextarea td {
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}
table.jqTransformTextarea tr {
/*border: 1px solid red;*/
}
table.jqTransformTextarea textarea {
margin: 0;
padding: 0;
border: 0;
background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl {
background: url(/images/jqtransform/textarea/textarea_tl.gif) no-repeat top left;
}
table.jqTransformTextarea td#jqTransformTextarea-tm {
background: url(/images/jqtransform/textarea/textarea_tm.gif) repeat-x top left;
}
table.jqTransformTextarea td#jqTransformTextarea-tr {
background: url(/images/jqtransform/textarea/textarea_tr.gif) no-repeat top left;
}
table.jqTransformTextarea td#jqTransformTextarea-ml {
background: url(/images/jqtransform/textarea/textarea_ml.gif) repeat-y top left;
}
table.jqTransformTextarea td#jqTransformTextarea-mm {
background: url(/images/jqtransform/textarea/textarea-mm.gif) repeat;
}
table.jqTransformTextarea td#jqTransformTextarea-mr {
background: url(/images/jqtransform/textarea/textarea_mr.gif) repeat-y top left;
}
table.jqTransformTextarea td#jqTransformTextarea-bl {
background: url(/images/jqtransform/textarea/textarea_bl.gif) no-repeat top left;
}
table.jqTransformTextarea td#jqTransformTextarea-bm {
background: url(/images/jqtransform/textarea/textarea_bm.gif) repeat-x top left;
}
table.jqTransformTextarea td#jqTransformTextarea-br {
background: url(/images/jqtransform/textarea/textarea_br.gif) no-repeat top left;
}
/*hover*/
/*
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0 -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0 -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0 -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(/images/jqtransform/textarea/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0 -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0 -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0 -5px;}
*/
/*focus*/
/*
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0 -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0 -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0 -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(/images/jqtransform/textarea/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0 -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0 -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0 -10px;}
*/
table.jqTransformTextarea .jqTransformSafariTextarea div {
position: relative;
overflow: hidden;
border: 0 solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea {
background: none;
position: absolute;
top: -10px;
left: -10px;
padding: 10px 10px 10px 10px;
resize: none;
}
/* -------------
* Radios
* ------------- */
.jqTransformRadioWrapper {
float: left;
display: block;
margin: 0 4px;
margin-top: -1px;
}
.jqTransformRadio {
background: transparent url(/images/jqtransform/radio.png) no-repeat center top;
vertical-align: middle;
height: 23px;
width: 20px;
display: block;/*display: -moz-inline-block;*/
}
/* -------------
* Checkboxes
* ------------- */
span.jqTransformCheckboxWrapper {
display: block;
float: left;
margin-top: 5px;
}
a.jqTransformCheckbox {
background: transparent url(/images/jqtransform/checkbox.gif) no-repeat center top;
vertical-align: middle;
height: 19px;
width: 18px;
display: block;/*display: -moz-inline-block;*/
}
/* -------------
* Checked - Used for both Radio and Checkbox
* ------------- */
a.jqTransformChecked {
background-position: center bottom;
}
/* -------------
* Selects
* ------------- */
.jqTransformSelectWrapper {
min-width: 45px;
position: relative;
margin: 0;
height: 31px;
float: left;
}
.tab-content .fliterContainer .jqTransformSelectWrapper {
min-width: 71px;
}
.jqTransformSelectWrapper div span {
font-size: 1.083em;
font-weight: 700;
float: none;
position: absolute;
white-space: nowrap;
height: 31px;
line-height: 15px;
padding: 8px 0 0 12px;
overflow: hidden;
cursor: pointer;
color: #ffffff;
background: url(/images/jqtransform/select-l.png) no-repeat top left;
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
display: block;
position: absolute;
right: 0;
width: 23px;
height: 31px;
background: url(/images/jqtransform/select-r.png) no-repeat center center;
}
.jqTransformSelectWrapper ul {
position: absolute;
min-width: 43px;
top: 28px;
/* minus the radius */
left: 0;
list-style: none;
display: none;
margin: 0;
padding: 0;
height: 150px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
/*
background-color: @midGrey;
*/
border-style: solid;
border-width: 0 2px 2px;
border-color: #ffffff;
border-radius: 0 0 3px 3px;
-webkit-overflow-scrolling: touch;
}
.jqTransformSelectWrapper i, .jqTransformSelectWrapper b {
position: relative;
display: block;
margin: 0;
padding: 0;
height: 4px;
min-height: 4px;
max-height: 4px;
}
.jqTransformSelectWrapper i {
padding: 0 23px 0 0;
background: url(/images/jqtransform/select-l.png) no-repeat left bottom;
}
.jqTransformSelectWrapper b {
position: absolute;
right: 0;
bottom: 0;
width: 23px;
min-width: 23px;
max-width: 23px;
float: right;
background: url(/images/jqtransform/select-r.png) no-repeat right bottom;
}
.jqTransformSelectWrapper select {
border: 0;
}
.jqt-up .jqTransformSelectWrapper ul {
top: -150px;
}
.jqTransformSelectWrapper ul li {
float: none;
}
.jqTransformSelectWrapper ul a {
display: block;
padding: 5px 31px 5px 9px;
text-decoration: none;
color: #ffffff;
background-color: #898989;
font-size: 1.083em;
font-weight: 700;/*
border-style: solid;
border-width: 0 2px 0;
border-color: @white;
*/
}
.jqTransformSelectWrapper ul a.selected {
background: #797979;
color: #ffffff;
}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
background: #3c3c3c;
color: #ffffff;
}
.disabled .jqTransformSelectWrapper div span {
background-image: url(/images/jqtransform/select-disabled-l.png);
cursor: default;
}
.disabled .jqTransformSelectWrapper a.jqTransformSelectOpen {
background-image: url(/images/jqtransform/select-disabled-r.png);
cursor: default;
}
.disabled button.jqTransformButton {
cursor: default;
}
.disabled button.jqTransformButton span {
background-image: url(/images/jqtransform/btn-lightred-r.png);
cursor: default;
}
.disabled button.jqTransformButton span span {
background-image: url(/images/jqtransform/btn-lightred-l.png);
cursor: default;
}
.disabled button.jqTransformButton_hover span span {
background-position: left 0px;
}
.disabled button.jqTransformButton_hover span {
background-position: right 0px;
}
.disabled-arrow button.jqTransformButton {
cursor: default;
}
.disabled-arrow button.jqTransformButton span {
background-image: url(/images/jqtransform/btn-arrow-lightred-r.png);
cursor: default;
}
.disabled-arrow button.jqTransformButton span span {
background-image: url(/images/jqtransform/btn-lightred-l.png);
cursor: default;
}
.disabled-arrow button.jqTransformButton_hover span span {
background-position: left 0px;
}
.disabled-arrow button.jqTransformButton_hover span {
background-position: right 0px;
}
/* -------------
* Hidden - used to hide the original form elements
* ------------- */
.jqTransformHidden {
display: none;
}
/*
AnythingSlider v1.8+ LESS Default theme
By Rob Garrison, based on default anythingslider.css
*/
/*****************************
SET DEFAULT DIMENSIONS HERE
*****************************/
/* change the ID & dimensions to match your slider */
#slider {
width: 1300px;
height: 497px;
list-style: none;
/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
overflow-y: auto;
overflow-x: hidden;
}
/* slider borders */
/* current navigation tab styling - uses same navigation background image */
/* non-current navigation styling */
.navigation-text-styling {
height: 12px;
padding: 0;
margin: 0 8px 0 0;
}
.navigation-background {
/* top shadow */
}
.navigation-background-hovered {
background-image: none;
}
/* start-stop button background color */
/* start-stop button text */
/* navigation arrows */
/* distance the arrow protrudes horizontally outside of the AnythingSlider wrapper */
/* distance the navigation controls (tabs & start-stop button) protrudes below the wrapper */
.anythingSlider-default {
/*
=================================
Default state (no keyboard focus)
=================================
*/
/* Overall Wrapper */
margin: 0;
padding: 0 0 0 0;/* slider window - top & bottom borders, default state */
/* Navigation buttons + start/stop button, default state */
/*
=================================
Active State (has keyboard focus)
=================================
*/
/************************
NAVIGATION POSITIONING
************************/
/* Navigation Arrows */
/* back arrow */
/* forward arrow */
/* Navigation Links */
}
.anythingSlider-default .anythingWindow {
margin: 0;
padding: 0;
}
.anythingSlider-default .anythingControls a {
/* top shadow */
/* top shadow */
color: #000000;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;/* Make sure navigation text is visible */
/* Navigation current button, default state */
/* start-stop button, stopped, default state */
}
.anythingSlider-default .anythingControls a span {
visibility: visible;
}
.anythingSlider-default .anythingControls a.cur {
background-position: 0 -12px;
color: #000000;
}
.anythingSlider-default .anythingControls a.start-stop {
background-color: #004400;
color: #dddddd;/* start-stop button, playing, default state */
/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
}
.anythingSlider-default .anythingControls a.start-stop.playing {
background-color: #880000;
}
.anythingSlider-default .anythingControls a.start-stop:hover, .anythingSlider-default .anythingControls a.start-stop.hover, .anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
color: #ffffff;
background-image: none;
}
.anythingSlider-default.activeSlider {
/* slider window - top & bottom borders, active state */
/* Navigation buttons, active state */
/* start-stop button, active slider hovered text color (when visible) */
}
.anythingSlider-default.activeSlider .anythingWindow {
margin: 0;
padding: 0;
}
.anythingSlider-default.activeSlider .anythingControls a {
/* background image = top shadow */
/* background-color: @active-background-tab;*/
/* Navigation current & hovered button, active state */
/* start-stop button, stopped, active state */
}
.anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a:hover {
/* background image removed */
background-position: 0 -12px;
color: #fff;
}
.anythingSlider-default.activeSlider .anythingControls a.start-stop {
background-color: #008800;
color: #ffffff;/* start-stop button, playing, active state */
}
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
color: #ffffff;
background-color: #dd0000;
}
.anythingSlider-default.activeSlider .start-stop:hover, .anythingSlider-default.activeSlider .start-stop.hover {
color: #ffffff;
}
.anythingSlider-default .arrow {
top: 230px;
position: absolute;
display: block;
z-index: 1;
}
.anythingSlider-default .arrow a {
display: block;
width: 20px;
height: 36px;
margin: 0;
/* half height of image */
text-align: center;
outline: 0;
background: url(/images/movingboxes/arrows.png) no-repeat;
}
.anythingSlider-default .arrow.back.products {
left: 597px;
top: 270px;
z-index: 2;
}
.anythingSlider-default .arrow.back.products a {
width: 31px;
height: 35px;
background: transparent url(/images/movingboxes/products-arrows.png) no-repeat;
background-position: left top;
}
.anythingSlider-default .arrow.back.products a a:hover {
background-position: left bottom;
}
.anythingSlider-default .arrow.back.news {
left: -57px;
top: 25px;
z-index: 2;
}
.anythingSlider-default .arrow.back.news a {
width: 31px;
height: 35px;
background: transparent url(/images/movingboxes/products-arrows.png) no-repeat;
background-position: left top;
}
.anythingSlider-default .arrow.back.news a a:hover {
background-position: left bottom;
}
.anythingSlider-default .arrow.back.planes {
left: -15px;
top: 180px;
z-index: 2;
}
.anythingSlider-default .arrow.back.planes a {
width: 31px;
height: 35px;
background: transparent url(/images/movingboxes/products-arrows.png) no-repeat;
background-position: left top;
}
.anythingSlider-default .arrow.back.planes a a:hover {
background-position: left bottom;
}
.anythingSlider-default .arrow.back.devices {
left: -15px;
top: 140px;
z-index: 2;
}
.anythingSlider-default .arrow.back.devices a {
width: 31px;
height: 35px;
background: transparent url(/images/movingboxes/products-arrows.png) no-repeat;
background-position: left top;
}
.anythingSlider-default .arrow.back.devices a a:hover {
background-position: left bottom;
}
.anythingSlider-default .arrow.back.industry {
top: 220px;
z-index: 2;
}
.anythingSlider-default .arrow.back.industry a {
width: 57px;
height: 66px;
background: transparent url(/images/movingboxes/industry-arrows.png) no-repeat;
background-position: left top;
}
.anythingSlider-default .arrow.back.industry a:hover {
background-position: left bottom;
}
.anythingSlider-default .arrow.forward.products {
right: 274px;
top: 270px;
z-index: 2;
}
.anythingSlider-default .arrow.forward.products a {
width: 31px;
height: 35px;
z-index: 2;
position: relative;
background: transparent url(/images/movingboxes/products-arrows.png) no-repeat;
background-position: right top;
}
.anythingSlider-default .arrow.forward.products a a:hover {
background-position: right bottom;
}
.anythingSlider-default .arrow.forward.news {
right: -31px;
top: 25px;
z-index: 2;
}
.anythingSlider-default .arrow.forward.news a {
width: 31px;
height: 35px;
z-index: 2;
position: relative;
background: transparent url(/images/movingboxes/products-arrows.png) no-repeat;
background-position: right top;
}
.anythingSlider-default .arrow.forward.news a a:hover {
background-position: right bottom;
}
.anythingSlider-default .arrow.forward.planes {
right: -17px;
top: 180px;
z-index: 2;
}
.anythingSlider-default .arrow.forward.planes a {
width: 31px;
height: 35px;
z-index: 2;
position: relative;
background: transparent url(/images/movingboxes/products-arrows.png) no-repeat;
background-position: right top;
}
.anythingSlider-default .arrow.forward.planes a a:hover {
background-position: right bottom;
}
.anythingSlider-default .arrow.forward.devices {
right: -17px;
top: 140px;
z-index: 2;
}
.anythingSlider-default .arrow.forward.devices a {
width: 31px;
height: 35px;
z-index: 2;
position: relative;
background: transparent url(/images/movingboxes/products-arrows.png) no-repeat;
background-position: right top;
}
.anythingSlider-default .arrow.forward.devices a a:hover {
background-position: right bottom;
}
.anythingSlider-default .arrow.forward.industry {
top: 220px;
z-index: 2;
}
.anythingSlider-default .arrow.forward.industry a {
width: 57px;
height: 66px;
background: transparent url(/images/movingboxes/industry-arrows.png) no-repeat;
background-position: right top;
}
.anythingSlider-default .arrow.forward.industry a:hover {
background-position: right bottom;
}
.anythingSlider-default .back {
left: 191px;
}
.anythingSlider-default .back.industry {
left: 170px;
}
.anythingSlider-default .back a {
background-position: left top;
}
.anythingSlider-default .back a:hover {
background-position: left bottom;
}
.anythingSlider-default .forward {
right: 191px;
}
.anythingSlider-default .forward.industry {
right: 170px;
}
.anythingSlider-default .forward a {
background-position: right top;
}
.anythingSlider-default .forward a:hover {
background-position: right bottom;
}
.anythingSlider-default .anythingControls {
margin: 0;
padding: 0;
outline: 0;
display: none;/* navigationSize window */
/* Autoplay Start/Stop button */
}
.anythingSlider-default .anythingControls ul.thumbNav {
margin: 0;
padding: 0;
position: absolute;
top: 40px;
right: 184px;
z-index: 1;
}
.anythingSlider-default .anythingControls ul.thumbNav.products {
top: auto;
bottom: 80px;
right: 470px;
z-index: 2;
}
.anythingSlider-default .anythingControls ul.thumbNav.case {
top: -38px;
right: -8px;
z-index: 2;
}
.anythingSlider-default .anythingControls ul.thumbNav.latest-news {
top: 0px;
right: 0px;
z-index: 2;
}
.anythingSlider-default .anythingControls ul.thumbNav.news {
top: auto;
bottom: -13px;
right: 46.2%;
z-index: 2;
}
.anythingSlider-default .anythingControls ul.thumbNav li {
margin: 0;
padding: 0;
display: inline;
}
.anythingSlider-default .anythingControls ul.thumbNav a {
margin: 0 0 0 8px;
padding: 0;
width: 12px;
height: 12px;
background: transparent url(/images/movingboxes/slider_selector.png) top left no-repeat;
display: block;
cursor: pointer;
height: 12px;
padding: 0;
margin: 0 8px 0 0;
display: inline-block;
text-decoration: none;
text-align: center;
outline: 0;
}
.anythingSlider-default .anythingControls ul.thumbNav a:hover, .anythingSlider-default .anythingControls ul.thumbNav a.cur {
background-position: 0 -12px;
color: #000000;
}
.anythingSlider-default .anythingControls .anythingNavWindow {
overflow: hidden;
float: left;
}
.anythingSlider-default .anythingControls .start-stop {
padding: 2px 5px;
width: 40px;
text-align: center;
text-decoration: none;
float: right;
z-index: 100;
outline: 0;
}
.as-ie9 .anythingSlider-default .anythingControls ul.thumbNav {
top: 42px;
}
/***********************
IE8 AND OLDER STYLING
***********************/
.as-ie8 .anythingSlider-default {
/* Navigation Arrows */
/* margin between nav buttons just looks better */
/* navigationSize window */
}
.as-ie8 .anythingSlider-default .arrow {
top: 230px;
}
.as-ie8 .anythingSlider-default .arrow a {
margin: 0;
}
.as-ie8 .anythingSlider-default .anythingControls {
/* When using the navigationSize option, the side margins need to be zero
None of the navigation panels look good in IE7 now =( */
}
.as-ie8 .anythingSlider-default .anythingControls li {
margin-left: 3px;
}
.as-ie8 .anythingSlider-default .anythingControls a {
margin: 0;
}
.as-ie8 .anythingSlider-default .anythingControls ul.thumbNav {
top: 28px;
}
.as-ie8 .anythingSlider-default .anythingControls ul.thumbNav.products {
top: auto;
bottom: 80px;
right: 470px;
z-index: 2;
}
.as-ie8 .anythingSlider-default .anythingControls ul.thumbNav.case {
top: -50px;
right: -8px;
z-index: 2;
}
.as-ie8 .anythingSlider-default .anythingControls ul.thumbNav.latest-news {
top: -12px;
right: 0px;
z-index: 2;
}
.as-ie8 .anythingSlider-default .anythingControls ul.thumbNav.news {
top: auto;
bottom: -13px;
right: 46.2%;
z-index: 2;
}
.as-ie8 .anythingSlider-default .anythingNavWindow {
margin: 0 2px;
}
.as-ie8 .anythingSlider-default .anythingNavWindow li {
padding: 3px 0 0 0;
}
.as-oldie .anythingSlider-default {
/* Navigation Arrows */
/* margin between nav buttons just looks better */
/* navigationSize window */
}
.as-oldie .anythingSlider-default .arrow {
top: 230px;
}
.as-oldie .anythingSlider-default .arrow a {
margin: 0;
}
.as-oldie .anythingSlider-default .anythingControls {
/* When using the navigationSize option, the side margins need to be zero
None of the navigation panels look good in IE7 now =( */
}
.as-oldie .anythingSlider-default .anythingControls li {
margin-left: 3px;
}
.as-oldie .anythingSlider-default .anythingControls a {
margin: 0;
}
.as-oldie .anythingSlider-default .anythingNavWindow {
margin: 0 2px;
}
.as-oldie .anythingSlider-default .anythingNavWindow li {
padding: 3px 0 0 0;
}
/***********************
COMMON SLIDER STYLING
***********************/
/* Overall Wrapper */
.anythingSlider {
display: block;
overflow: visible !important;
position: relative;/* anythingSlider viewport window */
/* anythingSlider base (original element) */
/* Navigation arrow text; indent moved to span inside "a", for IE7;
apparently, a negative text-indent on an "a" link moves the link as well as the text */
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
/* all panels inside the slider; horizontal mode */
/* vertical mode */
/* fade mode */
/***********************
RTL STYLING
***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
/* probably not necessary, but added just in case */
}
.anythingSlider .anythingWindow {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
z-index: 1;
}
.anythingSlider .anythingBase {
background: transparent;
list-style: none;
position: absolute;
overflow: visible !important;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.anythingSlider .arrow span {
display: block;
visibility: hidden;
}
.anythingSlider .arrow.disabled {
display: none;
}
.anythingSlider .panel {
background: transparent;
display: block;
overflow: hidden;
float: left;
padding: 0;
margin: 0;
}
.anythingSlider .vertical .panel {
float: none;
}
.anythingSlider .fade .panel {
float: none;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.anythingSlider .fade .activePage {
z-index: 2;
}
.anythingSlider.rtl {
/* move nav link group to left */
/* move start/stop button - in case you want to switch sides */
}
.anythingSlider.rtl .anythingWindow {
direction: ltr;
unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul.thumbNav {
margin: 0;
padding: 0;
position: absolute;
top: 20px;
right: 184px;
z-index: 1;/* reverse order of nav links */
}
.anythingSlider.rtl .anythingControls ul.thumbNav a {
float: right;
}
.anythingSlider.rtl .start-stop {
/* float: right; */
}
.anythingSlider .anythingWindow, .anythingSlider .anythingControls ul a, .anythingSlider .arrow a, .anythingSlider .start-stop {
transition-duration: 0;
-o-transition-duration: 0;
-moz-transition-duration: 0;
-webkit-transition-duration: 0;
}
.mb-controls {
margin: 0;
text-align: center;
/*background: #454545;
border-top:1px solid #aea79f;
border-left:1px solid #aea79f;
border-right:1px solid #aea79f;
*/
width: 506px;
position: absolute;
bottom: 0;
left: 320px;
background: transparent url(/images/movingboxes/bg_bottom.png) bottom left no-repeat;
z-index: 1;
}
.mb-controls ul {
margin: 0 0 0 12px;
padding: 0;
list-style: none;
}
.mb-controls ul li {
margin: 0;
padding: 0;
float: left;
}
.mb-controls ul li a {
color: #969696;
font-size: 14px;
display: inline-block;
text-decoration: none;
height: 31px;
margin: 0;
padding: 20px 12px 0 0;
text-align: center;
outline: 0;
}
.mb-controls ul li a:hover {
color: #fff;
}
.mb-controls ul li a.cur {
color: #fff;
background: transparent url(/images/movingboxes/current_arrow.png) top center no-repeat;
}
.mb-controls ul li a .bottom_bullet {
margin: 0;
padding: 0 12px 3px 0;
}
.mb-controls ul li a .bottom_bullet2 {
margin: 0;
padding: 0 13px 3px 0;
}
.cf:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.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;
}
/* Homepage */
#container-home {
margin: -10px 0 0;
}
.slider {
background-color: #000;
}
ul#marketing-panel {
width: 1300px;
}
ul#marketing-panel h2 {
line-height: 1em;
font-size: 3.333em;
color: #ffffff;
}
ul#marketing-panel p {
font-size: 1.167em;
color: #ffffff;
}
ul#marketing-panel .left {
left: 252px;
bottom: 115px;
}
ul#marketing-panel .right {
right: 252px;
bottom: 115px;
}
ul#marketing-panel > div {
width: 1300px;
height: 497px;
}
.layer-1 {
position: relative;
margin: 0 auto;
min-width: 960px;
height: 497px;
overflow: hidden;
}
.layer-1.service {
height: 417px;
}
.layer-1 .layer-2 {
position: relative;
left: 50%;
width: 1300px;
overflow: hidden;
margin: 0 0 0 -650px;
}
.panel1 {
margin: 0;
padding: 0;
/*background: url(/images/home/bg-home-banner1.jpg) top left no-repeat;*/
position: relative;
}
.panel1 .panel1_content {
margin: 0;
padding: 0;
position: absolute;
width: 270px;
z-index: 2;
}
.panel1 .panel1_content .panel1-title {
margin: 0;
padding: 0;
}
.panel1 .panel1_content .panel1-desc {
margin: 6px 0 0 0;
padding: 0;
}
.panel1 .panel1_content .panel1-more {
margin: 13px 0 0 0;
padding: 0;
}
.home-left-shadow {
margin: 0;
padding: 0;
position: absolute;
width: 300px;
height: 497px;
background: transparent url(/images/movingboxes/left-shadow.png) no-repeat;
top: 0;
left: 0;
z-index: 1;
}
.home-right-shadow {
margin: 0;
padding: 0;
position: absolute;
width: 300px;
height: 497px;
background: transparent url(/images/movingboxes/right-shadow.png) no-repeat;
top: 0;
right: 0;
z-index: 1;
}
.button, .button a {
position: relative;
margin: 0;
display: -moz-inline-stack;
display: inline-block;
text-decoration: none !important;
border: 0;
white-space: nowrap;
overflow: visible;
background: url(/images/movingboxes/bg_red_button.png) no-repeat;
overflow: visible;
color: #fff;
}
.button {
height: 27px;
padding: 0;
vertical-align: middle;
margin-right: 2px;
background-position: left top;
}
.button a {
left: 2px;
vertical-align: top;
cursor: pointer;
}
.button a img {
padding-left: 10px;
}
.button.large {
height: 29px;
background-position: left 0;
}
.button.large:hover {
background: url(/images/movingboxes/bg_red_button_left_hover.png) no-repeat;
background-position: left 0;
}
.button.large a {
height: 27px;
padding: 0 17px 0 17px;
line-height: 27px;
font-size: 1.083em;
background-position: right 0;
}
.button.large a:hover {
background: url(/images/movingboxes/bg_red_button_hover.png) no-repeat;
background-position: right 0;
}
.button2, .button2 a {
position: relative;
margin: 0;
display: -moz-inline-stack;
display: inline-block;
text-decoration: none !important;
border: 0;
white-space: nowrap;
overflow: visible;
background: url(/images/movingboxes/bg_grey_button.png) no-repeat;
overflow: visible;
color: #b7170e;
}
.button2 {
height: 27px;
padding: 0;
vertical-align: middle;
margin-right: 2px;
background-position: left top;
}
.button2 a {
left: 2px;
vertical-align: top;
cursor: pointer;
}
.button2.large {
height: 29px;
background-position: left 0;
}
.button2.large a {
height: 27px;
padding: 0 17px 0 17px;
line-height: 27px;
font-size: 1.083em;
background-position: right 0;
}
.button2.large a span.sp-g-arrow-red-left {
padding-right: 8px;
}
.content-home {
position: relative;
margin: -37px auto 0 auto;
width: 960px;
z-index: 1;
}
.content-home .home-bar {
margin: 0;
padding: 12px 0 0 20px;
background: url(/images/home/bg-topbar.png) no-repeat left top;
width: 940px;
}
.content-home .home-bar .shortcut {
margin: 0;
padding: 0;
}
.content-home .home-bar .shortcut p {
padding: 8px 0 0 27px;
font-size: 1.583em;
color: #fff;
}
.content-home .home-bar .shortcut #shortcut1 {
margin: 0 0 0 38px;
padding: 0;
width: 281px;
height: 46px;
background: url(/images/home/bg-shipment.png) 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);
cursor: pointer;
float: left;
}
.content-home .home-bar .shortcut #shortcut2 {
margin: 0 0 0 0px;
padding: 0;
width: 281px;
height: 46px;
background: url(/images/home/bg-calculate.png) 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);
cursor: pointer;
float: left;
}
.content-home .home-bar .shortcut #shortcut3 {
margin: 0 0 0 39px;
padding: 0;
width: 281px;
height: 46px;
background: url(/images/home/bg-would-like.png) 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);
cursor: pointer;
float: left;
}
.content-home .home-bar .shortcut .shortcut01-popup {
margin: 0;
padding: 0;
position: absolute;
left: 339px;
top: -177px;
width: 281px;
min-height: 222px;
display: none;
z-index: 1;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border {
margin: 0;
padding: 0 0 23px 27px;
border: 2px solid #fff;
background: #695c00 url(/images/home/bg-shipment-popup.gif) repeat-x left top;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-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);
position: relative;
/*left:320px;*/
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border h2 {
margin: 26px 25px 19px 0;
padding: 0;
font-size: 1.583em;
color: #ffffff;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .close-shortcut {
margin: 0;
padding: 0;
top: 10px;
right: 10px;
position: absolute;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-rol {
margin: 0;
padding: 0 0 8px 0;
width: 227px;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-rol .round-border {
margin: 0 6px 0 0;
padding: 8px 20px 6px 20px;
background: #ffffff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-rol .round-border input[type=text] {
margin: 0;
padding: 0;
border: 0;
outline: none;
width: 100%;
line-height: 1.3em;
height: 1.333em;
font-size: 1.167em;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-rol .round-border .prefix {
width: 70px;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-rol .round-border .number {
width: 145px;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-rol .border2 {
margin: 0;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-rol .shortcut-col1 {
margin: 0;
padding: 0;
width: 82px;
float: left;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-rol .shortcut-col2 {
margin: 0;
padding: 0;
width: 145px;
float: left;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-rol .shortcut-col3 {
margin: 0;
padding: 0;
width: 27px;
float: left;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-rol .shortcut-col3 p {
margin: 9px 10px 0 0;
padding: 0;
font-size: 1em;
color: #ffffff;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-rol .shortcut-col4 {
margin: 0;
padding: 0;
width: 200px;
float: left;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-rol .track-button {
margin: 6px 0 0 0;
padding: 0;
text-align: right;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-line {
margin: 8px 0 0 0;
padding: 0;
border-bottom: 1px solid #C5BFB9;
width: 227px;
height: 1px;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-link {
margin: 15px 20px 0 0;
padding: 0;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-link p {
padding: 0;
margin-bottom: 7px;
font-size: 1.083em;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-link p a {
color: #ffffff;
text-decoration: none;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-link p a:hover span {
background-position: 0 -156px;
width: 6px;
height: 10px;
}
.content-home .home-bar .shortcut .shortcut01-popup .shortcut01-popup-border .shortcut-link p a span {
margin-right: 8px;
background-position: 0 -145px;
width: 6px;
height: 10px;
}
.content-home .home-bar .shortcut .shortcut02-popup {
margin: 0;
padding: 0;
position: absolute;
/*left: 339px;*/
left: 19px;
top: -177px;
width: 281px;
min-height: 257px;
display: none;
z-index: 1;
}
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border {
margin: 0;
/*padding: 0 0 19px 27px;*/
padding: 0 0 0px 27px;
border: 2px solid #fff;
background: #617500 url(/images/home/bg-calculate-popup.gif) repeat-x 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);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
/*right:283px;*/
}
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border h2 {
margin: 26px 25px 19px 0;
padding: 0;
font-size: 1.583em;
color: #ffffff;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
}
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border .close-shortcut {
margin: 0;
padding: 0;
top: 10px;
right: 10px;
position: absolute;
}
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border .shortcut-rol {
margin: 0;
padding: 0 0 11px;
width: 227px;
}
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border .shortcut-rol .round-border {
margin: 0;
padding: 8px 20px 6px 20px;
background: #ffffff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
}
/*
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border .shortcut-rol .round-border input[type=text] {
margin: 0 0 0 19px;
padding: 0;
border: 0;
outline: none;
line-height: 1.3em;
height: 1.333em;
font-size: 1.167em;
font-family: Arial;
width: auto;
}
*/
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border .shortcut-rol .round-border input[type=text] {
/*margin: 0 0 0 19px;*/
margin: 0 0 0 15px;
padding: 0;
border: 0;
outline: none;
/*width: 100%;*/
line-height: 1.3em;
height: 1.333em;
font-size: 1.167em;
font-family: Arial;
/*width: auto;*/
}
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border .shortcut-rol .round-border span {
margin: 0 0 0 -10px;
padding: 0;
position: absolute;
}
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border .shortcut-rol .round-border .origin {
width: 179px;
}
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border .shortcut-rol .round-border .destination {
width: 179px;
}
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border .shortcut-rol .round-border .weight {
width: 100%;
}
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border .shortcut-rol .border2 {
padding-left: 19px;
padding-right: 19px;
padding-bottom: 6px;
}
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border .shortcut-rol .shortcut-col1 {
margin: 0;
padding: 0;
width: 194px;
/*width: 200px;*/
float: left;
}
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border .shortcut-rol .shortcut-col2 {
margin: 0;
padding: 0;
width: 27px;
float: left;
}
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border .shortcut-rol .shortcut-col2 .font {
font-size: 1.083em;
text-align: center;
color: #ffffff;
margin-top: 9px;
}
.content-home .home-bar .shortcut .shortcut02-popup .shortcut02-popup-border .shortcut-rol .cal-button {
/*padding: 8px 0 0;*/
padding: 4px 0 0;
text-align: right;
}
.content-home .home-bar .shortcut .shortcut03-popup {
margin: 0;
padding: 0;
position: absolute;
left: 659px;
top: -177px;
width: 281px;
min-height: 257px;
display: none;
z-index: 1;
}
.content-home .home-bar .shortcut .shortcut03-popup .shortcut03-popup-border {
margin: 0;
padding: 0 2px 32px 0;
border: 2px solid #fff;
background: #515151 url(/images/home/bg-would-like-popup.gif) repeat-x 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);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
}
.content-home .home-bar .shortcut .shortcut03-popup .shortcut03-popup-border h2 {
margin: 26px 25px 19px;
padding: 0;
font-size: 1.583em;
color: #ffffff;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
}
.content-home .home-bar .shortcut .shortcut03-popup .shortcut03-popup-border .close-shortcut {
margin: 0;
padding: 0;
top: 10px;
right: 10px;
position: absolute;
}
.content-home .home-bar .shortcut .shortcut03-popup .shortcut03-popup-border .shortcut-rol {
margin: 0;
padding: 0 0 8px 0;
width: 275px;
}
.content-home .home-bar .shortcut .shortcut03-popup .shortcut03-popup-border .shortcut-rol ul {
margin: 0;
padding: 0;
list-style: none;
}
.content-home .home-bar .shortcut .shortcut03-popup .shortcut03-popup-border .shortcut-rol ul li {
margin: 0;
padding: 0;
font-size: 1.167em;
color: #ffffff;
}
.content-home .home-bar .shortcut .shortcut03-popup .shortcut03-popup-border .shortcut-rol ul li:hover {
background: url(/images/home/bg-home-rollover.png) repeat-y left top;
background-position: 0 0;
}
.content-home .home-bar .shortcut .shortcut03-popup .shortcut03-popup-border .shortcut-rol ul li a {
padding: 3px 15px 3px 40px;
color: #ffffff;
text-decoration: none;
background: url(/images/home/home-arrow-white-opacity.png) no-repeat;
background-position: 25px 6px;
display: block;
}
.content-home .home-bar .shortcut .shortcut03-popup .shortcut03-popup-border .shortcut-rol ul li a:hover {
background: url(/images/home/home-arrow-white.png) no-repeat;
background-position: 25px 6px;
}
.home-news {
margin: 55px 0 0 20px;
padding: 0 20px 64px 0;
}
.home-news .home-news-col1 {
margin: 0;
padding: 0;
width: 281px;
float: left;
}
.home-news .home-news-col1 h2 {
background-position: 141px 4px;
}
.home-news .home-news-col2 {
margin: 0 0 0 38px;
padding: 0;
width: 281px;
float: left;
}
.home-news .home-news-col2 h2 {
background-position: 51px 4px;
}
.home-news .home-news-col3 {
margin: 0 0 0 38px;
padding: 0;
width: 281px;
float: left;
}
.home-news .home-news-col3 h2 {
background-position: 45px 4px;
}
.home-news .home-news-col3 .fuel-surcharge {
margin: 0 0 24px 0;
padding: 0;
background: url(/images/home/bg-fuel.gif) no-repeat left top;
width: 281px;
height: 79px;
cursor: pointer;
}
.home-news .home-news-col3 .fuel-surcharge .fuel-surcharge-col1 {
margin: 21px 0 0 28px;
padding: 0;
width: 133px;
float: left;
}
.home-news .home-news-col3 .fuel-surcharge .fuel-surcharge-col1 h2 {
margin-bottom: 5px;
background-position: 121px 4px;
}
.home-news .home-news-col3 .fuel-surcharge .fuel-surcharge-col2 {
margin: 0;
padding: 0;
width: 120px;
height: 79px;
float: left;
background: url(/images/home/fuel-shadow.png) no-repeat center bottom;
}
.home-news h2 {
margin: 0 0 16px 0;
padding: 0;
font-size: 1.5em;
color: #b7170e;
background: url(/images/home/bg-home-red-arrow.gif) no-repeat right top;
}
.home-news h2 a {
text-decoration: none;
color: #b7170e;
}
.home-news h2 a:hover {
color: #b7170e;
text-decoration: none;
}
.home-news p {
margin: 0 0 0 0;
padding: 0;
font-size: 1.083em;
color: #3c3c3c;
}
.home-news p a {
text-decoration: none;
}
.home-news p.time {
margin: 3px 0 30px 0;
padding: 0;
font-size: 1em;
color: #b7170e;
}
.home-news p.fuel {
margin: 7px 0 0 0;
padding: 0;
font-size: 3.333em;
color: #575655;
text-align: center;
}
.home-news .home-news-left {
margin: 0 20px 0 0;
padding: 0;
width: 135px;
float: left;
}
.home-news .home-news-right {
margin: 0;
padding: 0;
width: 105px;
float: left;
}
.placeholder {
color: #6E6E6E;
}
/* any :input should be wrapped inside .form */
.form .error, .form .mandatory {
color: #b7170e;
}
.form input.mandatory::-webkit-input-placeholder {
color: #b7170e;
}
.form .error {
font-size: 1em;
text-align: left;
}
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;/* Secondary Nav */
/* Primary Nav */
/* pulldown */
}
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-g-divider-dot {
vertical-align: middle;
margin: 0 12px;
}
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;/*margin: -2px 0 0 8px;*/
}
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;
/* 257-27 */
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 {
/*
position: absolute;
top: 7px;
right: 10px;
*/
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;/* 555-32*2 */
}
header .support .pulldown-overlay {
width: 152px;
/* 204-32-20 */
margin-right: 20px;
}
header .about-us .pulldown-overlay {
width: 137px;
/* 188-32-20 */
margin-right: 20px;
}
header .search .pulldown-overlay {
width: 272px;
/* 302-15*2 */
padding: 15px 15px 10px 15px;
right: -46px;
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-g-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;
}
.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;
}
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;
}
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 {
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.active {
color: #ffffff;
background: url(/images/footer-arrow-active.png) no-repeat -1px 4px;
}
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 .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 {
width: 50%;
color:#D0CECE;
}
footer .links-second-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;
}
.general-content {
padding-bottom: 100px !important;
background: #edecec url(/images/main-bg.png) 0 0 repeat-x;
}
.general-content h1 {
margin: 35px 0 44px 144px;
padding: 0;
color: #b7170e;
font-size: 2.167em;
}
.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;
}
.jqTransformSelectWrapper {
font-weight: 700;
-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);
}
.jqTransformSelectWrapper ul {
-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);
}
.jqTransformSelectWrapper ul a {
line-height: 1.4167em;
}
.also-see {
margin: 10px 0 0;
padding: 16px 22px 14px;
background: #ffffff;
}
.also-see .nav li {
font-weight: 700;
font-size: 1.083em;
}
.also-see .nav li.first {
padding-right: 9px;
}
.also-see .nav li a {
font-weight: 400;
color: #3c3c3c;
text-decoration: none;
}
.also-see .nav li a:hover {
color: #b7170e;
}
.also-see .nav li .sp {
margin: 0 7px;
vertical-align: baseline;
}
.flexible {
margin: -7px 0 0;
/* offset header shadow */
width: 100%;
overflow: hidden;
}
.flexible .wrap {
margin: 0 auto;
padding: 0;
max-width: 1600px;
min-width: 920px;
text-align: center;
}
.flexible .wrap figure {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 1600px;
min-width: 920px;
}
.round-white-bg-2 {
margin: 0 0 35px;
padding: 0;
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-2.performance {
margin-bottom: 1px;
}
.round-white-bg-2 article.intro {
margin: 11px 0 25px;
color: #898989;
font-size: 1.5em;
}
.round-white-bg-2 article.intro p {
margin-bottom: 0;
}
.round-white-bg-2 article.intro2 {
margin: 11px 0 16px;
color: #898989;
font-size: 1.5em;
}
.round-white-bg-2 article.intro2 p {
margin-bottom: 0;
}
.pageheader {
margin: 0;
padding: 0;
}
.pageheader.troubleshooting, .pageheader.suppliers {
margin-bottom: 25px;
}
.pageheader .col-left {
float: left;
margin: 17px 48px 0 23px;
padding: 0;
width: 585px;
}
.pageheader .col-right {
float: left;
/*height: 73px;*/
padding: 0;
width: 264px;
margin: 17px 0 0 0;
}
.pageheader .col-right .banner {
margin: 0 0 10px 0;
padding: 13px 0 13px 31px;
position: relative;
width: 233px;
background: #e3e6c8;
}
.pageheader .col-right .banner.our-network {
margin: 0 0 5px 0;
}
.pageheader .col-right .banner .icon8 {
position: absolute;
display: block;
left: -17px;
top: 12px;
}
.pageheader .col-right .banner span {
margin-left: 12px;
}
.pageheader .col-right .banner p.cufon-text {
margin: 0 30px 0 0;
padding: 0;
color: #797979;
font-size: 1.5em;
}
.pageheader .col-right .banner p.cufon-text a {
color: #797979;
text-decoration: none;
}
.pageheader .col-right .banner p.cufon-text a:hover {
color: #b7170e;
}
.pageheader .col-right .banner p.tel {
margin: 3px 20px 0 0;
padding: 0;
color: #3c3c3c;
font-size: 1.083em;
}
.pageheader .col-right .playback {
position: relative;
margin: 0 0 10px;
padding: 0;
}
.pageheader .col-right .playback.no-intro2-content {
padding-top: 16px;
}
.pageheader .col-right .playback a.playvideo {
position: relative;
margin: 0 0 0 -37px;
padding: 0;
display: block;
width: 278px;
height: 207px;
}
.pageheader .col-right .playback a.playvideo .sp {
position: absolute;
top: 50%;
left: 50%;
margin: -20px 0 0 -20px;
background-position: 0 -231px;
width: 41px;
height: 41px;
}
.pageheader .col-right .playback a.playvideo:hover .sp {
background-position: 0 -273px;
width: 41px;
height: 41px;
}
.banner {
margin: 0 0 10px 0;
padding: 13px 0 13px 31px;
position: relative;
width: 229px;
background: #e3e6c8;
}
.banner .icon1 {
position: absolute;
display: block;
left: -17px;
top: 7px;
}
.banner .icon5 {
position: absolute;
display: block;
left: -17px;
top: 12px;
}
.banner span {
margin-left: 12px;
}
.banner p.cufon-text {
margin: 0;
padding: 0;
color: #797979;
font-size: 1.5em;
}
.banner p.cufon-text a {
color: #797979;
text-decoration: none;
}
.banner p.cufon-text a:hover {
color: #b7170e;
}
.search-field {
margin: 0;
padding: 0;
}
.search-field .search-field2 {
margin: 0 8px 0 0;
padding: 0;
float: left;
width: 230px;
}
.search-field .search-field3 {
margin: 0;
padding: 0;
float: left;
width: 100px;
}
.round-border-search {
margin: 0;
padding: 4px 10px 4px 10px;
background: #ffffff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
border-width: 1px;
border-style: solid;
border-color: #aaa29e;
background-clip: padding-box;
}
.round-border-search input[type=text] {
margin: 0;
padding: 0;
border: 0;
outline: none;
width: 100%;
line-height: 1;
}
.round-border-search #query2 {
font-size: 1.0769em;
height: 17px;
}
.pagination .pagination-left-col {
margin: 0;
padding: 0;
float: left;
width: 400px;
}
.pagination .pagination-left-col p {
margin: 0;
padding: 0;
font-size: 1em;
}
.pagination .pagination-right-col {
margin: 0;
padding: 0;
float: left;
width: 410px;
}
.pagination ul {
float: right;
}
.pagination ul li {
font-weight: 100;
font-size: 1em;
}
.pagination ul li a {
margin: 0 0 0 5px;
font-weight: 400;
color: #3c3c3c;
text-decoration: none;
}
.pagination ul li a:hover, .pagination ul li a.current {
color: #b7170e;
}
.pagination ul li a.first {
margin: 0 0 0 10px;
}
.pagination ul li a.last {
margin: 0 5px 0 5px;
}
/* Industry */
.slider-content {
margin: -10px 0 0;
}
ul.industry-landing {
width: 1300px;
}
ul.industry-landing > li {
width: 320px;
height: 497px;
}
.industry-arrow {
margin-left: 8px;
}
.industry-landing {
width: 1300px;
}
.industry-landing h2 {
font-size: 2em;
color: #ffffff;
}
.industry-landing .panel {
margin: 0;
padding: 0;
position: relative;
}
.industry-landing .panel a.block {
margin: 0;
padding: 0;
position: relative;
display: block;
top: 0;
z-index: 3;
background: #fff;
}
.industry-landing .panel a.block img {
opacity: 1;
}
.industry-landing .panel a.block img:hover {
opacity: 0.6;
}
.industry-landing .panel a.block:hover, .industry-landing .panel a.block:link, .industry-landing .panel a.block:visited {
text-decoration: none;
}
.industry-landing .panel .panel-title {
margin: 0;
padding: 0 20px;
position: absolute;
top: auto;
left: 0;
bottom: 25px;
z-index: 2;
}
.industry-landing .panel .panel-title.first {
padding-left: 182px;
}
.industry-landing .panel span.bottom-mask {
margin: 0;
padding: 0;
position: absolute;
bottom: 0;
left: 0;
width: 320px;
height: 97px;
background: transparent url(/images/movingboxes/bottom-shadow-industry-landing-middle.png) no-repeat;
z-index: 2;
}
.industry-landing .panel span.bottom-mask.first {
width: 490px;
background: transparent url(/images/movingboxes/bottom-shadow-industry-landing-first.png) no-repeat;
}
.industry-landing .panel span.bottom-mask.last {
width: 491px;
background: transparent url(/images/movingboxes/bottom-shadow-industry-landing-last.png) no-repeat;
}
.industry-left-shadow {
margin: 0;
padding: 0;
position: absolute;
width: 170px;
height: 497px;
background: transparent url(/images/movingboxes/left-shadow-industry-landing.png) no-repeat;
top: 0;
left: 0;
z-index: 3;
}
.industry-right-shadow {
margin: 0;
padding: 0;
position: absolute;
width: 170px;
height: 497px;
background: transparent url(/images/movingboxes/right-shadow-industry-landing.png) no-repeat;
top: 0;
right: 0;
z-index: 3;
}
.industry-content {
padding-bottom: 100px;
background: #f6f6f6 url(/images/industry/industry-bg.gif) 0 0 repeat-x;
}
.industry-content h2 {
margin: 35px 0 26px 0;
padding: 0;
font-size: 1.5em;
color: #b7170e;
}
.industry-content p {
margin: 0;
padding: 0;
font-size: 1.083em;
color: #3c3c3c;
}
div.industry-inside {
width: 1300px;
}
div.industry-inside > div {
width: 1300px;
height: 497px;
}
.industry-inside {
width: 1300px;
}
.industry-inside h2 {
padding-bottom: 20px;
font-size: 2em;
color: #ffffff;
}
.industry-inside p {
font-size: 1.083em;
color: #ffffff;
}
.industry-inside .overview-slide, .industry-inside .recommended-products-slide, .industry-inside .video-slide, .industry-inside .form-slide {
margin: 0;
padding: 0;
position: relative;
}
.industry-inside .overview-slide .left-shadow, .industry-inside .recommended-products-slide .left-shadow, .industry-inside .video-slide .left-shadow, .industry-inside .form-slide .left-shadow {
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
}
.industry-inside .overview-slide .right-shadow, .industry-inside .recommended-products-slide .right-shadow, .industry-inside .video-slide .right-shadow, .industry-inside .form-slide .right-shadow {
margin: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
}
.industry-inside .overview-slide .slide_content {
margin: 0;
padding: 0;
position: absolute;
top: 48px;
left: 682px;
width: 321px;
z-index: 2;
}
.industry-inside .overview-slide .slide_content .slide-title1 {
margin: 0 20px 0 0;
}
.industry-inside .recommended-products-slide .slide-inside {
margin: 0;
padding: 0;
}
.industry-inside .video-slide .slide_content {
margin: 0;
padding: 0;
position: absolute;
top: 49px;
left: 342px;
z-index: 2;
}
.industry-inside .video-slide .slide_content .slide-title1 {
margin: 0 20px 8px 0;
padding: 0;
}
.industry-inside .video-slide .solution-video {
background-color: #000;
}
.industry-inside .video-slide .solution-video iframe {
background-color: #000;
}
.industry-inside .video-slide .solution-video .videoplayer {
width: 622px;
height: 353px;
}
.industry-inside .form-slide .slide_content {
margin: 0;
padding: 0;
position: absolute;
top: 49px;
left: 342px;
z-index: 2;
}
.industry-inside .form-slide .slide_content .slide-title1 {
margin: 0 20px 5px 0;
padding: 0;
}
.industry-inside .form-slide .slide_content .contact {
margin: 30px 0 0 0;
padding: 0;
}
.industry-inside .form-slide .slide_content .contact .contact-row {
margin: 0 0 5px 0;
padding: 0;
width: 622;
}
.industry-inside .form-slide .slide_content .contact .contact-row.row2 {
margin: 0 0 7px 0;
}
.industry-inside .form-slide .slide_content .contact .contact-row.row3 {
margin: 0 0 17px 0;
}
.industry-inside .form-slide .slide_content .contact .contact-row.row4 {
margin-left: 540px;
}
.industry-inside .form-slide .slide_content .contact .contact-left-col {
margin: 0;
padding: 0;
float: left;
width: 315px;
}
.industry-inside .form-slide .slide_content .contact .contact-left-col p {
margin: 7px 20px 0 0;
padding: 0;
color: #ffffff;
font-size: 1.083em;
}
.industry-inside .form-slide .slide_content .contact .contact-right-col {
margin: 0;
padding: 0;
float: left;
width: 307px;
}
.industry-inside .form-slide .slide_content .contact .contact-right-col .cola {
margin: 0;
padding: 0;
float: left;
width: 73px;
}
.industry-inside .form-slide .slide_content .contact .contact-right-col .cola #title {
width: 50px;
}
.industry-inside .form-slide .slide_content .contact .contact-right-col .colb {
margin: 0 0 0 4px;
padding: 0;
float: left;
width: 230px;
}
.industry-inside .form-slide .slide_content .contact .round-border {
margin: 2px 0 0 0;
padding: 4px 10px 4px 10px;
background: #ffffff;
border: 1px solid #b4ada9;
background-clip: padding-box;
}
.industry-inside .form-slide .slide_content .contact .round-border input[type=text] {
margin: 0;
padding: 0;
border: 0;
outline: none;
width: 100%;
line-height: 1;
}
.industry-inside .form-slide .slide_content .contact .round-border input[type=email] {
margin: 0;
padding: 0;
border: 0;
outline: none;
width: 100%;
line-height: 1;
}
.industry-inside .form-slide .slide_content .contact .round-border textarea {
padding: 0;
border: 0;
outline: none;
width: 100%;
line-height: 1.2;
height: 102px;
resize: none;
margin: -4px -10px;
}
.industry-inside .form-slide .slide_content .contact .round-border2 {
margin: 2px 0 0 0;
background: #ffffff;
border: 1px solid #b4ada9;
background-clip: padding-box;
}
.industry-inside .form-slide .slide_content .contact .round-border2 input[type=text] {
margin: 0;
padding: 0;
border: 0;
outline: none;
width: 100%;
line-height: 1;
}
.industry-inside .form-slide .slide_content .contact .round-border2 textarea {
padding: 4px 0 0 10px;
width: 295px;
border: 0;
outline: none;
line-height: 1.2;
height: 98px;
resize: none;
overflow: auto;
}
.industry-inside .form-slide .slide_content .contact .question {
width: 284px;
}
.products-slide {
width: 1300px;
position: relative;
}
.products-slide h2 {
padding-bottom: 0;
font-size: 2em;
color: #ffffff;
}
.products-slide p {
font-size: 1.083em;
color: #ffffff;
}
.products-slide .products-title {
margin: 0;
padding: 0;
position: absolute;
top: 50px;
left: 340px;
}
.products-slide .products-content {
margin: 0;
padding: 0;
position: absolute;
top: 142px;
left: 610px;
width: 401px;
min-height: 300px;
background: url(/images/movingboxes/bg_recommended_products.png) no-repeat;
}
.products-slide .products-content h2 {
margin: 16px 28px 12px 28px;
padding: 0;
font-size: 1.833em;
color: #3c3c3c;
}
.products-slide .products-content p {
margin-left: 28px;
margin-right: 28px;
font-size: 1.083em;
color: #3c3c3c;
}
.products-slide .products-content .products-bottom {
margin: 0 28px 0 28px;
}
.backSolutions {
margin: 0;
padding: 0;
text-align: center;
background: #454545;
width: 160px;
height: 43px;
position: absolute;
z-index: 100;
bottom: 0;
left: 828px;
border-top: 1px solid #aea79f;
border-left: 1px solid #aea79f;
border-right: 1px solid #aea79f;
}
.backSolutions p {
margin: 0 0 0 0;
padding: 0;
}
.backSolutions p a {
margin: 0 0 0 0;
padding: 13px 0 14px 0;
color: #969696;
font-size: 1.167em;
text-decoration: none;
display: block;
}
.backSolutions p a:hover {
color: #ffffff;
text-decoration: none;
}
/*
.insideSilder {
margin:0;
padding:0;
position:relative;
overflow:hidden;
clear:both;
width:431px;
height:300px;
background: url(/images/movingboxes/bg_recommended_products.png) top left no-repeat;
}
.insideSilderContainer {
margin:0;
padding:0;
position:absolute;
clear:both;
width:3000px;
}
.panel01 {
margin:30px 28px 0 43px;
padding:0;
width:344px;
height:auto;
float:left;
h2 {
margin:0 0 8px 0;
padding:0;
font-size:1.833em;
color:#3c3c3c;
}
p {
margin:0;
padding:0;
font-size:1.083em;
color:#3c3c3c;
}
}
.prev {
margin:0;
padding:0;
position: absolute;
top:131px;
left:0;
width:31px;
height:35px;
}
.next {
margin:0;
padding:0;
position: absolute;
top:131px;
right:0;
width:32px;
height:35px;
}
.clearfix {
min-height: 1%;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.selector {
margin:0;
padding:0;
position: absolute;
top:260px;
left:195px;
width:100px;
span {
background: url(images/movingboxes/slider_selector.png) no-repeat scroll transparent;
cursor: pointer;
display: block;
float: left;
height: 12px;
margin: 4px 3px;
text-indent: -9999px;
width: 12px;
&:hover {
background-position: 0 -12px;
}
.selected {
background-position: 0 -12px;
}
}
}*/
.tab-top {
margin: 0;
padding: 0;
/*width:870px;*/
min-height: 42px;
-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: #9c9998;
background: #bab4b2 url(/images/services/tab-bg.gif) repeat-x left bottom;
}
.tab-top a {
margin: 0;
padding: 13px 0 0 0;
font-size: 1.25em;
color: #ffffff;
display: block;
text-decoration: none;
min-height: 29px;
text-align: center;
}
.tab-top a.active, .tab-top a:hover {
color: #b7170e;
}
.tab-top .tab {
margin: 1px 2px 0 0;
padding: 0;
/*width:238px;*/
min-height: 42px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
background: #6d6d6d url(/images/services/tab-inactive.gif) repeat-x left top;
background-position: left 1px;
float: left;
}
.tab-top .tab.active, .tab-top .tab:hover {
background-color: #f2f2f2;
background-image: none;
}
.tab-top .tab.last {
margin-right: 0;
}
.tab-bottom {
margin: 0;
padding: 0 0 20px 0;
/*width:870px;*/
min-height: 130px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
border-top: 0;
border-left: 2px;
border-right: 2px;
border-bottom: 2px;
border-style: solid;
border-color: #cdcdcd;
background-color: #f2f2f2;
}
.tab-bottom .tab-content {
margin: 0;
padding: 0;
}
.tab-bottom .tab-content1 {
margin: 0;
padding: 0;
}
.tab-bottom .tab-content2 {
margin: 0;
padding: 0;
}
.tab-bottom .tab-content3 {
margin: 0;
padding: 0;
}
.tab-bottom .tab-content4 {
margin: 0;
padding: 0;
}
.header-2col {
margin: 26px 0 0 0;
padding: 0;
}
.header-2col .header-col-left {
margin: 0;
padding: 0;
float: left;
width: 640px;
}
.header-2col .header-col-left h1 {
margin-top: 14px;
margin-bottom: 33px;
}
.header-2col .header-col-right {
margin: 0;
padding: 0;
float: left;
width: 280px;
}
.header-2col .header-col-right .service-help {
margin: 0;
padding: 0;
background: none;
z-index: 5;
}
.header-2col .header-col-right .service-help .help01-popup {
top: 0;
left: 0;
}
#container-top {
margin: -10px 0 0;
}
.service-banner {
margin: 0;
padding: 0;
position: relative;
}
.service-banner .left {
margin: 0;
padding: 0;
position: absolute;
left: 230px;
top: 242px;
}
.service-banner .right {
margin: 0;
padding: 0;
position: absolute;
left: 858px;
top: 162px;
}
.service-banner h2 {
margin: 0;
padding: 0;
line-height: 1em;
font-size: 3.333em;
color: #ffffff;
}
.service-banner p {
margin: 10px 0 0 0;
padding: 0;
font-size: 1.167em;
color: #ffffff;
}
.service-banner .play-video {
margin: 10px 0 0 0;
padding: 0;
}
.service-banner .service-left-shadow {
margin: 0;
padding: 0;
position: absolute;
width: 300px;
height: 419px;
background: transparent url(/images/services/service-left-shadow.png) no-repeat;
top: 0;
left: 0;
z-index: 1;
}
.service-banner .service-right-shadow {
margin: 0;
padding: 0;
position: absolute;
width: 300px;
height: 419px;
background: transparent url(/images/services/service-right-shadow.png) no-repeat;
top: 0;
right: 0;
z-index: 1;
}
.service-content {
margin: 0;
padding: 0;
background: #f7f7f7 url(/images/services/bg-service.gif) 0 0 repeat-x;
}
.service-content .content {
position: relative;
margin: 0 auto 0 auto;
width: 960px;
z-index: 1;
}
.service-content .content .service-left-col {
margin: 0 20px 0 20px;
padding: 37px 0 110px 0;
float: left;
width: 600px;
}
.service-content .content .service-left-col article.intro {
margin: 0;
padding: 0;
font-size: 1.5em;
color: #898989;
line-height: 1.45em;
}
.service-content .content .service-left-col h2 {
margin: 0;
padding: 0;
font-size: 1.833em;
color: #3c3c3c;
}
.service-content .content .service-left-col h3 {
margin: 0;
padding: 8px 0 11px;
font-size: 1.417em;
color: #3c3c3c;
}
.service-content .content .service-left-col p {
font-size: 1.083em;
color: #3c3c3c;
}
.service-content .content .service-left-col .service-table {
margin: 29px 0 0 0;
padding: 0;
}
.service-content .content .service-left-col .service-table .service-table-header {
margin: 0;
padding: 0;
background: url(/images/services/bg-table-header.gif) no-repeat;
width: 598px;
min-height: 72px;
}
.service-content .content .service-left-col .service-table .service-table-header h2 {
margin-top: 26px;
margin-botton: 25px;
font-size: 1.667em;
color: #8f7600;
}
.service-content .content .service-left-col .service-table .service-table-header p {
margin: 0;
padding: 0;
font-size: 1em;
color: #3c3c3c;
}
.service-content .content .service-left-col .service-table .service-table-header .header-icon {
margin: 14px 0 0 13px;
padding: 0;
}
.service-content .content .service-left-col .service-table .service-table-row {
margin: 0;
padding: 0;
width: 598px;
min-height: 25px;
}
.service-content .content .service-left-col .service-table .service-table-row p {
margin: 4px 0 2px 0;
padding: 0;
font-size: 1.083em;
color: #3c3c3c;
}
.service-content .content .service-left-col .service-table .service-table-row p.country {
color: #847873;
font-weight: bold;
}
.service-content .content .service-left-col .service-table .service-table-row .row-top {
margin: 1px 0 0 0;
padding: 0 0 2px 0;
background: url(/images/services/bg-row-bottom.gif) no-repeat left bottom;
}
.service-content .content .service-left-col .service-table .service-table-row .row-bottom {
margin: 0;
padding: 0;
background: url(/images/services/bg-row-top.gif) no-repeat left top;
}
.service-content .content .service-left-col .service-table .service-table-row .col-icon1 {
margin: 7px 0 0 32px;
padding: 0;
}
.service-content .content .service-left-col .service-table .service-table-row .col-icon2 {
margin: 7px 0 0 31px;
padding: 0;
}
.service-content .content .service-left-col .service-table .service-table-row .col-icon3 {
margin: 7px 0 0 24px;
padding: 0;
}
.service-content .content .service-left-col .service-table .col1 {
margin: 0 20px 0 30px;
padding: 0;
float: left;
width: 261px;
}
.service-content .content .service-left-col .service-table .col2 {
margin: 0;
padding: 0;
float: left;
width: 104px;
}
.service-content .content .service-left-col .service-table .col3 {
margin: 0;
padding: 0;
float: left;
width: 100px;
}
.service-content .content .service-left-col .service-table .col4 {
margin: 0;
padding: 0;
float: left;
width: 83px;
}
.service-content .content .service-left-col .service-table2 {
margin: 29px 0 0 0;
padding: 0;
}
.service-content .content .service-left-col .service-table2.care {
margin-top: 17px;
}
.service-content .content .service-left-col .service-table2 .table2-title {
margin: 0;
padding: 0;
}
.service-content .content .service-left-col .service-table2 .table2-title .table2-title-left {
margin: 0;
padding: 0;
float: left;
width: 422px;
}
.service-content .content .service-left-col .service-table2 .table2-title .table2-title-left h2 {
margin: 0;
padding: 0;
font-size: 1.833em;
color: #3c3c3c;
}
.service-content .content .service-left-col .service-table2 .table2-title .table2-title-right {
margin: 0;
padding: 0;
float: left;
width: 175px;
}
.service-content .content .service-left-col .service-table2 .table2-title .table2-title-right p {
margin: 19px 0 0 0;
padding: 0;
font-size: 0.917em;
color: #3c3c3c;
text-align: right;
}
.service-content .content .service-left-col .service-table2 .table2-title .table2-title-right p span {
margin: 0;
padding: 0;
font-size: 0.917em;
line-height: 1.2em;
vertical-align: top;
color: #b7170e;
}
.service-content .content .service-left-col .service-table2 .table2Container {
margin: 15px 0 0 0;
padding: 0;/*
.button-row {
margin:0;
padding:0;
.button-top {
margin:1px 0 0 0;
padding:0 0 15px 0;
background: url(/images/services/products-button-bottom.gif) no-repeat left bottom;
}
.button-bottom {
margin: 0;
padding: 0;
background: url(/images/services/products-button-top.gif) no-repeat left top;
}
h3 {
margin:0;
padding:0;
font-size:1.25em;
font-weight:normal;
color:@red;
a {
margin:0;
padding:15px 0 0 22px;
display:block;
text-decoration: none;
}
}
p {
margin:0;
padding:0;
font-size:1.083em;
color:@offBlack;
background: url(/images/services/arrow-red.png) no-repeat;
background-position: 274px 5px;
line-height:1.3em;
a {
margin:0;
padding:1px 57px 0 22px;
display:block;
text-decoration: none;
}
}
}*/
}
.service-content .content .service-left-col .service-table2 .table2Container .table2-col-left {
margin: 0;
padding: 0;
float: left;
width: 297px;
}
.service-content .content .service-left-col .service-table2 .table2Container .table2-col-right {
margin: 0 0 0 3px;
padding: 0;
float: left;
width: 297px;
}
.service-content .content .service-left-col .service-table2 .table2Container .table2-row {
margin: 0;
padding: 0;
}
.service-content .content .service-left-col .service-table2 .table2Container .table2-row .row2-tick-top {
margin: 1px 0 0 0;
padding: 0 0 2px 0;
background: url(/images/services/bg-tick-row-bottom.gif) no-repeat left bottom;
}
.service-content .content .service-left-col .service-table2 .table2Container .table2-row .row2-tick-bottom {
margin: 0;
padding: 0;
background: url(/images/services/bg-tick-row-top.gif) no-repeat left top;
}
.service-content .content .service-left-col .service-table2 .table2Container .table2-row .row2-cross-top {
margin: 1px 0 0 0;
padding: 0 0 2px 0;
background: url(/images/services/bg-cross-row-bottom.gif) no-repeat left bottom;
}
.service-content .content .service-left-col .service-table2 .table2Container .table2-row .row2-cross-bottom {
margin: 0;
padding: 0;
background: url(/images/services/bg-cross-row-top.gif) no-repeat left top;
}
.service-content .content .service-left-col .service-table2 .table2Container .table2-row p {
margin: 0;
padding: 5px 20px 0 0;
font-size: 1.083em;
color: #3c3c3c;
}
.service-content .content .service-left-col .service-table2 .table2Container .table2-row p span.icon {
margin: 0 0 0 17px;
padding: 0;
width: 22px;
height: 11px;
}
.service-content .content .service-left-col .service-table2 .table2Container .table2-row p span.red-mark {
margin: 0;
padding: 0;
font-size: 0.917em;
line-height: 1.2em;
vertical-align: top;
color: #b7170e;
}
.service-content .content .service-left-col .service-table2 .table2Container .button-top {
margin: 0 0 1px 0;
padding: 17px 0 0 0;
background: url(/images/services/care-button-top.gif) no-repeat left top;
}
.service-content .content .service-left-col .service-table2 .table2Container .button-middle {
margin: 0;
padding: 0;
background: url(/images/services/care-button-middle.gif) repeat-y left center;
position: relative;
}
.service-content .content .service-left-col .service-table2 .table2Container .button-middle h3 {
margin: 0;
padding: 0;
font-size: 1.25em;
font-weight: normal;
color: #b7170e;
}
.service-content .content .service-left-col .service-table2 .table2Container .button-middle h3 a {
margin: 0;
padding: 0 0 0 22px;
display: block;
color: #b7170e;
text-decoration: none;
}
.service-content .content .service-left-col .service-table2 .table2Container .button-middle p {
margin: 0;
padding: 0;
font-size: 1.083em;
color: #3c3c3c;
line-height: 1.3em;
}
.service-content .content .service-left-col .service-table2 .table2Container .button-middle p a {
margin: 0;
padding: 0 57px 0 22px;
display: block;
text-decoration: none;
}
.service-content .content .service-left-col .service-table2 .table2Container .button-middle span {
position: absolute;
top: 42%;
right: 14px;
}
.service-content .content .service-left-col .service-table2 .table2Container .button-bottom {
margin: 0;
padding: 0 0 16px 0;
background: url(/images/services/care-button-bottom.gif) no-repeat left bottom;
display: block;
}
.service-content .content .service-left-col .service-tab {
margin: 29px 0 36px 0;
padding: 0;
}
.service-content .content .service-left-col .service-tab .tab-top {
width: 593px;
}
.service-content .content .service-left-col .service-tab .tab-top .tab1 {
width: 196px;
}
.service-content .content .service-left-col .service-tab .tab-top .tab2 {
width: 196px;
}
.service-content .content .service-left-col .service-tab .tab-top .tab3 {
width: 196px;
}
.service-content .content .service-left-col .service-tab .tab-bottom {
width: 593px;
}
.service-content .content .service-left-col .service-tab .tab-bottom .tab-content {
margin: 0;
padding: 0;
}
.service-content .content .service-left-col .service-tab .tabslider {
width: 593px;
}
.service-content .content .service-left-col .service-tab .tab-ol {
margin: 0;
padding: 30px 0 0 53px;
}
.service-content .content .service-left-col .service-tab .tab-ol ol {
margin: 0;
padding: 0;
}
.service-content .content .service-left-col .service-tab .tab-ol ol li {
margin: 0;
padding: 0;
font-size: 1.083em;
}
.service-content .content .service-left-col .service-tab .tab-red-bullet {
margin: 0;
padding: 30px 0 0 33px;
}
.service-content .content .service-left-col .service-tab .tab-red-bullet .tab-left-col {
margin: 0;
padding: 0;
float: left;
width: 266px;
border-right: 1px solid #CFCFCF;
}
.service-content .content .service-left-col .service-tab .tab-red-bullet .tab-right-col {
margin: 0;
padding: 0 0 0 18px;
float: left;
width: 262px;
}
.service-content .content .service-left-col .service-tab .tab-red-bullet ul {
margin: 0;
padding: 0;
}
.service-content .content .service-left-col .service-tab .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;
}
.service-content .content .service-left-col .service-tab .tab-news {
margin: 0;
padding: 30px 0 0 41px;
}
.service-content .content .service-left-col .service-tab .tab-news .news-slider {
margin: 0;
padding: 0;
width: 538px;
list-style: none;
clear: both;
}
.service-content .content .service-left-col .service-tab .tab-news .news-slider .news-left-col {
margin: 0;
padding: 0;
float: left;
width: 255px;
border-right: 1px solid #CFCFCF;
}
.service-content .content .service-left-col .service-tab .tab-news .news-slider .news-right-col {
margin: 0;
padding: 0 0 0 17px;
float: left;
width: 265px;
}
.service-content .content .service-left-col .service-tab .tab-news .news-slider .news-content {
margin: 0;
padding: 0 20px 3px 0;
float: left;
width: 162px;
}
.service-content .content .service-left-col .service-tab .tab-news .news-slider .news-content p {
margin: 0;
padding: 0;
font-size: 1.083em;
color: #3c3c3c;
}
.service-content .content .service-left-col .service-tab .tab-news .news-slider .news-content p.datetime {
font-size: 0.917em;
color: #b7170e;
}
.service-content .content .service-left-col .service-tab .tab-news .news-slider .news-content p a {
text-decoration: none;
}
.service-content .content .service-left-col .service-tab .tab-news .news-slider .news-image {
margin: 0;
padding: 0;
float: left;
width: 55px;
}
.service-content .content .service-right-col {
margin: -37px 0 0 0;
padding: 0 0 125px 0;
float: left;
width: 320px;
}
.service-content .content .service-right-col .case-studies {
margin: 27px 0 0 21px;
padding: 0;
width: 277px;
min-height: 275px;
background-color: #efefef;
}
.service-content .content .service-right-col .case-studies h2 {
margin: 0;
padding: 18px 0 0 17px;
font-size: 1.5em;
color: #3c3c3c;
}
.service-content .content .service-right-col .case-studies .sliderContainer {
margin: 21px 0 0 17px;
padding: 0 0 10px 0;
width: 243px;
}
.service-content .content .service-right-col .case-studies .sliderContainer ul.case-studies-slider {
margin: 0;
padding: 0;
width: 243px;
height: 100%;
list-style: none;
}
.service-content .content .service-right-col .case-studies .sliderContainer h3 {
margin: 16px 0 0 0;
padding: 0;
font-size: 1.25em;
font-weight: bold;
color: #636363;
}
.service-content .content .service-right-col .case-studies .sliderContainer p {
margin: 6px 0 0 0;
padding: 0;
font-size: 1.083em;
color: #3c3c3c;
}
.service-content .content .service-right-col .other-products {
margin: 24px 0 0 21px;
padding: 0 0 21px 17px;
width: 260px;
border-top: 2px solid #BCBBBB;
border-bottom: 2px solid #BCBBBB;
}
.service-content .content .service-right-col .other-products h2 {
margin: 20px 20px 0 0;
padding: 0;
font-size: 1.5em;
color: offBlack;
}
.service-content .content .service-right-col .other-products h3 {
margin: 18px 0 0 0;
padding: 0;
font-size: 1.25em;
color: #b7170e;
}
.service-content .content .service-right-col .other-products h3 a {
color: #b7170e;
text-decoration: none;
}
.service-content .content .service-right-col .other-products h3 span {
margin-left: 7px;
}
.service-content .content .service-right-col .other-products p {
margin: 0;
padding: 0 0 3px 0;
font-size: 1.083em;
}
.service-content .content .service-right-col .other-link {
margin: 22px 0 0 38px;
padding: 0;
}
.service-help {
margin: 0;
padding: 12px 0 0 19px;
background: url(/images/services/bg-service-help.png) no-repeat left top;
position: relative;
}
.service-help .help01 {
margin: 0;
padding: 0;
width: 281px;
height: 46px;
background: url(/images/services/bg-help.png) 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);
cursor: pointer;
}
.service-help .help01 p {
margin: 0;
padding: 9px 0 0 27px;
font-size: 1.583em;
color: #ffffff;
}
.service-help .help01-popup {
margin: 0;
padding: 0;
position: absolute;
left: 19px;
bottom: -24px;
width: 281px;
/*min-height:182px;*/
display: none;
}
.service-help .help01-popup .help01-popup-border {
margin: 0;
padding: 0 2px 20px 0;
border: 2px solid #fff;
background: #695c00 url(/images/services/bg-help-popup.gif) repeat-x left top;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-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);
position: relative;
}
.service-help .help01-popup .help01-popup-border h2 {
margin: 26px 25px 19px;
padding: 0;
font-size: 1.583em;
color: #ffffff;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
}
.service-help .help01-popup .help01-popup-border .close-shortcut {
margin: 0;
padding: 0;
top: 10px;
right: 10px;
position: absolute;
}
.service-help .help01-popup .help01-popup-border .help-rol {
margin: 0;
padding: 0 0 8px 0;
width: 275px;
}
.service-help .help01-popup .help01-popup-border .help-rol ul {
margin: 0;
padding: 0;
list-style: none;
}
.service-help .help01-popup .help01-popup-border .help-rol ul li {
margin: 0;
padding: 0;
font-size: 1.167em;
color: #ffffff;
}
.service-help .help01-popup .help01-popup-border .help-rol ul li:hover {
background: url(/images/home/bg-home-rollover.png) repeat-y left top;
background-position: 0 0;
}
.service-help .help01-popup .help01-popup-border .help-rol ul li a {
padding: 3px 25px 3px 40px;
color: #ffffff;
text-decoration: none;
background: url(/images/home/home-arrow-white-opacity.png) no-repeat;
background-position: 25px 6px;
display: block;
}
.service-help .help01-popup .help01-popup-border .help-rol ul li a:hover {
background: url(/images/home/home-arrow-white.png) no-repeat;
background-position: 25px 6px;
}
.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;
left: 25px;
font-size: 1.5em;
line-height: 1.3em;
color: #ffffff;
}
.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: 26px 0 18px 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;
color: #ffffff;
}
.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: 0;
padding: 16px 0 0 0;
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;
}
.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 p {
font-size: 1.083em;
color: #3c3c3c;
}
.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;
}
.troubleshooting-header {
margin: 14px 0 0 0;
padding: 0;
}
.troubleshooting-header h2 {
margin: 0;
padding: 0;
font-size: 1.833em;
color: #3c3c3c;
}
.troubleshooting-header .header-col1 {
margin: 21px 0 0 0;
padding: 0;
float: left;
width: 230px;
}
.troubleshooting-header .header-col1 .js-change-region-office {
width: 207px;
}
.troubleshooting-header .header-col2 {
margin: 21px 0 0 10px;
padding: 0;
float: left;
width: 230px;
}
.troubleshooting-header .header-col2 .js-change-country-office {
width: 207px;
}
.troubleshooting-header .header-col3 {
margin: 23px 0 0 12px;
padding: 0;
float: left;
width: 75px;
}
.localoffice {
margin: 0 23px 0 23px;
padding: 28px 28px 8px 29px;
border: 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;
background-color: #f2f2f2;
}
.localoffice .office-col {
margin: 0 0 35px 0;
padding: 0;
float: left;
width: 271px;
}
.localoffice .office-col h2 {
margin: 0;
padding: 0;
color: #b7170e;
font-size: 1.333em;
font-weight: bold;
}
.localoffice .office-col h3 {
margin: 0;
padding: 0;
color: #b7170e;
font-size: 1.333em;
font-weight: bold;
}
.localoffice .office-col p {
font-size: 1.083em;
color: #3c3c3c;
}
.localoffice .office-col p.address {
margin: 20px 20px 0 0;
padding: 0;
}
.localoffice .office-col p.phone {
margin: 16px 20px 0 0;
padding: 0;
}
.localoffice .office-col p.person {
margin: 16px 20px 0 0;
padding: 0;
}
.faq {
margin: 25px 0 28px 0;
padding: 0 28px 0 22px;
}
.faq.non-search {
margin-top: 12px;
}
.faq h2 {
margin: 0;
padding: 0;
font-size: 1.5em;
color: #3c3c3c;
}
.faq .faq-tab {
margin: 26px 0 0 0;
padding: 0;
}
.faq .faq-tab .tab-top {
width: 870px;
}
.faq .faq-tab .tab-top .tab a {
margin: 0;
padding: 13px 30px 0;
}
.faq .faq-tab .tab-bottom {
padding-bottom: 0;
width: 870px;
}
.faq .faq-tab .tab-bottom .tab-ul {
margin: 0;
padding: 25px 0 25px 30px;
}
.faq .faq-tab .tab-bottom .tab-ul ul {
margin: 0;
padding: 0;
}
.faq .faq-tab .tab-bottom .tab-ul ul li {
margin: 0;
padding: 0 20px 5px 15px;
background: url(/images/shippingtasks/bg-black-arrow.gif) no-repeat left top;
background-position: 0 4px;
font-size: 1.083em;
font-weight: bold;
list-style-type: none;
}
.faq .faq-tab .tab-bottom .tab-ul ul li ul li {
font-weight:normal;
font-size:12px;
}
.faq .faq-tab .tab-bottom .tab-ul ul li a {
margin: 0;
padding: 0;
font-weight: bold;
text-decoration: none;
color: #3c3c3c;
}
.faq .faq-tab .tab-bottom .tab-ul ul li a:hover {
color: #b7170e;
}
.faq .faq-tab .tab-bottom .tab-ul ul li .answer {
margin: 12px 10px 0 26px;
padding: 0;
color: #3c3c3c;
font-weight: normal;
display: none;
}
.update-highlight {
margin: 0;
padding: 21px 0 20px 0;
border: 2px solid #CDCDCD;
background-color: #969696;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
z-index: 1;
}
.update-highlight h2 {
margin: 0 16px 0 29px;
padding: 0;
font-size: 1.333em;
color: #ffffff;
font-weight: bold;
line-height: 1.2em;
}
.update-highlight p {
margin: 0 16px 0 29px;
padding: 0;
font-size: 1em;
color: #ffffff;
}
.update-highlight .exclamation {
margin: -17px 0 0;
padding: 0;
position: absolute;
top: 50%;
left: -17px;
}
.update-shipping {
margin: 16px 0 0 0;
padding: 16px 0 19px 0;
background-color: #f2f2f2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.update-shipping h2 {
margin: 0 16px 0 29px;
padding: 0;
font-size: 1.333em;
color: #3c3c3c;
line-height: 1.2em;
}
.update-shipping p {
margin: 0 16px 0 29px;
padding: 0;
font-size: 1em;
color: #b7170e;
}
.update-shipping p.other {
margin-top: 11px;
font-size: 1.333em;
color: #3c3c3c;
}
.download-tab {
margin: 0;
padding: 0;
}
.download-tab .tab-top .tab a {
margin: 0;
padding: 13px 30px 0;
}
.download-tab .tab-bottom {
padding-bottom: 0;
}
.download-tab .tab-bottom .tab-content {
margin: 0;
padding: 23px 0 0 0;
}
.download-tab .tab-bottom .tab-content p {
padding-left: 30px;
padding-right: 28px;
margin-bottom: 0;
font-size: 1.083em;
color: #3c3c3c;
}
.download-area {
margin: 0;
padding: 0;
background-color: #fff;
border-top: 1px solid #f2f2f2;
}
.download-area.first {
margin-top: 21px;
}
.download-area.last {
padding-bottom: 20px;
}
.download-area .download-row {
margin: 0 30px 23px 28px padding:0;
}
.download-area .download-row h2 {
margin: 23px 29px 19px 29px;
padding: 0;
font-size: 1.333em;
font-weight: bold;
color: #3c3c3c;
}
.download-area .download-row a.download {
margin: 0;
padding: 0;
text-decoration: none;
font-size: 1.083em;
color: #3c3c3c;
}
.download-area .download-row a.downloadService {
margin: 0;
padding: 0;
text-decoration: none;
font-size: 1.083em;
color: #3c3c3c;
}
.download-area .download-row a.download:hover {
color: #b7170e;
}
.download-area .download-row .downloadContainer {
margin: 11px 0 9px 0;
padding: 0;
}
.download-area .download-row .downloadContainer.second {
margin-top: 9px;
}
.download-area .download-row .downloadContainer .download-col-left {
margin: 0;
padding: 0;
float: left;
width: 34px;
}
.download-area .download-row .downloadContainer .download-col-right {
margin: 0;
padding: 0 20px 0 8px;
float: left;
width: 217px;
}
.download-area .download-row .downloadContainer .download-col-right-service {
margin: 0;
padding: 5px 20px 0 8px;
float: left;
}
.download-area .download-row .download-col1 {
margin: 0;
padding: 0;
float: left;
width: 295px;
}
.download-area .download-row .download-col2 {
margin: 0;
padding: 0;
float: left;
width: 279px;
}
.download-area .download-row .download-col3 {
margin: 0;
padding: 0;
float: left;
width: 279px;
}
.download-area .download-row .download-col4 {
margin: 0;
padding: 0;
float: left;
width: 558px;
}
.download-area .download-row .download-col4 .download-col-right {
width: 496px;
}
.our-network-tab {
margin: 8px 0 0 20px;
padding: 0 0 24px 0;
}
.our-network-tab .tab-top {
width: 876px;
}
.our-network-tab .tab-top .tab a {
margin: 0;
padding: 13px 30px 0;
}
.our-network-tab .tab-bottom {
padding-bottom: 0;
width: 876px;
}
.our-network-tab .tab-bottom .tab-content1 {
margin: 0;
padding: 0;
}
.our-network-tab .tab-bottom .tab-content1 .tab-header {
margin: 0;
padding: 21px 28px 21px 28px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-header .header-col-left {
margin: 0;
padding: 0;
float: left;
width: 231px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-header .header-col-left #location {
width: 208px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-header .header-col-right {
margin: 0 0 0 29px;
padding: 0;
float: left;
width: 511px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-header .header-col-right .nav {
margin: 8px 0 0 0;
padding: 0;
}
.our-network-tab .tab-bottom .tab-content1 .tab-header .header-col-right .nav li .sp-g-divider-dot {
margin: 0 12px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-header .header-col-right .nav a {
margin: 0;
padding: 0;
font-size: 1.083em;
color: #636363;
font-weight: bold;
text-decoration: none;
}
.our-network-tab .tab-bottom .tab-content1 .tab-header .header-col-right .nav a.active, .our-network-tab .tab-bottom .tab-content1 .tab-header .header-col-right .nav a:hover {
color: #b7170e;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city {
margin: 0;
padding: 0 0 41px 0;
background-color: #fff;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .content-col-left {
margin: 0;
padding: 24px 28px 0 28px;
float: left;
width: 230px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .content-col-right {
margin: 0;
padding: 24px 28px 0 0;
float: left;
width: 562px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .content-col-right h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 1.833em;
color: #3c3c3c;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .content-col-right p {
font-size: 1.083em;
line-height: 1.7em;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .download-schedule {
margin: 37px 0 0 0;
padding: 0;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .download-schedule .download-schedule-col-left {
margin: 0;
padding: 0;
float: left;
width: 165px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .download-schedule .download-schedule-col-right {
margin: 0;
padding: 0;
float: left;
width: 150px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .schedule {
margin: 27px 6px 0 0;
padding: 20px 0 0 0;
border-top: 1px solid #D0D0D0;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .schedule .schedule-from {
margin: 0;
padding: 0;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .schedule .schedule-from .schedule-from-col-left {
margin: 0;
padding: 0;
float: left;
width: 121px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .schedule .schedule-from .schedule-from-col-left p {
margin: 2px 0 0 0;
padding: 0;
font-size: 1.333em;
color: #3c3c3c;
font-weight: bold;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .schedule .schedule-from .schedule-from-col-right {
margin: 0;
padding: 0;
float: left;
width: 230px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .schedule .schedule-from .schedule-from-col-right select[name="schedule"] {
width: 208px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .schedule .schedule-list {
margin: 18px 0 0 0;
padding: 0;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .schedule .schedule-list .list-row {
margin: 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #D0D0D0;
font-size: 1.083em;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .schedule .schedule-list .list-row.data {
padding: 7px 0 5px 0;
font-weight: bold;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .schedule .schedule-list .list-row .list-col1 {
margin: 0;
padding: 0 10px 0 0;
float: left;
width: 170px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .schedule .schedule-list .list-row .list-col2 {
margin: 0;
padding: 0 10px 0 0;
float: left;
width: 98px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .schedule .schedule-list .list-row .list-col3 {
margin: 0;
padding: 0 10px 0 0;
float: left;
width: 62px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .schedule .schedule-list .list-row .list-col4 {
margin: 0;
padding: 0 10px 0 0;
float: left;
width: 98px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .schedule .schedule-list .list-row .list-col5 {
margin: 0;
padding: 0 10px 0 0;
float: left;
width: 77px;
}
.our-network-tab .tab-bottom .tab-content1 .tab-content-city .schedule .schedule-list p {
margin: 2px 0 0 0;
padding: 0;
font-size: 1.083em;
}
.our-network-tab .tab-bottom .tab-content2 {
margin: 0;
padding: 0;
}
.our-network-tab .tab-bottom .tab-content2 .performance-header {
margin: 0;
padding: 24px 30px 33px;
}
.our-network-tab .tab-bottom .tab-content2 .performance-header p {
font-size: 1.083em;
line-height: 1.7em;
}
.our-network-tab .tab-bottom .tab-content2 .performance-header .buttonContainer {
margin: 0;
padding: 8px 0 0 0;
}
.our-network-tab .tab-bottom .tab-content2 .performance-header .buttonContainer .button-left-col {
margin: 0;
padding: 0;
float: left;
width: 266px;
}
.our-network-tab .tab-bottom .tab-content2 .performance-header .buttonContainer .button-right-col {
margin: 0;
padding: 0;
float: left;
width: 170px;
}
.our-network-tab .tab-bottom .tab-content2 .performance-content {
margin: 0;
padding: 29px 30px 30px;
background-color: #fff;
}
.our-network-tab .tab-bottom .tab-content2 .performance-content h2 {
margin: 0;
padding: 0;
font-size: 1.333em;
color: #3c3c3c;
font-weight: bold;
}
.our-network-tab .tab-bottom .tab-content2 .performance-content .stationContainer {
margin: 12px 0 0 0;
padding: 0;
}
.our-network-tab .tab-bottom .tab-content2 .performance-content .stationContainer .station-col1 {
margin: 0;
padding: 0;
float: left;
width: 231px;
}
.our-network-tab .tab-bottom .tab-content2 .performance-content .stationContainer .station-col1 #destination {
width: 208px;
}
.our-network-tab .tab-bottom .tab-content2 .performance-content .stationContainer .station-col2 {
margin: 0 0 0 10px;
padding: 0;
float: left;
width: 231px;
}
.our-network-tab .tab-bottom .tab-content2 .performance-content .stationContainer .station-col2 #month {
width: 208px;
}
.our-network-tab .tab-bottom .tab-content2 .performance-content .stationContainer .station-col3 {
margin: 2px 0 0 6px;
padding: 0;
float: left;
width: 118px;
}
.our-network-tab .tab-bottom .tab-content2 .performance-content .shipments-list {
margin: 27px 0 0 0;
padding: 0;
}
.our-network-tab .tab-bottom .tab-content2 .performance-content .shipments-list .shipments-row {
margin: 0;
padding: 5px 0 5px 0;
border-bottom: 1px solid #D0D0D0;
font-size: 1.083em;
}
.our-network-tab .tab-bottom .tab-content2 .performance-content .shipments-list .shipments-row.data {
font-weight: bold;
}
.our-network-tab .tab-bottom .tab-content2 .performance-content .shipments-list .shipments-row .shipments-col-left {
margin: 0;
padding: 0;
float: left;
width: 763px;
}
.our-network-tab .tab-bottom .tab-content2 .performance-content .shipments-list .shipments-row .shipments-col-right {
margin: 0;
padding: 0;
float: left;
width: 53px;
}
.slider-box {
margin: 2px 22px 36px 22px;
padding: 0;
border: 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;
background-color: #f2f2f2;
position: relative;
}
.slider-box .slider-box-header {
margin: 0;
padding: 19px 28px 23px 28px;
}
.slider-box .slider-box-header h2 {
margin: 0 0 8px 0;
padding: 0;
font-size: 1.5em;
color: #3c3c3c;
}
.slider-box .slider-box-header .slider-selector {
width: 231px;
}
.slider-box .slider-box-header #plane {
width: 208px;
}
.slider-box .slider-box-header #device {
width: 315px;
}
.slider-box .slider-box-content {
margin: 0;
padding: 0;
background-color: #fff;
}
.slider-box .slider-box-content .sliderContainer {
margin: 0;
padding: 22px 28px 47px 28px;
}
.slider-box .slider-box-content .sliderContainer p {
font-size: 1.083em;
color: #3c3c3c;
line-height: 1.7em;
}
.slider-box .slider-box-content .sliderContainer .slider-col-left {
margin: 0 28px 0 0;
padding: 0;
float: left;
width: 558px;
}
.slider-box .slider-box-content .sliderContainer .slider-col-left h2 {
margin: 0 0 3px 0;
padding: 0;
font-size: 1.833em;
color: #3c3c3c;
}
.slider-box .slider-box-content .sliderContainer .slider-col-left .slider-photo {
margin: 16px 0 0 0;
padding: 11px 0 0 0;
border-top: 1px solid #D0D0D0;
}
.slider-box .slider-box-content .sliderContainer .slider-col-left .slider-photo.device {
text-align: center;
}
.slider-box .slider-box-content .sliderContainer .slider-col-right {
margin: 7px 0 0 0;
padding: 0;
float: left;
width: 230px;
}
.slider-box .slider-box-content .sliderContainer .slider-col-right.device {
margin-top: 27px;
}
.slider-box .slider-box-content .sliderContainer .slider-col-right h3 {
margin: 21px 0 10px 0;
padding: 0;
font-size: 1.333em;
color: #3c3c3c;
font-weight: bold;
}
.slider-box .slider-box-content .sliderContainer .slider-prev {
margin: 0;
padding: 0;
position: absolute;
left: -17px;
top: 47.5%;
}
.slider-box .slider-box-content .sliderContainer .slider-next {
margin: 0;
padding: 0;
position: absolute;
right: -17px;
top: 47.5%;
}
.pageFramework {
margin: 0;
padding: 0 0 18px 0;
}
.pageFramework .content-banner {
margin: 0 0 19px 0;
padding: 0;
}
.pageFramework p {
font-size: 1.083em;
color: #3c3c3c;
}
.blog-top {
margin: 0;
padding: 0px 22px 26px 22px;
}
.blog-top .blog-top-col1 {
margin: 0;
padding: 0;
float: left;
width: 231px;
}
.blog-top .blog-top-col1 .blog-category {
margin: 0;
padding: 0;
}
.blog-top .blog-top-col1 h2 {
margin: 0;
padding: 0 0 7px 0;
font-size: 1.5em;
color: #3c3c3c;
}
.blog-top .blog-top-col1 #category {
width: 208px;
}
.blog-top .blog-top-col2 {
margin: 0;
padding: 0;
float: left;
width: 31px;
}
.blog-top .blog-top-col2 p {
margin: 0;
padding: 33px 0 0 0;
text-align: center;
}
.company-news-tab {
margin: 8px 0 0 20px;
padding: 0 0 24px 0;
}
.company-news-tab .tab-top {
width: 876px;
}
.company-news-tab .tab-top .tab a {
margin: 0;
padding: 13px 30px 0;
}
.company-news-tab .tab-bottom {
padding-bottom: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-top: 2px;
border-style: solid;
border-color: #cdcdcd;
background-color: #F2F2F2;
width: 876px;
}
.company-news-tab .tab-bottom .blog-bottom {
margin: 0;
padding: 18px 29px 10px 29px;
}
.company-news-tab .tab-bottom .blog-bottom p.date {
font-size: 1em;
color: #3c3c3c;
}
.company-news-tab .tab-bottom .blog-bottom p.blog-date {
margin: 0 0 13px 0;
padding: 0;
font-size: 1em;
color: #b7170e;
}
.company-news-tab .tab-bottom .blog-bottom p.blog-content {
font-size: 1.083em;
}
.company-news-tab .tab-bottom .blog-bottom h2 {
margin: 15px 0 2px 0;
padding: 0;
font-size: 1.333em;
color: #3c3c3c;
font-weight: bold;
}
.contact-us-tab {
margin: 0;
padding: 0;
}
.contact-us-tab .tab-top .tab a {
margin: 0;
padding: 13px 30px 0;
}
.contact-us-tab .tab-bottom {
padding-bottom: 0;
}
.contact-us-tab .tab-bottom.white {
background-color: #ffffff;
}
.contact-us-tab .tab-bottom .tab-content {
margin: 0;
padding: 0;
}
.contact-us-tab .tab-bottom .tab-content h2 {
margin: 0;
padding: 23px 27px 17px 27px;
font-size: 1.5em;
color: #3c3c3c;
}
.contact-us-tab .tab-bottom .tab-content .enquiry {
margin: 0 27px 27px 21px;
padding: 0;
}
.contact-us-tab .tab-bottom .tab-content .enquiry .enquiry-col {
margin: 0;
padding: 0 50px 0 0;
float: left;
}
.contact-us-tab .tab-bottom .tab-content .enquiry label {
font-size: 1.083em;
}
.contact-us-tab .tab-bottom .tab-content .about-you {
margin: 0;
padding: 23px 28px 21px 28px;
background-color: #ffffff;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-header {
margin: 0;
padding: 0;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-header .header-col1 {
margin: 0;
padding: 0;
float: left;
width: 580px;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-header .header-col1 h2 {
margin: 0 0 13px 0;
padding: 0;
font-size: 1.833em;
color: #3c3c3c;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-header .header-col2 {
margin: 0;
padding: 0;
float: left;
width: 234px;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-header .header-col2 p {
margin: 0;
padding: 3px 0 0 0;
font-size: 0.917em;
color: #3c3c3c;
text-align: right;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-header .header-col2 p span {
margin: 0;
padding: 0;
color: #B7170E;
font-size: 0.917em;
line-height: 1.2em;
vertical-align: top;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form {
margin: 0;
padding: 0;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form.form1 {
display: block;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form.form2 {
display: none;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row {
margin: 0 0 5px 0;
padding: 0;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row p {
margin: 7px 0 0 0;
padding: 0;
font-size: 1.083em;
color: #3c3c3c;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row p span {
color: #b7170e;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row.send {
margin: 13px 0 0 0;
padding: 15px 0 0 0;
border-top: 1px solid #d0d0d0;
text-align: right;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-left-col {
margin: 0;
padding: 0;
float: left;
width: 165px;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col {
margin: 0;
padding: 0;
float: left;
width: 309px;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col #region, .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col #country, .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col #service, .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col #industry {
width: 286px;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col.timeframe {
padding-top: 6px;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col label {
float: left;
padding-top: 5px;
padding-right: 9px;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col label.label-inside {
margin-left: 12px;
padding-right: 13px;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col label.label-inside2 {
margin-left: 9px;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .round-border {
margin: 0;
padding: 5px 9px 5px 9px;
background: #ffffff;
border: 1px solid #b9b2af;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .round-border.timeframe {
width: 96px;
float: left;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .round-border.office-phone {
width: 200px;
float: left;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .round-border.office-phone-ext {
width: 32px;
float: left;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .round-border input[type=text], .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .round-border input[type=email], .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .round-border input[type=tel] {
margin: 0;
padding: 0;
border: 0;
outline: none;
width: 100%;
line-height: 1.3em;
height: 17px;
font-size: 1.167em;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .round-border textarea {
margin: 0;
padding: 0;
border: 0;
width: 290px;
outline: none;
line-height: 1.3em;
font-size: 1.167em;
height: 92px;
resize: none;
overflow: auto;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .firstname-left-col {
margin: 0;
padding: 0;
float: left;
width: 76px;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .firstname-left-col #title {
width: 55px;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .firstname-right-col {
margin: 0;
padding: 2px 0 0 5px;
float: left;
width: 228px;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .firstname-right-col .firstname {
width: 217px;
}
.contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .lastname, .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .email, .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .phone, .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .company {
width: 300px;
}
.contact-us-tab .tab-bottom .tab-content .global-offices {
margin: 0;
padding: 0;
background-color: #F2F2F2;
}
.contact-us-tab .tab-bottom .tab-content .global-offices h2 {
margin: 0;
padding: 23px 27px 17px 27px;
font-size: 1.5em;
color: #3c3c3c;
}
.contact-us-tab .tab-bottom .tab-content .global-offices .header-col1 {
margin: 0 0 0 27px;
padding: 0 0 40px 0;
float: left;
width: 230px;
}
.contact-us-tab .tab-bottom .tab-content .global-offices .header-col1 .js-change-region-office {
width: 207px;
}
.contact-us-tab .tab-bottom .tab-content .global-offices .header-col2 {
margin: 0 0 0 10px;
padding: 0 0 40px 0;
float: left;
width: 230px;
}
.contact-us-tab .tab-bottom .tab-content .global-offices .header-col2 .js-change-country-office {
width: 207px;
}
.contact-us-tab .tab-bottom .tab-content .global-offices .header-col3 {
margin: 3px 0 0 12px;
padding: 0 0 40px 0;
float: left;
width: 75px;
}
.contact-us-tab .tab-bottom .tab-content .global-offices-bg {
margin: 0;
padding: 28px 28px 0;
}
.contact-us-tab .tab-bottom .tab-content .global-offices-bg .office-col {
margin: 0;
padding: 0 0 35px 0;
float: left;
width: 270px;
}
.contact-us-tab .tab-bottom .tab-content .global-offices-bg .office-col h2 {
margin: 0;
padding: 0;
color: #b7170e;
font-size: 1.333em;
font-weight: bold;
}
.contact-us-tab .tab-bottom .tab-content .global-offices-bg .office-col h3 {
margin: 0;
padding: 0;
color: #b7170e;
font-size: 1.333em;
font-weight: bold;
}
.contact-us-tab .tab-bottom .tab-content .global-offices-bg .office-col p {
font-size: 1.083em;
color: #3c3c3c;
}
.contact-us-tab .tab-bottom .tab-content .global-offices-bg .office-col p.address {
margin: 20px 20px 0 0;
padding: 0;
}
.contact-us-tab .tab-bottom .tab-content .global-offices-bg .office-col p.phone {
margin: 16px 20px 0 0;
padding: 0;
}
.contact-us-tab .tab-bottom .tab-content .global-offices-bg .office-col p.person {
margin: 16px 20px 0 0;
padding: 0;
}
.troubleshooting-content {
margin: 25px 0 28px 0;
padding: 0 23px 0 23px;
}
.troubleshooting-content.non-search {
margin-top: 12px;
}
.troubleshooting-content h2 {
margin: 0 0 26px 0;
padding: 0;
font-size: 1.5em;
color: #3c3c3c;
}
.troubleshooting-content .troubleshooting-panel {
margin: 0;
padding: 0;
border: 2px solid #cdcdcd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #f2f2f2;
}
.troubleshooting-content .troubleshooting-panel ul {
margin: 0;
padding: 22px 28px 19px;
list-style: none;
}
.troubleshooting-content .troubleshooting-panel ul li {
margin: 0;
padding: 0 0 5px 16px;
font-size: 1.083em;
color: #3c3c3c;
background: url(/images/shippingtasks/bg-black-arrow.gif) top left no-repeat;
background-position: 0 4px;
}
.troubleshooting-content .troubleshooting-panel ul li a {
margin: 0;
padding: 0;
font-weight: bold;
text-decoration: none;
color: #3c3c3c;
}
.troubleshooting-content .troubleshooting-panel ul li a:hover {
color: #b7170e;
}
.troubleshooting-content .troubleshooting-panel ul li .answer {
margin: 12px 10px 0 26px;
padding: 0;
color: #3c3c3c;
display: none;
}
.conditions-tab {
margin: 0;
padding: 0;
}
.conditions-tab .tab-top {
width: 870px;
}
.conditions-tab .tab-top .tab a {
margin: 0;
padding: 13px 30px 0;
}
.conditions-tab .tab-bottom {
padding-bottom: 0;
width: 870px;
}
.conditions-tab .tab-bottom .tab-content {
margin: 0;
padding: 7px 0 0 0;
}
.conditions-tab .tab-bottom .tab-content .downloadContainer {
margin: 0;
padding: 11px 0 14px 29px;
}
.conditions-tab .tab-bottom .tab-content .downloadContainer.second {
margin-top: 9px;
}
.conditions-tab .tab-bottom .tab-content .downloadContainer .download-col-left {
margin: 0;
padding: 0;
float: left;
width: 34px;
}
.conditions-tab .tab-bottom .tab-content .downloadContainer .download-col-right {
margin: 0;
padding: 0 20px 0 8px;
float: left;
width: 750px;
}
.conditions-tab .tab-bottom .tab-content .downloadContainer .download-col-right a.download {
margin: 0;
padding: 0;
text-decoration: none;
font-size: 1.083em;
color: #3c3c3c;
}
.conditions-tab .tab-bottom .tab-content .downloadContainer .download-col-right a.download:hover {
color: #b7170e;
}
.conditions-tab .tab-bottom .tab-content .conditions-panel {
margin: 0;
padding: 0;
background-color: #ffffff;
}
.conditions-tab .tab-bottom .tab-content .conditions-panel ul {
margin: 0;
padding: 22px 28px 16px;
list-style: none;
}
.conditions-tab .tab-bottom .tab-content .conditions-panel ul li {
margin: 0;
padding: 0 0 5px 16px;
font-size: 1.083em;
color: #3c3c3c;
background: url(/images/shippingtasks/bg-black-arrow.gif) top left no-repeat;
background-position: 0 4px;
}
.conditions-tab .tab-bottom .tab-content .conditions-panel ul li a {
margin: 0;
padding: 0;
font-weight: bold;
text-decoration: none;
color: #3c3c3c;
}
.conditions-tab .tab-bottom .tab-content .conditions-panel ul li a:hover {
color: #b7170e;
}
.conditions-tab .tab-bottom .tab-content .conditions-panel ul li p.last {
margin-bottom: 0;
}
.conditions-tab .tab-bottom .tab-content .conditions-panel ul li .answer {
margin: 10px 10px 9px 26px;
padding: 0;
color: #3c3c3c;
display: none;
}
.media-tab {
margin: 0;
padding: 0;
}
.media-tab .tab-top .tab a {
margin: 0;
padding: 13px 30px 0;
}
.media-tab .tab-bottom {
padding-bottom: 0;
min-height: 110px;
}
.media-tab .tab-bottom.details {
background-color: #ffffff;
}
.media-tab .tab-bottom .tab-content {
margin: 0;
padding: 23px 0 0 0;
}
.media-tab .tab-bottom .tab-content.details {
padding-top: 0;
}
.media-tab .tab-bottom .tab-content h2 {
margin: 0 29px;
padding: 0;
font-size: 1.5em;
font-weight: bold;
color: #3c3c3c;
}
.media-tab .tab-bottom .tab-content .fliterContainer {
margin: 11px 29px 22px 29px;
padding: 0;
}
.media-tab .tab-bottom .tab-content .fliterContainer .filter-col1 {
margin: 0;
padding: 0;
float: left;
width: 38px;
}
.media-tab .tab-bottom .tab-content .fliterContainer .filter-col1 p {
margin: 6px 0 0 0;
padding: 0;
font-size: 1.083em;
}
.media-tab .tab-bottom .tab-content .fliterContainer .filter-col2 {
margin: 0;
padding: 0;
float: left;
width: 133px;
}
.media-tab .tab-bottom .tab-content .fliterContainer .filter-col2 #from-month {
width: 110px;
}
.media-tab .tab-bottom .tab-content .fliterContainer .filter-col3 {
margin: 0 0 0 4px;
padding: 0;
float: left;
width: 99px;
}
.media-tab .tab-bottom .tab-content .fliterContainer .filter-col3 #from-year {
width: 77px;
}
.media-tab .tab-bottom .tab-content .fliterContainer .filter-col4 {
margin: 0;
padding: 0;
float: left;
width: 41px;
}
.media-tab .tab-bottom .tab-content .fliterContainer .filter-col4 p {
margin: 6px 0 0 0;
padding: 0;
text-align: center;
font-size: 1.083em;
}
.media-tab .tab-bottom .tab-content .fliterContainer .filter-col5 {
margin: 0;
padding: 0;
float: left;
width: 133px;
}
.media-tab .tab-bottom .tab-content .fliterContainer .filter-col5 #to-month {
width: 110px;
}
.media-tab .tab-bottom .tab-content .fliterContainer .filter-col6 {
margin: 0 0 0 4px;
padding: 0;
float: left;
width: 99px;
}
.media-tab .tab-bottom .tab-content .fliterContainer .filter-col6 #to-year {
width: 77px;
}
.media-tab .tab-bottom .tab-content .fliterContainer .filter-col7 {
margin: 3px 0 0 6px;
padding: 0;
float: left;
width: 59px;
}
.media-tab .tab-bottom .tab-content .mediaContainer {
margin: 0;
padding: 6px 0 0 0;
background-color: #ffffff;
}
.media-tab .tab-bottom .tab-content .mediaContainer .media-row {
margin: 0;
padding: 13px 0 10px 0;
border-bottom: 1px solid #f2f2f2;
}
.media-tab .tab-bottom .tab-content .mediaContainer .media-row.media-pagination {
margin-left: 29px;
margin-right: 30px;
font-size: 1.083em;
}
.media-tab .tab-bottom .tab-content .mediaContainer .media-row .media-col-left {
margin: 0 0 0 29px;
padding: 0;
float: left;
width: 225px;
}
.media-tab .tab-bottom .tab-content .mediaContainer .media-row .media-col-right {
margin: 0 29px 0 0;
padding: 0;
float: left;
width: 580px;
}
.media-tab .tab-bottom .tab-content .mediaContainer .media-row .media-col-right h2 {
margin: 0;
padding: 0;
font-size: 1.333em;
color: #3c3c3c;
font-weight: bold;
}
.media-tab .tab-bottom .tab-content .mediaContainer .media-row .media-col-right h2 a {
text-decoration: none;
}
.media-tab .tab-bottom .tab-content .mediaContainer .media-row .media-col-right h2 a:hover {
color: #b7170e;
}
.media-tab .tab-bottom .tab-content .mediaContainer .media-row .media-col-right p {
font-size: 1.083em;
color: #3c3c3c;
line-height: 1.5em;
}
.media-tab .tab-bottom .tab-content .mediaContainer .media-row .media-col-right p.date {
margin: 0 0 5px 0;
padding: 0;
font-size: 1em;
color: #b7170e;
}
.media-tab .tab-bottom .tab-content .latest-news-release {
margin: 0;
padding: 25px 34px 20px 30px;
}
.media-tab .tab-bottom .tab-content .latest-news-release h2 {
margin: 0 150px 0 0;
padding: 0 0 1px 0;
font-size: 1.333em;
color: #3c3c3c;
font-weight: bold;
}
.media-tab .tab-bottom .tab-content .latest-news-release h3 {
margin: 0;
padding: 12px 20px 10px 20px;
font-size: 1.250em;
color: #636363;
font-weight: bold;
background-color: #dfdfdf;
}
.media-tab .tab-bottom .tab-content .latest-news-release p {
font-size: 1.083em;
}
.media-tab .tab-bottom .tab-content .latest-news-release p.datetime {
color: #b7170e;
font-size: 1em;
}
.media-tab .tab-bottom .tab-content .latest-news-release ul.latest-news-slide {
margin: 16px 0 12px 0;
padding: 0;
list-style: none;/*width: 812px; */
}
.media-tab .tab-bottom .tab-content .latest-news-release ul.latest-news-slide li {
margin: 0;
padding: 0;
}
.media-tab .tab-bottom .tab-content .latest-news-release .latest-news-content {
margin: 0;
padding: 22px 20px 15px 20px;
background-color: #ffffff;
}
.media-tab .tab-bottom .tab-content .back-latest-news {
margin: 16px 0 0 0;
padding: 0;
}
.media-tab .tab-bottom .tab-content .categories {
margin: 11px 30px 22px 30px;
padding: 0;
}
.media-tab .tab-bottom .tab-content .categories #category {
width: 209px;
}
.media-tab .tab-bottom .tab-content .medialibraryContainer {
margin: 0;
padding: 27px 20px 26px 29px;
background-color: #ffffff;
}
.media-tab .tab-bottom .tab-content .medialibraryContainer a {
margin: 0 4px 4px 0;
padding: 0;
float: left;
width: 201px;
height: 106px;
background-color: #f2f2f2;
text-align: center;
position: relative;
}
.media-tab .tab-bottom .tab-content .medialibraryContainer a i, .media-tab .tab-bottom .tab-content .medialibraryContainer a b {
position: absolute;
display: block;
bottom: 0;
margin: 0;
padding: 0;
height: 25px;
}
.media-tab .tab-bottom .tab-content .medialibraryContainer a i {
width: 100%;
right: 0;
background: #000;
opacity: 0.5;
z-index: 2;
}
.media-tab .tab-bottom .tab-content .medialibraryContainer a b {
width: 9px;
right: 5px;
background: transparent url(/images/arrow-white.png) 0 50% no-repeat;
z-index: 3;
}
.media-tab .tab-bottom .tab-content .medialibrarybottom {
margin: 0;
padding: 0 28px 12px 28px;
background-color: #ffffff;
font-size: 1.083em;
}
.media-tab .tab-bottom .tab-content .medialibrarybottom .medialibraryborder {
margin: 0;
padding: 12px 0 0 0;
border-top: 1px solid #f2f2f2;
}
.videoshow {
display: none;
}
.photoshow {
display: none;
}
.fuelSurchargeShow {
display: none;
}
.result {
display: none;
}
#basic-modal-content {
display: none;
}
/* Overlay */
#simplemodal-overlay {
background-color: #000;
}
/* Container */
#simplemodal-container {
background-color: #3c3c3c;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;/* padding: 17px 28px 30px 28px; */
}
#simplemodal-container p {
margin: 0;
padding: 0;
}
#simplemodal-container p.videotitle {
padding: 9px 18px;
font-size: 13px;
color: #ffffff;
font-weight: bold;
}
#simplemodal-container .videoplayer {
width: 400px;
height: 300px;
margin-left: 20px;
background-color: #3c3c3c;
}
#simplemodal-container .jqmClose {
margin: 0;
padding: 0;
position: absolute;
width: 11px;
height: 11px;
top: 17px;
right: 14px;
}
#simplemodal-container .simplemodal-data {
margin: 0;
padding: 0;
}
#simplemodal-container2 {
background-color: #f2f2f2;
border: 2px solid #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 27px 28px 9px 28px;
}
#simplemodal-container2 .jqmClose {
margin: 0;
padding: 0;
position: absolute;
width: 11px;
height: 11px;
top: 17px;
right: 18px;
}
#simplemodal-container2 .simplemodal-data {
margin: 0;
padding: 0;
}
#simplemodal-container3 {
background-color: #fbfbfb;
border: 2px solid #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 0;
}
#simplemodal-container3 .jqmClose {
margin: 0;
padding: 0;
position: absolute;
width: 11px;
height: 11px;
top: 7px;
right: 3px;
}
#simplemodal-container3 .simplemodal-data {
margin: 0;
padding: 0;
}
#simplemodal-container4 {
background-color: #f2f2f2;
border: 2px solid #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 27px 28px;
}
#simplemodal-container4 .jqmClose {
margin: 0;
padding: 0;
position: absolute;
width: 11px;
height: 11px;
top: 17px;
right: 18px;
}
#simplemodal-container2 .simplemodal-data {
margin: 0;
padding: 0;
}
.resultContainer {
margin: 0;
padding: 0;
}
.resultContainer p {
margin: 0;
padding: 0;
font-size: 1em;
color: #3c3c3c;
}
.photoLightbox {
margin: 0;
padding: 0;
}
.photoLightbox h3 {
margin: 0;
padding: 0;
color: #3c3c3c;
font-weight: bold;
font-size: 1.333em;
}
.photoLightbox h4 {
margin: 14px 0 0 0;
padding: 0;
font-size: 1em;
color: #3c3c3c;
font-weight: bold;
}
.photoLightbox p {
margin: 1px 0 0 0;
padding: 0;
font-size: 1em;
color: #3c3c3c;
}
.photoLightbox p span {
padding-right: 10px;
}
.photoLightbox p a {
font-size: 1.083em;
}
.photoLightbox figure {
border: 1px solid #D7D9DA;
height: 358px;
line-height: 354px;
margin: 15px 0 0 0;
text-align: center;
vertical-align: middle;
width: 619px;
}
.photoLightbox figure img {
display: inline-block;
margin: 0 auto;
max-height: 100%;
max-width: 640px;
vertical-align: middle;
}
.photoLightbox iframe {
display: block;
margin: 18px 0 0 0;
}
.photoLightbox .photoLightbox-col-left {
margin: 0 40px 0 0;
padding: 0;
float: left;
width: 283px;
}
.photoLightbox .photoLightbox-col-right {
margin: 0;
padding: 0;
float: left;
width: 283px;
}
.fuelSurchargeLightbox {
margin: 30px 0 0 18px;
padding: 0 15px 0 0;
height: 476px;
overflow-y: auto;
overflow-x: hidden;
position: relative;
}
.fuelSurchargeLightbox h2 {
margin: 0 0 6px 0;
padding: 0;
font-size: 2em;
color: #b7170e;
}
.fuelSurchargeLightbox p {
font-size: 1.083em;
color: #3c3c3c;
}
.fuelSurchargeLightbox .current-index {
margin: 0;
padding: 0;
position: relative;
width: 100%;
z-index: 2;
}
.fuelSurchargeLightbox .current-index .current-index-border {
border: 1px solid #a8a8a8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #717171 url(/images/home/bg-fuel-price-index.gif) top left repeat-x;
position: relative;
}
.fuelSurchargeLightbox .current-index .current-index-border .current-index-col-left {
margin: 0;
padding: 0;
float: left;
width: 263px;
}
.fuelSurchargeLightbox .current-index .current-index-border .current-index-col-left h3 {
margin: 14px 10px 0 10px;
padding: 0;
font-size: 1.583em;
color: #ffffff;
}
.fuelSurchargeLightbox .current-index .current-index-border .current-index-col-left .price-index {
margin: 14px 0 0 0;
padding: 0;
}
.fuelSurchargeLightbox .current-index .current-index-border .current-index-col-left .price-index .price-index-col-left {
margin: 0 0 14px 10px;
padding: 0;
float: left;
width: 171px;
}
.fuelSurchargeLightbox .current-index .current-index-border .current-index-col-left .price-index .price-index-col-left #priceIndexDate {
width: 151px;
}
.fuelSurchargeLightbox .current-index .current-index-border .current-index-col-left .price-index .price-index-col-right {
margin: 0;
padding: 0;
float: left;
width: 82px;
}
.fuelSurchargeLightbox .current-index .current-index-border .current-index-col-left .price-index .price-index-col-right p {
margin: -10px 0 0 0;
padding: 0;
font-size: 3em;
color: #ffffff;
text-align: center;
}
.fuelSurchargeLightbox .current-index .current-index-col-right {
margin: 0;
padding: 0;
float: left;
width: 982px;
border-left: 1px solid #f4f4f4;
}
.fuelSurchargeLightbox .current-index .current-index-col-right .current-index-info-row {
margin: 0;
padding: 0;
border-bottom: 1px solid #f4f4f4;
}
.fuelSurchargeLightbox .current-index .current-index-col-right .current-index-info-row.last {
border-bottom: 0;
}
.fuelSurchargeLightbox .current-index .current-index-col-right .current-index-info-row .current-index-info-col1 {
margin: 0;
padding: 0;
float: left;
width: 256px;
}
.fuelSurchargeLightbox .current-index .current-index-col-right .current-index-info-row .current-index-info-col1 p {
padding: 12px 10px 0 20px;
font-size: 1.25em;
color: #ffffff;
}
.fuelSurchargeLightbox .current-index .current-index-col-right .current-index-info-row .current-index-info-col2 {
margin: 0;
padding: 0;
float: left;
width: 185px;
}
.fuelSurchargeLightbox .current-index .current-index-col-right .current-index-info-row .current-index-info-col2 p {
margin: 0;
padding: 0 10px 10px 0;
font-size: 0.833em;
color: #ffffff;
}
.fuelSurchargeLightbox .current-index .current-index-col-right .current-index-info-row .current-index-info-col2 p.title {
padding: 8px 10px 0 0;
font-size: 1em;
}
.fuelSurchargeLightbox .current-index .current-index-col-right .current-index-info-row .current-index-info-col3 {
margin: 0;
padding: 0;
float: left;
width: 500px;
}
.fuelSurchargeLightbox .current-index .current-index-col-right .current-index-info-row .current-index-info-col3 p {
padding: 15px 10px 0 0;
font-size: 1em;
color: #ffffff;
}
.fuelSurchargeLightbox .fuel-price-box {
margin: 13px 0 0 0;
padding: 0 0 30px 0;
position: relative;
width: 100%;/*width: 869px;*/
z-index: 1;
}
.fuelSurchargeLightbox .fuel-price-box .fuel-price-box-border {
border: 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;
background-color: #f2f2f2;
width:100%;
}
.fuelSurchargeLightbox .fuel-price-box .fuel-price-box-border h2 {
margin: 14px 0 19px 11px;
padding: 0;
font-size: 1.25em;
color: #b7170e;
font-weight: bold;
}
.fuelSurchargeLightbox .fuel-price-box .fuel-price-box-border .fuel-price-table {
margin: 0 0 0 11px;
padding: 0;
width: 950px;/*width: 865px;*/
border: 0;
border-collapse: collapse;
}
.fuelSurchargeLightbox .fuel-price-box .fuel-price-box-border .fuel-price-table tr th {
margin: 0;
padding: 0 0 4px 0;
font-size: 1.083em;
color: #3c3c3c;
font-weight: normal;
text-align: left;
}
.fuelSurchargeLightbox .fuel-price-box .fuel-price-box-border .fuel-price-table tr th.header1 {
width: 265px;
}
.fuelSurchargeLightbox .fuel-price-box .fuel-price-box-border .fuel-price-table tr th.header2 {
width: 170px;
}
.fuelSurchargeLightbox .fuel-price-box .fuel-price-box-border .fuel-price-table tr th.header3 {
width: 250px;
}
.fuelSurchargeLightbox .fuel-price-box .fuel-price-box-border .fuel-price-table tr th.header4 {
width: 180px;
}
.fuelSurchargeLightbox .fuel-price-box .fuel-price-box-border .fuel-price-table tr td {
margin: 0;
padding: 4px 2px;
font-size: 1.083em;
color: #3c3c3c;
font-weight: normal;
text-align: left;
}
.fuelSurchargeLightbox .fuel-price-box .fuel-price-box-border .fuel-price-table tr td span {
font-size: 0.769em;
}
.fuelSurchargeLightbox .fuel-price-box .fuel-price-box-border .fuel-price-table tr td.theme2 {
background-color: #d9d9d9;
}
/*================Fuel Index new Classes=====================================*/
.fuelSurchargeLightbox .datagrid table {
border-collapse: collapse;
text-align: left;
width: 100%;
}
.fuelSurchargeLightbox .datagrid {
font: normal 12px/150% Arial, Helvetica, sans-serif;
background: #fff;
overflow: hidden;
border: 1px solid #A3A1A0;/* -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;*/
}
.fuelSurchargeLightbox .datagrid table td, .datagrid table th {
padding: 3px 10px;
}
.fuelSurchargeLightbox .datagrid table thead th {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #787878), color-stop(1, #787878) );
background:-moz-linear-gradient( center top, #787878 5%, #787878 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#787878', endColorstr='#787878');
background-color:#787878;
color:#FFFFFF;
font-size: 13px;
font-weight: bold;
border-left: 1px solid #A3A1A0;
text-align:center;
}
.fuelSurchargeLightbox .datagrid table thead th:first-child {
border: none;
width:auto;
}
.fuelSurchargeLightbox .datagrid table tbody td {
color: #3C3C3C;
border-left: 1px solid #A3A1A0;
font-size: 12px;
border-bottom: 1px solid #A3A1A0;
font-weight: normal;
text-align:center;
}
.fuelSurchargeLightbox .datagrid table tbody td:first-child {
border-left: none;
width:50%;
text-align:left;
}
.fuelSurchargeLightbox .datagrid table tbody tr:last-child td {
border-bottom: none;
}
.fuelSurchargeLightbox .datagrid table thead th.plainHead {
padding:8px 0;
border-bottom:1px solid #ccc;
}
.fuelSurchargeLightbox .gridLeft {
width:50%;
float:left;
}
.fuelSurchargeLightbox .gridRight {
width:50%;
float:left;
}
.fuelSurchargeLightbox .datagrid table thead th.plainHead .headCol-1 {
width:57%;
float:left;
}
.fuelSurchargeLightbox .datagrid table thead th.plainHead .headCol-2 {
width:43%;
float:left;
}
.fuelSurchargeLightbox .PriceTableHead {
float:left;
width:100%;
}
.fuelSurchargeLightbox .PriceTableHead label{color:#b7170e;}
.fuelSurchargeLightbox .PriceTableHead h3 {
float:left !important;
margin: 0 0 6px 0 !important;
padding: 0;
font-size: 1.5em;
color: #b7170e;
}
.fuelSurchargeLightbox .switchRadio {
float:right;
margin: 0px 10px 10px 0;
}
.fuelSurchargeLightbox .fuel-price-box .fuel-price-box-border {
float:left !important;
}
.fuelSurchargeLightbox .fuel-price-box .fuel-price-box-border {
margin-bottom:18px !important;
}
/*============================Fuel index new class end=====================================*/
.sitemap h2 {
font-size: 1.5em;
font-weight: bold;
color: #3c3c3c;
}
.sitemap p {
margin-bottom: 7px;
padding-right: 5px;
font-size: 1.083em;
font-weight: bold;
color: #3c3c3c;
}
.sitemap p.last {
margin-bottom: 0;
}
.sitemap p a {
color: #3c3c3c;
text-decoration: none;
}
.sitemap p a:link {
text-decoration: none;
}
.sitemap p a:hover {
color: #b7170e;
}
.sitemap ul {
margin: 5px 0 8px 3px;
padding: 0;
}
.sitemap ul.last {
margin-bottom: 0;
}
.sitemap ul li {
margin: 0;
padding: 0 15px 3px 11px;
background: url(/images/services/red-bullet.gif) no-repeat left top;
background-position: 0 6px;
font-size: 1.083em;
list-style-type: none;
}
.sitemap ul li a {
color: #3c3c3c;
text-decoration: none;
}
.sitemap ul li a:link {
text-decoration: none;
}
.sitemap ul li a:hover {
color: #b7170e;
text-decoration: none;
}
.sitemap ul li ul {
margin-left: 0;
margin-bottom: 0;
}
.sitemap ul li ul li {
font-size: 1em;
}
.sitemap .sitemap-row1 {
margin: 0;
padding: 0;
border-bottom: 1px solid #cecece;
}
.sitemap .sitemap-row1 .sitemap-row1-col1 {
margin: 0;
padding: 0;
float: left;
width: 613px;
}
.sitemap .sitemap-row1 .sitemap-row1-col1 .sitemap-row1-container {
margin: 0 0 20px 0;
padding: 0;
}
.sitemap .sitemap-row1 .sitemap-row1-col1 .sitemap-row1-container .row1-container-col {
margin: 0;
padding: 0;
float: left;
width: 200px;
}
.sitemap .sitemap-row1 .sitemap-row1-col1 .sitemap-row1-container .row1-container-col.withBorder {
border-right: 1px solid #cecece;
padding-right: 10px;
}
.sitemap .sitemap-row1 .sitemap-row1-col2 {
margin: 0 0 0 13px;
padding: 0;
float: left;
width: 246px;
}
.sitemap .sitemap-row2 {
margin: 20px 0 0 0;
padding: 0;
}
.sitemap .sitemap-row2 .sitemap-row2-col {
margin: 0;
padding: 0;
float: left;
width: 220px;
}
@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 .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 header .search .pulldown-overlay .round-border input[type=text] {
width: 142px;
height: 1.333em;
line-height: 1.3em;
}
.ie .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .round-border {
margin: 0 2px 0 0;
zoom: 1;
behavior: url(/common/css/PIE.htc);
}
.ie .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .firstname-right-col .firstname {
width: 210px;
}
.ie .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .lastname, .ie .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .email, .ie .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .phone, .ie .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col .company {
width: 296px;
}
.ie .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col textarea {
width: 290px;
}
.ie .round-border-search input[type=text] {
line-height: 1.167em;
}
.ie .enquiry .jqTransformRadioWrapper {
position: relative;
}
.ie .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col label.label-inside {
padding-left: 3px;
}
.ie .shipping-tasks-tab .tab-top .tab3 {
background: url(/images/shippingtasks/shipping-tasks-tab3-ie.gif) top left no-repeat;
}
.ie .shipping-tasks-tab .tab-top .tab3.active, .ie .shipping-tasks-tab .tab-top .tab3:hover {
background: url(/images/shippingtasks/shipping-tasks-tab3-active-ie.gif) no-repeat left top;
}
.ie .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col label.label-inside {
margin-left: 6px;
padding-right: 12px;
}
.ie .contact-us-tab .tab-bottom .tab-content .about-you .about-you-form .form-row .form-right-col label.label-inside2 {
margin-left: 6px;
padding-right: 8px;
}
.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-g-arrow-light-grey-left {
background-position: 0 -23px;
width: 9px;
height: 14px;
}
.ie7 .update-highlight {
margin-bottom: 20px;
}
.ie7 .update-shipping {
margin-bottom: 16px;
}
.ie7 .update-shipping.last {
margin-bottom: 0;
}
.ie7 .industry-landing .panel a.block img {
filter: alpha(opacity = 100);
}
.ie7 .industry-landing .panel a.block img:hover {
filter: alpha(opacity = 60);
}
.ie7 .media-tab .tab-bottom .tab-content .medialibraryContainer a i {
filter: alpha(opacity = 50);
}
.ie7 .conditions-tab .tab-bottom .tab-content .downloadContainer {
padding: 11px 0 15px 25px;
}
.ie7 .slider-box .slider-box-content .sliderContainer .slider-col-right {
margin: 5px 0 0 0;
}
.ie7 .round-border-search #query2 {
height: 15px;
}
.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;
}
.ie8 .case {
top: -48px;
right: -8px;
z-index: 2;
}
.ie8 .industry-landing .panel a.block img {
/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
}
.ie8 .industry-landing .panel a.block img:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.ie8 .media-tab .tab-bottom .tab-content .medialibraryContainer a i {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.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);
}
.lte7 header #search * {
position: static;
}
@media screen {
}
.news-left-col .news-content p {
line-height: 1.3em !important;
}
.news-right-col .news-content p {
line-height: 1.3em !important;
}
header .secondary-nav .left {
float: left !important;
/* margin-left: 135px;*/
margin-left: 157px;
}
.tabPadding {
padding: 0 17px 0 20px !important;
}
.ui-datepicker-trigger {
float: right;
/*height: 18px;*/
/*margin-right: -42px;
margin-right: -48px\9;*/
margin-top: -6px;
padding: 0px 0 0 10px;
/*padding: 0px 0 0 5px\9;*/
/*right:-35px;*/
position: absolute;
/* top: 4px;*/
vertical-align: baseline;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.ui-datepicker-trigger {
float: right;
/*height: 18px;*/
/*margin-right: -42px;
margin-right: -48px\9;*/
margin-top: -25px;
padding: 0px 0 0 178px;
position: absolute;
/* top: 4px;*/
vertical-align: baseline;
}
}
.shortcut-col1 img
{
width:32px;
height:32px;
}
/* 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%;
}
}
}
*/
header .primary-nav .my-skycargo .pulldown-overlay{left:-79px;}
/* Magnific Popup CSS Kumar Shivam Srivastva */
html.mfp-helper {
height: 100%;
}
html.mfp-helper body {
overflow: hidden;
height: 100%;
-webkit-transform: translateZ(0);
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0);
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 1;
padding: 0 0 18px 10px;
color: #d71921;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #d71921;
right: -6px;
text-align: right;
padding-right: 6px;
cursor: pointer;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 20%;
padding-right: 20%;
transition: all .3s ease;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 70%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
.mfp-iframe-holder {
padding-left: 20%;
padding-right: 20%;
}
}
@media all and (max-width: 500px) {
.mfp-iframe-holder {
padding-left: 5%;
padding-right: 5%;
}
}
@media all and (max-height: 555px) and (min-width: 900px) {
.mfp-iframe-holder {
padding-left: 30%;
padding-right: 30%;
}
}
@media all and (max-height: 430px) and (min-width: 900px) {
.mfp-iframe-holder {
padding-left: 35%;
padding-right: 35%;
}
}
@media all and (max-height: 335px) and (min-width: 900px) {
.mfp-iframe-holder {
padding-left: 40%;
padding-right: 40%;
}
}
.lt-ie9 .mfp-iframe-holder {
padding-left: 20%;
padding-right: 20%;
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
.radio1{
-webkit-appearance: radio !important;
}
/* Magnific Popup CSS Kumar Shivam Srivastva END */
.showImg {overflow: visible !important;}
.fuelSurchargeLightbox .datagrid table .ThSub{font-size:11px; /*white-space: nowrap;*/}