/************************************************************/
/******************[ NAVIGATION ]*******************/
/************************************************************/

/*NOTE: to insert CSS styles or JS files, write in:
app\design\frontend\default\default\layout\page.xml*/

/*app\design\frontend\default\default\template\page\html*/
/* HEADER.phtml  */


#logo_wv a{
	position: absolute;
	top:10px;
	left: 804px; 
	width: 136px; 
	height: 54px; 
	background:transparent url(../images/logo_wv.gif) repeat-x;}

/* floating objects  */

#float {position: absolute;
display:inline;}


#float_left {
	position: absolute;
	top:190px;
	left: -45px; 
	width: 45px; 
	height: 85px; 
	background:transparent url(../images/float_left.gif) repeat-x;}
	
#float_left2 {
	position: absolute; 
	left: -80px; 
	top: 145px;
	width: 80px; 
	height: 28px; 
	background:transparent url(../images/givenow.gif) repeat-x;}
	
#float_right {
	position: absolute;
	top: 135px;
	right: -31px;
	width: 31px; 
	height: 120px; 
	background:transparent url(../images/float_right.gif) repeat-x;}
	
#float_right2 {
	position: absolute;
	top: 73px;
	left: 244px;
	width: 87px; 
	height: 67px; 
	background:transparent url(../images/nav_gifts.gif) repeat-x;}

/* toplinks  */

#float_toplinks {
	float: right;
	width: 311px; 
	height: 27px; 
	background:transparent url(../images/bg_toplinks.gif) repeat-x;}

#toplinks_1 a{
	position:relative;
	float:left;
	width: 97px;
	height: 27px;}
	
#toplinks_1 a:hover{
	position:relative;
	float:left;
	width: 97px;
	height: 27px;
	background:transparent url(../images/bg_toplinks.gif) repeat-x;
    background-position: 0px -27px; }
	
#toplinks_2 a{
	position:relative;
	float:left;
	width: 73px;
	height: 27px;}
	
#toplinks_2 a:hover{
	position:relative;
	float:left;
	width: 73px;
	height: 27px;
	background:transparent url(../images/bg_toplinks.gif) repeat-x;
    background-position: -97px -27px; }
	
#toplinks_3 a{
	position:relative;
	float:left;
	width: 88px;
	height: 27px;}
	
#toplinks_3 a:hover{
	position:relative;
	float:left;
	width: 88px;
	height: 27px;
	background:transparent url(../images/bg_toplinks.gif) repeat-x;
    background-position: -170px -27px; }
	
	
#toplinks_4 a{
	position:relative;
	float:left;
	width: 53px;
	height: 27px;}
	
#toplinks_4 a:hover{
	position:relative;
	float:left;
	width: 53px;
	height: 27px;
	background:transparent url(../images/bg_toplinks.gif) repeat-x;
    background-position: -258px -27px; }


/* navigation menu  */

	img { 
		border:0;
		padding: 0;
		margin: 0;
	}

	a img {
		text-decoration:none;
		border:0;
		padding: 0;
		margin: 0;
	}
	

#float_nav {position: absolute;
top: 116px;
left: 0px;
display:inline;
z-index: 1000;}

#nav_menu { 	
	position: absolute;
	display: inline;
	width: 950px;
}

#nav_1 a {position:relative;
float:left;
height: 30px;
width: 39px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: 0px 0px; }

#nav_1 a:hover{position:relative;
float:left;
height: 30px;
width: 39px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: 0px -30px; }

#nav_2 a {position:relative;
float:left;
height: 30px;
width:77px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -39px 0px; }

#nav_2 a:hover{position:relative;
float:left;
height: 30px;
width:77px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -39px -30px; }

#nav_3 a {position:relative;
float:left;
height: 30px;
width:117px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -116px 0px; }

#nav_3 a:hover{position:relative;
float:left;
height: 30px;
width:117px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -116px -30px; }

#nav_4 a {position:relative;
float:left;
height: 30px;
width:124px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -233px 0px; }

#nav_4 a:hover{position:relative;
float:left;
height: 30px;
width:124px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -233px -30px; }

#nav_5 a {position:relative;
float:left;
height: 30px;
width:131px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -357px 0px; }

#nav_5 a:hover{position:relative;
float:left;
height: 30px;
width:131px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -357px -30px; }

#nav_6 a {position:relative;
float:left;
height: 30px;
width:125px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -488px 0px; }

#nav_6 a:hover{position:relative;
float:left;
height: 30px;
width:125px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -488px -30px; }

#nav_7 a {position:relative;
float:left;
height: 30px;
width:109px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -613px 0px; }

#nav_7 a:hover{position:relative;
float:left;
height: 30px;
width:109px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -613px -30px; }

#nav_8 a {position:relative;
float:left;
height: 30px;
width:110px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -722px 0px; }

#nav_8 a:hover{position:relative;
float:left;
height: 30px;
width:110px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -722px -30px; }


#nav_9 a {position:relative;
float:left;
height: 30px;
width:118px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -832px 0px; }

#nav_9 a:hover{position:relative;
float:left;
height: 30px;
width:118px;
background:transparent url(../images/nav.gif) repeat-x;
background-position: -832px -30px; }


.msg-ecard {
/*background-color:#FAEBE7;
border:1px dashed #EB340A !important;*/
color:#EB340A;
display:none;
font-weight:bold;

}