﻿#wrapper{font-family: Helvetica;color:#808080;min-height:100%;font-size:16px;line-height:1;}
/*option[selected] { background-color:transparent; }*/
.category-selectors-block ul { margin: 0; padding: 0;}
.category-selectors-block li {margin: 0;padding: 0;display: inline;list-style-type: none;}

input {border:solid 1px #d4d5d6;font-size:14px;}
#LocalitiesBlock input[type=text] {background-image:url(/public/images/promo/shipping-calculator/txtInput-bg.png);background-repeat: repeat-x;margin-right: 5px;border-radius: 5px;padding-left:10px;}
#LocalitiesBlock input[type=text]:hover {border:solid 1px #b5b5b5;}
input[type=button] {margin-right: 5px;border-radius: 5px; cursor:pointer;}
select {font-size: 100%; cursor:pointer;margin:2px 5px 5px 0; font-size:14px; height:36px}
select:hover {border:solid 1px #b5b5b5;}
a {outline:0;} 
img {border: 0;}

#EstimateDetailsBlock{margin-top:22px; text-align:center; color:#333;}
.category-selectors-block a {width:75px;height:75px;display:inline-block;margin-top:10px; cursor:pointer;}
#EstimateItemOutputBlock {display:none;}
#LocalitiesBlock input[type=text] {width:201px;height:36px;}
#ListMyShipmentBlock {padding-top:22px;padding-bottom:22px;text-align:center;}
#ResetControlsBlock {padding-top:22px;text-align:center;}
#ParcelButton {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -0px top;
}
#ParcelButton:hover {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -0px -75px;
}
#FreightButton {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -75px top;
}
#FreightButton:hover {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -75px -75px;
}
#VehiclesButton {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -150px top;
}
#VehiclesButton:hover {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -150px -75px;
}
#MotorcyclesButton {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -225px top;
}
#MotorcyclesButton:hover {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -225px -75px;
}
#BoatsButton {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -300px top;
}
#BoatsButton:hover {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -300px -75px;
}
#FurnitureButton {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -375px top;
}
#FurnitureButton:hover {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -375px -75px;
}
#MovingButton {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -450px top;
}
#MovingButton:hover {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -450px -75px;
}
#PianosButton {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -525px top;
}
#PianosButton:hover {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -525px -75px;
}
#PetsButton {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -600px top;
}
#PetsButton:hover {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -600px -75px;
}
#PlantsButton {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -675px top;
}
#PlantsButton:hover {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -675px -75px;
}
#EquipmentButton {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -750px top;
}
#EquipmentButton:hover {
  background-image: url('/public/images/promo/shipping-calculator/shippingcalcsprites.png');
  background-position: -750px -75px;
}
#AddNewItemBlock {border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;text-align:center;font-size:small;font-weight:bold; height:36px;padding-top:10px} 
#AddNewItemBlock:hover {background-image:url(/public/images/promo/shipping-calculator/AddNewItem_Hover.png);}
#AddNewButton {background-image:url(/public/images/promo/shipping-calculator/add.png);background-color:transparent;background-repeat: no-repeat;height:30px;width:30px;border:0;}

#GetEstimateButton {background-color:transparent;background-image:url(/public/images/promo/shipping-calculator/getEstimateButton-bg.png);font-weight:bold;color:white;margin:0 auto;width:335px;height:56px;border:solid 1px #1a63a3;margin-top:22px; margin-bottom:22px;}
#GetEstimateButton:hover {background-image:url(/public/images/promo/shipping-calculator/getEstimateButton-bg_hover.png);}
#GetEstimateButton:focus {background-image:url(/public/images/promo/shipping-calculator/getEstimateButton-bg_pressed.png);}

#ResetControlsButton {background:transparent;border:0;font-size:12px;color:#256ba7;}
#ResetControlsButton:hover {text-decoration:underline;}

#InstructionsBlock{padding-left:30px;padding-right:22px;text-align:left; color:#333;}

