@charset "UTF-8";
/* CSS Document */



/*****************************************/
/* Reset */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table, td {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End Reset */
/*****************************************/

/* Use this at the bottom of the container neading clearing */
.clear {
  clear: both;
  height: 0;
}


a {
   text-decoration: none;
   color:#176499;
}
a:hover {
   color:#1f87cf;
}
   

body {
	background-image: url(../sun_bg.png);
	}

td.buttons {
   height: 40px;
   padding-top:4px;
	}
	.top_bar {
      text-align: center;
      width:1024px;
      
      position:relative;
      left:-1px;
      

	}

p, span, a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.footer_text {
	color: #339999;
	
	
	}
	
a img {
	border:none;
	}
	
	
	
.std_button {
   
   
/*    width:80px; */
   height:21px;
   text-align: left;
   float: left;
}
   .std_button a {
      background-color: #36cfbd;
      border: 1px solid #c7dfdb;
   
      color:white;
      text-decoration: none;
      display:block;
/* Height must take into account padding and border!*/
      height: 17px;
      
      padding-left: 5px;
      padding-top: 4px;
      
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      
      cursor: default;
   }
   

   .std_button ul {
      display: none;
      position: absolute;
   }
   
   .std_button ul a {
      padding-right:10px;
   }
   
   
      .li_hover a {
         border:1px solid #000000;
      }
      a.div_hover {
         border:1px solid #000000;
      }

   
   
      
      .dropdown {
         background-image: url(../images/arrow_down.gif);
         background-repeat: no-repeat;
         background-position: right;
         width: 10px;
         height: 5px;
      }
      
      img.cart_icon {
         position: relative;
         top:-2px;
         left:-5px;
         width: 24px;
         height: 17px;
      }
      
      img.arrow_down_icon {
         position: relative;
         top:4px;
         left:-4px;
         width: 10px;
         height: 5px;
      }
      
      div.spacer {
         float: left;
      }
   
   
   div.search_box {
      
      float: left;
      width:503px;
      position: relative;
      top:-445px;
      z-index:300;
   }
   
   div.search_form {
      position: absolute;
      width: 503px;
   
/*       width:550px;    */
   
      height: 473px;
      background-color: #def8f3;
      border: 1px solid #c7dfdb;
   }
   
      div.search_bar {
/*          width: 410px; */
         padding-top: 5px;
         padding-left:40px;
      
      }
         .search_input {
/*             width:296px; */
            float: left;
            padding-left: 5px;
         }
         
         .search_input input {
            float: left;
         }
         .search_input input#search_input{
            
            height: 19px;
            width: 263px;
            padding-left: 3px;
            
            border: 1px solid #707171;
            
         }
         .search_input input#search_btn {
            width:22px;
            height:23px;
            position: relative;
            left: -1px;
         }
         .search_input input#close_btn {
            width:22px;
            height:23px;
            position: relative;
            left: 4px;
         }
         
   
/*    End top nav bar styling */
   
.search_results {

   text-align: left;
   padding-left:15px;
}
   .results_heading {

      font-size: 18px;
      padding:20px 0px;
   }
   
   .scroll_box {
      border:1px solid #c7dfdb;
      height: 378px;
      width:475px;
      overflow: scroll;
      overflow-x: hidden;
   }
   
   ul#results_list li {
      padding-top: 10px;
      padding-left: 10px;
   }

   
   
.overlay_on {
   background-color: black;
   width: 100%;
   height: 100%;
   position: absolute;
   top:0px;
   left:0px;
   
   cursor: pointer;
   
   z-index:200;
}
   
.dropdown_overlay {
   z-index:400;
   
/*    cursor: pointer; */
   
   background-color: black;
   
   
   width: 100%;
   height: 100%;
   position:absolute;
   top:0px;
   left:0px;

}
  
   input.search_init {
      color:#AFAFAF;
   }
   
   
   @-moz-document url-prefix() { 
   
      .search_input input#search_btn { 
/*          height: 21px;  */
      } 
   
   }
   
   
   @media screen and (-webkit-min-device-pixel-ratio:0){
      .search_input input#search_btn {
/*          margin-left: 10px; */
      }
   }
   
   
   .country_btn {
      width:72px;
   }
   .search_popular {
      width:132px;
   }
   .shopping_cart {
      width:124px;
      float:right;
   }
   
   /*******************************************/
   /*******************************************/
   /*************** SPAIN *********************/
   
   body.es .search_popular {
      width:160px;
   }
   
   body.es .search_input {
      width:280px;
   }
   
   body.es .search_input input#search_input {
      width:230px;
   }
   
   body.es .shopping_cart {   
      width: 164px;
   }