#headtop {
	text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px #fff !important;
}
.header_theme {
    background-color: #dfeaf1;
}
.teak_left_bg {
	background: url('../../../../../vspfiles/assets/images/summer_left.png');
	height:140px;
	width:270px;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
}
.teak_logo_left a{
	background: url('../../../../../vspfiles/assets/images/summer_logo.png');
	height:140px;
	width:270px;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
}

.teak_logo_left a:hover {
	background-position: 0px -140px;
}

.teak_logo_left a:active {
	background-position: left bottom;
}

#teak_center_bg {
	width:/*474*/737px;
	height:140px;
	position:absolute;
	top:0px;
	left:270px;
	background: url('../../../../../vspfiles/assets/images/summer_center.png');
}
.teak_right_bg{
	background: url('../../../../../vspfiles/assets/images/summer_right.png');
	height:140px;
	width:253px;
	position:absolute;
	top:0px;
	right:0px;
	display:block;
}
.teak_cart_right a{
	background: url('../../../../../vspfiles/assets/images/summer_cart.png');
	height:140px;
	width:253px;
	position:absolute;
	top:0px;
	right:3px;
	display:block;
}

.teak_cart_right a:hover {
	background-position: 0px -140px;
}

.teak_cart_right a:active {
	background-position: left bottom;
}