#EstimateItemResultBlock {font-weight:bold;font-size:44px;color:#333;margin-top:10px;margin-bottom:10px;}
#wrapper {border:solid 1px #b5b5b5;border-radius:5px;overflow:hidden;width: 964px;margin: 0 auto;position:relative; background: url('/public/images/elements/bgs/shipping-calculator-background.jpg') 0 0 repeat-y;min-height:100%}
.wrapper2 {background: url('/public/images/promo/shipping-calculator/powerdByUship.png') right bottom no-repeat; }
.category-selectors-block {background-image:url(/public/images/promo/shipping-calculator/categorySelectors-bg.gif);height:86px;border-top-left-radius: 5px;border-top-right-radius: 5px;text-align:center;}
#LocalitiesBlock {position:relative;padding-left:33px;height:50px; padding-top:10px; padding-bottom:8px;}
#left {width: 630px;display: inline-block; min-height:320px;}

#right {margin-left: 25px;display: inline-block; vertical-align: top; border-bottom-right-radius:5px;position:relative;text-align:center;}

#InstructionsBlock h2 { display: block; unicode-bidi: embed; font-size: 1.5em; margin: .75em 0; line-height: 1.2em; font-weight: bolder; page-break-after: avoid; }
#InstructionsBlock ol {padding:0;margin:0;}
#InstructionsBlock ol li {list-style-type:decimal;display:block;padding-bottom:22px;margin-left:0;}
#ListMyShipmentButton {background-image:url(/public/images/promo/shipping-calculator/listMyItemsButton.png);font-weight:bold;color:#333;text-shadow: 1px 1px 1px #fff;margin:0 auto;width:185px;height:38px;border:solid 1px #e2a61c;border-radius:5px;}
#ListMyShipmentButton:hover {background-image:url(/public/images/promo/shipping-calculator/listMyItemsButton_hover.png);}
#ListMyShipmentButton:focus {background-image:url(/public/images/promo/shipping-calculator/listMyItemsButton_pressed.png);}
#EstimateItemsInputBlock {
	min-height: 75px;
	overflow: auto;
}

.parentCommoditySelect{width:475px; display:inline; height:36px;}
.childCommodityBlock{width:353px; display:inline;}
.childCommoditySelect{width:353px; height:36px;}
.qtySelect{width:113px; height:36px; display:inline;}

