/* Homepage
================================ */
#home #header-wrap, #home #body-wrap {
position: relative;
}
#home #header-wrap {
z-index: 200;
}
#home #utility-nav {
bottom: 8px;
}
#home #body-wrap {
z-index: 100;
padding-bottom: 100px;
}
#home #header {
height: 108px;
}
#home #body {
position: relative;
padding: 0;
}
#home #upper-content {
width: 979px;
height: 335px;
position: absolute;
top: -50px;
}
#home #upper-content .col1 {
width: 469px;
float: left;
}
#home #upper-content h1 {
margin: 85px 0 3px 40px;
}
#home #upper-content .col2 {
width: 317px;
float: right;
padding-top: 73px;
position: relative;
height: 259px;
}
#home #upper-content .col1 ul {
padding-left: 0;
list-style-type: none;
}
#home #upper-content .col1 li img {
margin: 0 5px 2px 0;
vertical-align: middle;
}
#home #upper-content .col1 li {
font-size: 110%;
line-height: 26px;
}
/* BEGIN orange buttons
============================ */
#home #upper-content .col1 .buttons, #home #upper-content .col1 .buttons div, #home #upper-content .col1 .buttons a {
background-image: url(../../images/syr/home/shipping-buttons.png);
background-repeat: no-repeat;
}
#home #upper-content .col1 .buttons {
width: 460px;
height: 53px;
position: absolute;
bottom: 0;
left: -6px;
margin-left: 0;
}
#home #upper-content .col1 .buttons li {
padding: 0;
background-image: none;
}
#home #upper-content .col1 .buttons a {
text-indent: -32767px;
overflow: hidden;
z-index: 10;
}
#home #upper-content .col1 .buttons a, #home #upper-content .col1 .buttons div {
position: absolute;
top: 0;
height: 53px;
}
/* One */
#home #upper-content .col1 .buttons .one a, #home #upper-content .col1 .buttons .one .nav-one {
left: 0;
width: 230px;
}
#home #upper-content .col1 .buttons .one a:hover,
#home #upper-content .col1 .buttons .one a:focus,
#home #upper-content .col1 .buttons .one a:active,
#home #upper-content .col1 .buttons .one .nav-one {
background-position: 0 -53px;
}
/* Two */
#home #upper-content .col1 .buttons .two a {
background-position: -230px 0;
}
#home #upper-content .col1 .buttons .two a, #home #upper-content .col1 .buttons .two .nav-two {
left: 230px;
width: 231px;
}
#home #upper-content .col1 .buttons .two a:hover,
#home #upper-content .col1 .buttons .two a:focus,
#home #upper-content .col1 .buttons .two a:active,
#home #upper-content .col1 .buttons .two .nav-two {
background-position: -230px -53px;
}
/* END orange buttons
============================ */
#home #upper-content h1 {
border: none;
padding: 0;
text-indent: -32767px;
overflow: hidden;
}
#home #upper-content .col2 h2 {
text-transform: uppercase;
font-size: 110%;
color: #000;
margin-bottom: 10px;
}
#home #upper-content .col2 .pad {
margin: 7px 33px 23px 13px;
}
#home #upper-content .col2 h3.track {
/* 
background: url(../../images/ups-logo-sm.png) no-repeat 0 0;
padding: 0 0 0 26px;
*/
line-height: 25px;
padding: none;
margin: 0 0 5px 0;
}
#home #upper-content .col1 li {
color: #fff;
}
#home #upper-content .track label, #home #upper-content .track input.text {
color: #555555;
font-size: 90%;
font-weight: bold;
}
#home #upper-content .track label {
top: 5px;
left: 0;
}
#home #upper-content .track input.text {
width: 129px;
border: 1px solid #d3d3d3;
border-top: 2px solid #707070;
padding: 2px;
padding-right: 4px;
line-height: 1;
margin-right: 3px;
}
#home #upper-content a.button {
float: left;
padding-right: 4px;
padding-left: 4px;
font-size: 88%;
margin-top: 1px;
}
#home #upper-content input.button {
margin-right: 0;
}
#home form, #home fieldset, #home fieldset div {
border: none;
padding: 0;
margin: 0;
}
#home fieldset div {
position: relative;
}
#home #upper-content .col2 .login {
margin-top: 20px;
}
#home #upper-content .col2 .login h3, #home #upper-content .col2 .login p {
float: left;
}
#home #upper-content .col2 form {
clear: left;
}
#home #upper-content .col2 .login p {
font-size: 96%;
font-style: italic;
position: relative;
left: 8px;
top: -1px;
}
#home #upper-content .col2 .login label {
width: 86px;
font-weight: normal;
margin-left: 0;
}
#home #upper-content .col2 .login input.text {
width: 167px;
margin-right: 0;
}
#home #upper-content .col2 .login div {
margin-bottom: 3px;
}
#home #upper-content .col2 .login div.buttons {
padding: 0;
width: 100%;
}
#home #upper-content .col2 .login div.buttons input.button {
float: right;
margin-top: 2px;
}
p#important-note {
position: absolute;
right: 34px;
bottom: 0;
font-size: 104%;
width: 345px;
text-align: right;
}
#home #lower-content {
padding-top: 296px;
}
#home #lower-content .button-grid, #home #lower-content .shipping-info, #home #lower-content .savings-info {
float: left;
}
#home #lower-content h2 {
text-indent: -32767px;
overflow: hidden;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}
#home #lower-content .shipping-info h3 {
color: #444;
font-size: 100%;
position: relative;
z-index: 200;
margin-bottom: 6px;
}
#home #lower-content .shipping-info .dec {
border-top: 1px solid #d3d4d1;
border-bottom: 1px solid #d3d4d1;
margin-top: 11px;
padding: 12px 0 6px 0;
position: relative;
}
#home #lower-content .shipping-info ul {
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
z-index: 200;
padding-bottom: 0;
font-size: 96%;
}
#home #lower-content .shipping-info li {
margin-bottom: 7px;
}
#home #lower-content .shipping-info a {
font-weight: bold;
text-decoration: none;
}
#home #lower-content .shipping-info img {
position: absolute;
top: 14px;
right: -10px;
width: 124px;
height: 107px;
z-index: 100;
}
#home #lower-content .savings-info dl {
border-top: 1px solid #d0d0d0;
margin: 4px 0 10px 0;
width: 201px;
}
#home #lower-content .savings-info dt, #home #lower-content .savings-info dd {
border-bottom: 1px solid #d0d0d0;
margin: 0;
padding: 8px 0;
float: left;
line-height: 1;
font-size: 94%;
}
#home #lower-content .savings-info dt {
width: 161px;
color: #444;
}
#home #lower-content .savings-info dd {
font-weight: bold;
}
#home #lower-content .savings-info p.savings {
font-weight: bold;
font-size: 130%;
}
#home #lower-content .savings-info p.savings span {
position: relative;
left: 37px;
}
#home #lower-content .savings-info p.note {
color: #444;
font-size: 84%;
line-height: 1.4;
}
/* BEGIN kit buttons
============================ */
#home #lower-content .button-grid ul, #home #lower-content .button-grid ul div, #home #lower-content .button-grid ul a {
background-repeat: no-repeat;
}
#home #lower-content .button-grid ul {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
position: relative;
}
#home #lower-content .button-grid ul li, #home #lower-content .button-grid ul li a, #home #lower-content .button-grid ul li div {
float: left;
}
#home #lower-content .button-grid ul li a {
text-indent: -32767px;
overflow: hidden;
z-index: 10;
}
#home #lower-content .button-grid ul li a, #home #lower-content .button-grid ul li div {
position: absolute;
top: 0;
}
#home #lower-content .button-grid ul li.one a, #home #lower-content .button-grid ul li.one .nav-one {
background-position: 0 0;
left: 0;
top: 0;
}
/* END kit buttons
============================ */
#home #pre-footer-wrap {
padding-top: 25px;
}
#home #pre-footer {
width: 980px;
margin: 0 auto;
position: relative;
}
#home #pre-footer h3 {
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
text-transform: uppercase;
font-size: 120%;
margin-bottom: 4px;
}
#home #pre-footer .col1, #home #pre-footer .col2, #home #pre-footer .col3 {
float: left;
font-size: 94%;
}
#home #pre-footer .col1 {
width: 320px;
margin-right: 26px;
}
#home #pre-footer .col2 {
width: 287px;
margin-right: 17px;
}
#home #pre-footer .col3 {
width: 328px;
}
#home #pre-footer img {
float: left;
}
/* Safari hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#home #upper-content .track label { top: 7px; }
}
html[xmlns*=""] body:last-child #home #upper-content .track label { top: 7px; }
body:last-child:not(:root:root) #home #upper-content .track label { top: 7px; }
/* End Safari hacks */