.beach_glasses{
    background-image: url("../../../../../vspfiles/assets/images/beach_glasses.png");
    height: 43px;
    left: 228px;
    position: absolute;
    bottom: 4px;
    width: 82px;
}
.fortyeight_right {
    position: absolute;
    top: 16px;
    right: 260px;
    display: block;
    text-shadow: 3px 0 0 #166409, -3px 0 0 #166409, 0 3px 0 #166409, 0 -3px 0 #166409, 2px 2px #166409, -2px -2px 0 #166409, 2px -2px 0 #166409, -2px 2px 0 #166409 !important;
    font-size: 18px;
    font-weight: bolder;
    line-height: 20px;
}
#textviewcart_right {
	width:165px;
	position:absolute;
	text-align:center;
	top:113px;
	right:65px;
	font-size:16px;
	text-shadow: 2px 0 0 #166409, -2px 0 0 #166409, 0 2px 0 #166409, 0 -2px 0 #166409, 1px 1px #166409, -1px -1px 0 #166409, 1px -1px 0 #166409, -1px 1px 0 #166409 !important;
}
#textviewcart_right a, .fortyeight_right a {
	color: #FF0 !important;
}
#textviewcart_right a:hover, .fortyeight_right a:hover{
	color: #FAE985 !important;
}
#cloud{
	background: none;
	font-family: Androgyne;
	background-image: url('../../../../../vspfiles/assets/images/summer_cloud.png');
	height: 140px;
	left: 0;
	position: absolute;
	top: 0;
	width: 1260px;
	-webkit-animation: cloud 130s linear infinite;
	-moz-animation: cloud 130s linear infinite;
	-ms-animation: cloud 130s linear infinite;
	animation: cloud 130s linear infinite;
}
@keyframes cloud {
  0% {background-position: 0px 0px ;}
  50% {background-position: 500px 0px ;}
  100% {background-position: 1000px 0px }
}
@-moz-keyframes cloud {
  0% {background-position: 0px 0px ;}
  50% {background-position: 500px 0px ;}
  100% {background-position: 1000px 0px }
}
@-webkit-keyframes cloud {
  0% {background-position: 0px 0px ;}
  50% {background-position: 500px 0px ;}
  100% {background-position: 1000px 0px }
}
@-ms-keyframes cloud {
  0% {background-position: 0px 0px ;}
  50% {background-position: 500px 0px ;}
  100% {background-position: 1000px 0px }
}
#summer_boat{
	background: none;
	font-family: Androgyne;
	background-image: url('../../../../../vspfiles/assets/images/summer_boat.png');
	height: 24px;
	left: 0;
	position: absolute;
	top: 50px;
	width: 1260px;
	-webkit-animation: boat 60s linear infinite;
	-moz-animation: boat 60s linear infinite;
	-ms-animation: boat 60s linear infinite;
	animation: boat 60s linear infinite;
}
@keyframes boat {
  0% {background-position: 0px 0px ;}
  50% {background-position: 500px 0px ;}
  100% {background-position: 1000px 0px }
}
@-moz-keyframes boat {
  0% {background-position: 0px 0px ;}
  50% {background-position: 500px 0px ;}
  100% {background-position: 1000px 0px }
}
@-webkit-keyframes boat {
  0% {background-position: 0px 0px ;}
  50% {background-position: 500px 0px ;}
  100% {background-position: 1000px 0px }
}
@-ms-keyframes boat {
  0% {background-position: 0px 0px ;}
  50% {background-position: 500px 0px ;}
  100% {background-position: 1000px 0px }
}
#fishing {
	background: none;
	font-family: Androgyne;
	background-image: url('../../../../../vspfiles/assets/images/fishing.png');
	height: 46px;
	right: 266px;
	position: absolute;
	top: 42px;
	width: 79px; 
    animation-name: fishing ;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes fishing{
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 3px); }
    to   { transform: translate(0, -0px); }    
}
#swim {
	background: none;
	font-family: Androgyne;
	background-image: url('../../../../../vspfiles/assets/images/swim.png');
	height: 38px;
	left: 278px;
	position: absolute;
	bottom: 40px;
	width: 84px; 
    animation-name: swim ;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes swim{
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 3px); }
    to   { transform: translate(0, -0px); }    
}
#swim_ring {
	background: none;
	font-family: Androgyne;
	background-image: url('../../../../../vspfiles/assets/images/swim_ring.png');
	height: 28px;
	right: 19px;
	position: absolute;
	bottom: 40px;
	width: 53px; 
    animation-name: swim_ring ;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes swim_ring{
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 3px); }
    to   { transform: translate(0, -0px); }    
}
/*
#jet_ski{
	background: none;
	font-family: Androgyne;
	background-image: url('../../../../../vspfiles/assets/images/jet_ski.png');
	height: 35px;
	left: 0;
	position: absolute;
	top: 50px;
	width: 997px;
	-webkit-animation: jet_ski 30s linear infinite;
	-moz-animation: jet_ski 30s linear infinite;
	-ms-animation: jet_ski 30s linear infinite;
	animation: jet_ski 30s linear infinite;
}
@keyframes jet_ski {
  0% {background-position: 0px 0px ;}
  50% {background-position: -500px 0px ;}
  100% {background-position: -1000px 0px }
}
@-moz-keyframes jet_ski {
  0% {background-position: 0px 0px ;}
  50% {background-position: -500px 0px ;}
  100% {background-position: -1000px 0px }
}
@-webkit-keyframes jet_ski {
  0% {background-position: 0px 0px ;}
  50% {background-position: -500px 0px ;}
  100% {background-position: -1000px 0px }
}
@-ms-keyframes jet_ski {
  0% {background-position: 0px 0px ;}
  50% {background-position: -500px 0px ;}
  100% {background-position: -1000px 0px }
}
*/


/* START SCROLL NAV */
.scroll_wrap {
    background-image: url("../../../../../vspfiles/assets/images/scroll_menu_summer.jpg") !important;
}
.scroll_wrap ul, #scroll_search_mobile input#search_field {
    background: rgba(0, 102, 153, 0.5) none repeat scroll 0 0 !important;
}

.scroll_cart {
    background: rgba(0, 0, 0, 0) url("../../../../../vspfiles/assets/images/cart_responsive_blue.png") no-repeat scroll 0 0 !important;
}
.scroll_cart .scroll_count {
    color: #fcff00 !important;
}
/* END SCROLL NAV */