.rightPanelItem {position:relative;border-bottom:solid 1px #cccccc;height:50px; font-size:18px; font-weight:bold; color:#333; padding-top:10px;}

.commodityNameBlock {width:150px;display:inline-block;text-align:left; margin-top:10px; margin-left:-5px;}
.priceBlock {width:125px;display:inline-block;text-align:right; margin-top:25px;}
.error {color:#C00;}

.standardEstimateItemControlWrapper{padding-left:33px; padding-top:22px; padding-bottom:22px; border-top: 1px solid #cccccc;}
.variantTxtBlock {width:100px; display:inline;}
.variantTxt{width:110px; height:36px; display:inline; border-radius:5px; display:inline; text-align:center;position: absolute;margin-left: 5px;}
.variantTxtParcel{width:110px; height:36px; display:inline; border-radius:5px; display:inline; text-align:center;}
.ie9 .variantTxt, .ie8 .variantTxt{margin-left: 0;}
.vehicleYearSelect {width:118px;height:36px;}
.checkboxGroupBlock {font-size:small;font-weight:bold;margin-top:22px;}
.vehicleModelSelect {height:36px; width:172px;display:none;}
.vehicleMakeSelect {height:36px;width:172px;display:none;}
.removeItemButton:hover {background-image:url(/public/images/promo/shipping-calculator/close_hover.png);}
/*.help {background-image:url(/public/images/promo/shipping-calculator/help.png);background-color:transparent;background-repeat: no-repeat;height:30px;width:30px;border:0;}*/
.home-ziplookup {
	position: relative;
	top: 10px;
	left: -5px;
}
.removeItemButton {background-image:url(/public/images/promo/shipping-calculator/close.png);background-color:transparent;background-repeat: no-repeat;height:30px;width:30px;border:0;position:absolute; top:3px; right:0;}
.loading {position: absolute;display: none;opacity: 0.90;z-index: 100000;top:120px;left:190px;}
.loadingOverlay {
	top:0;
	position:absolute;
	height:100%;
	width:100%;
	background:url('/public/images/promo/shipping-calculator/loading.gif') no-repeat center / 75px 75px rgba(229,229,229,0.6);
	/*box-shadow:0 -20px 20px -0px #E5E5E5 inset;*/
}
.watermark {color: #999; text-align:center;}
.loc_watermark {color: #999; text-align:left;}

#GetEstimateBlock {text-align:center; width: 630px; background:white; float:left; height:100px}
.poweredByImg {}
#poweredByBlock {height:60px}

.clear {clear:both;}

.standardEstimateItemControlWrapper {position:relative;}

span.customSelect {
    height:27px;
	background-image:url(/public/images/promo/shipping-calculator/dd-bg.gif);
    background-position:right;
    border: 0;margin-bottom: 5px;margin-right: 5px;border-radius: 5px;font-size:14px;
	padding-top:8px;
    padding-left:8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px 5px;
    border: 1px solid #d4d5d6;
}
span.customSelect.changed {
	background-color: #f0dea4;
}
.customSelectInner {
	height:27px;
    margin-bottom: 5px;
    margin-right: 5px;
}



/* colors */
.header h1 { color : #333; }

.header h2,
.feature-desc-body p,
a.cta-secondary { color : #666; }

.feature-desc-body h3 { color : #454545;}

/* typography */
.header h1,
.feature-desc-body h3,
a.cta-secondary { font-weight:bold;}

.header h1 {
    font-size: 3em;
    line-height:2em;
}

.header h2 { font-size: 1.2em; }

.feature-desc-body h3 { font-size: 2em; }

.feature-desc-body p {
    font-size: 1.3em;
    line-height:1.6em;
}

a.cta-secondary {
    text-align: center;
    font-size: 1.3em;
    text-decoration: none;
}

/* layout */
.add .feature-desc,
.api .feature-desc,
.customize .feature-img,
.cta-container,
.feature-img .feature-img-container { float:left; }

.shipping-calculator-print {
    float: right;
}

.customize .feature-desc,
.add .feature-img,
.api .feature-img { float: right; }

.content-wrapper { width: 960px; }

.header { margin-bottom:3em; }

.calc-container,
.feature { margin-bottom:6em; }

.feature { display: inline-block; }

.feature-desc { width: 57%; }

.add .feature-img-container {
	width: 353px;
	height: 241px;
}
.customize .feature-img-container {
	width: 330px;
	height: 256px;
}
.api .feature-img-container {
	width: 247px;
	height: 199px;
}

.feature-desc-body,
.feature-desc-body h3 { margin-bottom: 25px; }

/* buttons */
a.cta-secondary {
	display: block;
	width: 165px;
	line-height: 3em;
	background-color: #efefef;
	border: 1px solid #c9c9c9;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fcfcfc;
	background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fcfcfc 0%, #efefef 100%);
	background: -o-linear-gradient(top, #fcfcfc 0%, #efefef 100%);
	background: -ms-linear-gradient(top, #fcfcfc 0%, #efefef 100%);
	background: linear-gradient(to bottom, #fcfcfc 0%, #efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 );
	-webkit-box-shadow: rgba(0, 0, 0, 0.075) 0 -1px 2px inset, rgba(255, 255, 255, 0.2) 0 1px 0 inset;
	-moz-box-shadow: rgba(0, 0, 0, 0.075) 0 -1px 2px inset, rgba(255, 255, 255, 0.2) 0 1px 0 inset;
	box-shadow: rgba(0, 0, 0, 0.075) 0 -1px 2px inset, rgba(255, 255, 255, 0.2) 0 1px 0 inset;
}

a.cta-secondary:hover {
	background-color: #e5e5e5;
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #e5e5e5));
	background: -webkit-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
	background: -o-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #f2f2f2 0%, #e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e5e5e5',GradientType=0 );
}

a.cta-secondary:active {
	background-color: #d5d5d5;
	background: #d5d5d5;
	background: -moz-linear-gradient(top, #d5d5d5 0%, #e2e2e2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5d5d5), color-stop(100%, #e2e2e2));
	background: -webkit-linear-gradient(top, #d5d5d5 0%, #e2e2e2 100%);
	background: -o-linear-gradient(top, #d5d5d5 0%, #e2e2e2 100%);
	background: -ms-linear-gradient(top, #d5d5d5 0%, #e2e2e2 100%);
	background: linear-gradient(to bottom, #d5d5d5 0%, #e2e2e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#e2e2e2',GradientType=0 );
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px inset;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px inset;
	box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px inset;
}