/* Site-specific styles
================================ */
body {
background: #59A9CA;
}
.highlight {
color: #1E6230;
}
/* !===global headings=== */
h2 {
color: #177aa4;
}

/* !===header=== */
#header-wrap {
background: #fff url(../../images/sya/header-top-bg.png) repeat-x 0 0;
}
#header {
background: url(../../images/sya/header-bottom-bg.png) repeat-x left bottom;
}
#logo {
top: 24px;
left: -6px;
}
#logo, #logo img {
width: 374px;
height: 70px;
}
#breadcrumbs {
background: #BFEAF8 url(../../images/sya/breadcrumbs-bg.png) repeat-x left bottom;
}

/* Begin Main Nav */
#main-nav {
width: 611px;
height: 48px;
position: absolute;
top: 0;
right: -13px;
}
#main-nav, #main-nav div, #main-nav a, #main-nav strong {
background-image: url(../../images/sya/main-nav.png);
background-repeat: no-repeat;
}
#main-nav a, #main-nav strong {
text-indent: -32767px;
overflow: hidden;
z-index: 10;
}
#main-nav a, #main-nav div, #main-nav strong {
position: absolute;
top: 0;
height: 48px;
}
/* One */
#main-nav .one a, #main-nav .one .nav-one, #main-nav .one strong {
left: 0;
width: 174px;
}
#main-nav .one a:hover,
#main-nav .one a:focus,
#main-nav .one a:active,
#main-nav .one .nav-one, #main-nav .one strong, #main-nav .one a.active {
background-position: 0 -55px;
}
/* Two */
#main-nav .two a, #main-nav .two strong {
background-position: -174px 0;
}
#main-nav .two a, #main-nav .two .nav-two, #main-nav .two strong {
left: 174px;
width: 151px;
}
#main-nav .two a:hover,
#main-nav .two a:focus,
#main-nav .two a:active,
#main-nav .two .nav-two, #main-nav .two strong, #main-nav .two a.active {
background-position: -174px -55px;
}
/* Three */
#main-nav .three a, #main-nav .three strong {
background-position: -325px 0;
}
#main-nav .three a, #main-nav .three .nav-three, #main-nav .three strong {
left: 325px;
width: 180px;
}
#main-nav .three a:hover,
#main-nav .three a:focus,
#main-nav .three a:active,
#main-nav .three .nav-three, #main-nav .three strong, #main-nav .three a.active {
background-position: -325px -55px;
}
/* Four */
#main-nav .four a, #main-nav .four strong {
background-position: -505px 0;
}
#main-nav .four a, #main-nav .four .nav-four, #main-nav .four strong {
left: 505px;
width: 106px;
}
#main-nav .four a:hover,
#main-nav .four a:focus,
#main-nav .four a:active,
#main-nav .four .nav-four, #main-nav .four strong, #main-nav .four a.active {
background-position: -505px -55px;
}
/* End Main Nav */

#utility-nav li.cart a {
background-image: url(../../images/sya/cart-icon.png);
}
/* !===body=== */
#body-wrap {
background: #fff url(../../images/sya/footer-top-bg.png) repeat-x left bottom;
}
body.sya table.dec th {
color: #000;
background: #B9EAFA;
}
body.sya #body .shopping-cart form.proceed-form-bottom {
bottom:-20px;
}
p.print a {
background-image: url(../../images/syr/printer-icon.png);
}
#col3 h2 {
text-indent: -32767px;
overflow: hidden;
background-repeat: no-repeat;
background-position: 0 0;
width: 248px;
height: 42px;
margin: 0;
padding: 0;
}
#col3 .video h2 {
background-image: url(../../images/syr/video-heading.png);
}
#col3 .video img {
width: 98px;
height: 65px;
float: left;
margin: 0 8px 8px 0;
}
#col3 .video a {
color: #000;
text-decoration: none;
display: block;
}
#col3 .video a:hover, #col3 .video a:focus, #col3 .video a:active {
color: #90000f;
text-decoration: underline;
}
#col3 .supplies h2 {
background-image: url(../../images/syr/supplies-heading.png);
}
#col3 .supplies p, #col3 .supplies li {
font-weight: bold;
font-size: 90%;
}
#col3 .supplies p {
color: #444;
margin: 5px 0 0 0;
}
#col3 .supplies li {
padding: 0 8px;
border-left: 1px solid #858684;
line-height: 1;
margin-top: 7px;
white-space: nowrap;
}
#col3 .supplies li.plain {
padding-left: 0;
border: none;
}
#col3 .supplies li.break {
clear: left;
}
#col3 .supplies li a {
text-decoration: none;
}
a.button, input.button {
background-color: #bf1e2d;
border: 1px solid #89000d;
}
a.button:hover, a.button:focus, a.button:active,
input.button:hover, input.button:focus, input.button:active {
background-color: #6c000c;
border-color: #360006;
}
/* !===footer=== */
#footer-wrap {
background: url(../../images/sya/bubble-grad.jpg) repeat-x 0 0;
min-height: 363px;
}
#email-signup {
border: 1px solid #24779a;
border-right-color: #dbf1fa;
border-bottom-color: #dbf1fa;
background: #9bd8f0;
}
#footer #footer-content li {
border-left: 1px solid #fff;
}
#footer #footer-content a:link {
color: #fff;
}
#footer #footer-content a:visited {
color: #eee;
}
#footer #footer-content p {
color: #fff;
}
#footer #footer-content div {
border-bottom: 1px solid #64b6da;
}
/* !===BEGIN template types================= */
/* !===three cols=== */
#sec-nav h2 {
background: url(../../images/sya/sec-nav-header-bg.png) no-repeat left bottom;
border: 1px solid #21a1d7;
}
#sec-nav h2 strong, #sec-nav h2 a {
background: #b9eafa;
}
/* !===END template types================= */
/* Get Help */
.get-help-main ul.internal-link-list {
margin-left: 16px;
padding-left: 16px;
list-style-type: disc;
font-size: 100%;
font-weight: normal;
}

/* !===forms=== */
legend {
color: #177aa4;
}
.help_content_with_script {
border-color: #1E6230;
}
ol.progress li {
background-image: url(../../images/sya/progress-icons.png);
}
.login-create .create .reasons ul li {
background-image: url(../../images/sya/check.png);
}

/* Banners */
.banners {
padding: 20px;
}
.banners h1 {
border: none;
}
.banners h2 {
margin-top: 30px;
}
.banners p.logo {
position: relative;
left: -13px;
margin-bottom: 30px;
}
.banners h2 {
clear: left;
}
.banners ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
.banners li {
clear: left;
margin-top: 20px;
}
.banners ul, .banners li, .banners li p {
float: left;
}
.banners li p.first {
width: 150px;
margin-right: 28px;
}
.banners li a {
display: block;
}
.banners li a.button {
margin-top: 4px;
border: 1px solid #72c92c;
background: #d7eea0;
color: #206630;
text-transform: none;
text-align: center;
font-size: 120%;
line-height: 40px;
}
.banners li a.button:hover, .banners li a.button:focus, .banners li a.button:active {
background: #e5f7b9;
}

/* Products */
ul.product-list li {
min-height: 280px; /* To accomodate for longer product titles and item box wrapping/floating */
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#footer a {
	font-size: 90%;
	}
}
html[xmlns*=""] body:last-child #footer a {
	font-size: 90%;
}
body:last-child:not(:root:root) #footer a {
	font-size: 90%;
}
@media all and (min-width: 0px) {
	body:not(:root:root) #footer a {
	font-size: 90%;
	}
}