@charset "UTF-8";

            
 /**********************************************************************

                             AYELENA WARNING
             CORRECTIONS OF ONE OF THOSE LINES                                  
               WILL AFFECT ALL THE PLATEFORMS                                      

 
 /**********************************************************************
 
 
 
 
 
 
 
 /**********************************************************************
        
	                           PRELOAD STYLE
	  
************************************************************************/



#preloader {
position:absolute; 
background-color:white; 
height:100%; 
width:100%;
top:232px;
display:none;
z-index:5;
}

#preloadIMG {
position:absolute;
left:50%;
width:120px;
margin-left:-10px;
height:400px;
top:140px;
}
 
 
 
           
		   
/******************************************************************************************
   
                                 TEMPLATE CORE                                               
             regulate tabs - input - a link ...

/******************************************************************************************/


body {  
	
	 /******      USE FOR BG ADDS ONLY    ********/ 
/* background-image:url('http://media.ayelena.com/media/gen/ay_home.gif'); */
    color:#555;
	font:80%/140% 'helvetica neue',sans-serif;
    background-repeat:no-repeat;
    margin-top:35px;
	 }

#container {
  margin-left: auto;
     margin-right: auto;
	 width:1100px;
}

#globals{
     margin-left: auto;
     margin-right: auto;
	 width:1024px;
	 }
	 
h3 {
font-size:14px;
color:#0066FF;
font-weight:bold;
}	 
	
h1,h2{
   font:bold 80% 'helvetica neue',sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
	} 
/* links 
a:link {
	color: #000; text-decoration: none;
	}
a:visited {
	color: #000; text-decoration: none;
	}
a:hover {
	color: #fff; 
	background-color: #3d6ac2;
	font-weight:bold;
border-radius: 3px;
-webkit-border-radius: 3px;
-opera-border-radius: 3px;
-moz-border-radius: 3px;
	}
*/
	 
#ban {
background-image:url('http://media.ayelena.com/gen/immo_sans_com.png');
height:170px;
background-repeat:no-repeat;
width:960px;
margin-top:0px;
margin-right:510px;

}
#connect {
margin-left:795px;
float:left;
}

#flag {
height:42px;

}

#top_menu {
height:35px;
margin: 0 auto;
width:100%;
margin-top:0px;
}




/* menu */
#ay_menu {
width:1000px;
height:35px;
}

/* menu's links */
#ay_menu a {
color:#000; text-decoration:none; font-size:13px;
}
#ay_menu a:hover {
color: #fff; 
font-size:13px;
	background-color: #C66300;
	font-weight:bold;
border-radius: 3px;
-webkit-border-radius: 3px;
-opera-border-radius: 3px;
-moz-border-radius: 3px;
}
#ay_menu a:active {
color: #fff;
font-size:13px; 
background-color: #C66300;
font-weight:bold;
border-radius: 3px;
-webkit-border-radius: 3px;
-opera-border-radius: 3px;
-moz-border-radius: 3px;
}
.ay_class_list {
color:#000;
font-weight:bold;
font-size:13px;
margin-top:15px;

}
.ay_class_list a {
color:#0099FF;
font-weight:bold;
font-size:13px;
text-decoration:none;
}
.ay_class_list a:hover {
color:#fff;
font-weight:bold;
font-size:13px;
text-decoration:none;
background-color: #0099FF;
border-radius: 3px;
-webkit-border-radius: 3px;
-opera-border-radius: 3px;
-moz-border-radius: 3px;

}
.ay_class_list a:active {
color:#fff;
font-weight:bold;
font-size:13px;
text-decoration:none;
background-color:#0099FF;
border-radius: 3px;
-webkit-border-radius: 3px;
-opera-border-radius: 3px;
-moz-border-radius: 3px;
}

/* repartition of the content */
#left {
width:250px;
float:left;
}

#middle {
width:30px;
float:left;
height:800px;
}

#right {
width:820px;
float:left;


}



#dd_list
 {
 width:800px;
 height:500px;
 margin: 0 auto;
 }


/* search home form */
#ay_search_home {
height:330px;
width:250px;
float:left;
text-align:center;
}
/* ie hack */
*html #ay_search_home {
height:330px;
}
/* serach home links */
#ay_search_home a {
color:#000;
text-decoration:none;
font-weight:bold;
}
#ay_search_home a:hover {
color:#fff;
font-weight:bold;
background-color:#999999;
text-decoration:none;
}

#ay_inscript {
width:240px;
height:200px;
background-image:url('http://media.ayelena.com/tpl/images/bg_inscript.gif');
background-repeat:no-repeat;
float:left;
color:#fff;
font-size:14px;
font-weight:bold;
text-align:center;
}
#ay_inscript_button a {
width:240px;
height:30px;
background-image:url('http://media.ayelena.com/media/tpl/images/button_inscript.gif');
background-repeat:no-repeat;
float:left;
color:#000;
text-decoration:none;
text-align:center;
vertical-align:middle;
font-size:13px;
}
#ay_inscript_button a:hover {
color:#000000;
text-decoration:underline;
text-align:center;
vertical-align:middle;
font-size:13px;
font-weight:bold;
}

#ay_ad_annonce {
width:700px;
height:70px;
background-color:#984ED6;
border-radius: 3px;
-webkit-border-radius: 3px;
-opera-border-radius: 3px;
-moz-border-radius: 3px;
border-bottom:1px solid #666666;
border-right:1px solid #666;
float:left;
color:#fff;
font-size:14px;
font-weight:bold;
text-align:center;
}

/*flash ad */
#ay_ad_flash {
width:250px;
height:298px;
float:left;
}

/* home ad message */
.ay_ad_msg {
color:#800000;
font-size:14px;
font-weight:bold;

}
.ay_ad_msg a {
color:#000;
font-size:14px;
font-weight:bold;
text-align:center;
}
.ay_ad_msg a:hover {
color:#fff;
background-color:#999999;
font-size:14px;
font-weight:bold;
text-align:center;
}

#ay_thumb {
padding-right:4px;
}

#ay_full_desc{
width:400px;
float:left;
margin-left:-70px;
margin-top:-50px;
text-align:left;
font-size:13px;
color:#173C91;
font-weight:bold;
border-right: 1px dashed #999999;
}

#ay_info_list {
width:220px;
height:210px;
float:left;
background-color:#E8E8E6;
border-radius: 5px;
			-webkit-border-radius: 9px;
			-opera-border-radius: 9px;
			-moz-border-radius:9px;
margin-left:12px;
margin-top:-20px; 
padding-left:10px; 
padding-top:-20px;
color:#000;
font-weight:bold;
text-align:left;
}

#ay_next_prev {
width:770px;
height:151px;
background-image:url('http://media.ayelena.com/tpl/images/ay_next_prev.gif');
background-repeat:no-repeat;
color:#000000;
font-size:12px;
font-weight:bold;
float:left;
}

#ay_next_prev a {

color:#3d6ac2;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#ay_next_prev a:hover {

background-color:#3d6ac2;
color:#fff;
text-decoration:underline;
border-radius: 3px;
-webkit-border-radius: 3px;
-opera-border-radius: 3px;
-moz-border-radius: 3px;
font-size:13px;
font-weight:bold;

}

.ay_next_prev a {
color:#3d6ac2;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.ay_next_prev a:hover {

background-color:#3d6ac2;
color:#fff;
text-decoration:underline;
border-radius: 3px;
-webkit-border-radius: 3px;
-opera-border-radius: 3px;
-moz-border-radius: 3px;
font-size:13px;
font-weight:bold;

}



#ay_foot_list {
width:960px;
height:80px;
background-repeat:no-repeat;

}

.ay_font {
	color: #000;
	font-size: 24px;
}

.captions {
	background: #999;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.captions-hidden {
	height: 0;
	opacity: 0;
}
.captions-visible {
	height: 22px;
	opacity: .7;
}

.inputlabel {
	font-weight: bold;
	text-align: left;
	color:#000000;
	font-size:16px;
	
	}

.inputlabel2 {
	font-weight: bold;
	text-align: left;
	color:#ffffff;
	font-size:16px;
	}
.input_name {
	width: 150px;
	height:25px;
	margin: 0 0 1em 0;

	font-size:14px;
	font-weight:bold
	background-color:#ffffff;
}
.input_last_name {
		width: 150px;
	height:25px;
	margin: 0 0 1em 0;
	
	font-size:14px;
	font-weight:bold
	background-color:#ffffff;
	
}
.input_pwd {
		width: 150px;
	height:25px;
	margin: 0 0 1em 0;
	
	font-size:14px;
	font-weight:bold
	background-color:#ffffff;
}
.input_phone {
		width: 150px;
	height:25px;
	margin: 0 0 1em 0;

	font-size:14px;
	font-weight:bold
	background-color:#ffffff;
}
.input_web {
		width: 150px;
	height:25px;
	margin: 0 0 1em 0;
	
	font-size:14px;
	font-weight:bold
	background-color:#ffffff;
}
.input_mail {
	width: 150px;
	height:25px;
	margin: 0 0 1em 0;

	font-size:14px;
	font-weight:bold
	background-color:#ffffff;
	}
.input_fax {
	width: 150px;
	height:25px;
	margin: 0 0 1em 0;
	
	font-size:14px;
	font-weight:bold
	background-color:#ffffff;
}

	  
.underline a {
color:#000000;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.underline a:hover {
color:#000000;
font-size:12px;
font-weight:bold;
text-decoration:underline;
background-color:transparent;
}

.underline a:visited {
color:#000000;
font-size:12px;
font-weight:bold;
background-color:transparent;			
}
.cadre {
	width: 307px;
	margin-left:630px;
}

#slidewrap {
	margin: 0;
	padding: 5px;
}
#slidewrap div { text-align: center; }


#items
{
	float: left;
	width: 250px;
	border: 1px solid #f9f9f9;
}
 
#cart
{
	float: right;
	width: 280px;
	background-color: #fff;
	border: 1px solid #f9f9f9;
	padding-bottom: 50px;
}
 
#cart .info
{
	color: #444;
	font-size: 0.9em;
	text-align: center;
	font-weight: bold;
 
}
 
.item {
	float: left;
	position: relative;
	width:245px;
	height: 240px;
	border: 1px solid #eee;
	margin: 10px;
	border-right: 3px solid #999;
	border-bottom: 3px solid #999;
	background-color: #fff;
	background-repeat: no-repeat;
	cursor: move;
	float:left;
	font-size:13px;
}


#cart .item {
	width: 75px;
	height: 100px;
	margin: 5px;
	background-position: -40px -22px;
	border-width: 1px;
	cursor: default;
	float:left;
}
 
.item span
{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0.8em;
	font-weight: bold;
	width: 100%;
	text-align: center;
 
}

#input_connect {
	width: 110px;
	height:14px;
	margin: 0 0 1em 0;
	background:none;
	font-size:13px;
	-webkit-border-top-right-radius: 40px 30px;
	-webkit-border-bottom-left-radius: 40px 30px;
	-moz-border-radius-bottomleft: 2em;
	-moz-border-radius-topright: 2em;
	color:#000;
	
}
.radius {
border: 2px solid #999;
border-top-left-radius: 40px 30px;
border-bottom-right-radius: 40px 30px;
-moz-border-radius-bottomright: 2em;
-moz-border-radius-topleft: 2em;
-webkit-border-top-left-radius: 40px 30px;
-webkit-border-bottom-right-radius: 40px 30px;
-opera-border-bottom-right-radius: 40px 30px;
-opera-border-top-left-radius: 40px 30px;
}

.radius_down {
border-left: 2px solid #999;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
border-top:none;
border-bottom-left-radius: 40px 30px;
border-top-right-radius: 40px 30px;
-moz-border-radius-topright: 2em;
-moz-border-radius-bottomleft: 2em;
-webkit-border-bottom-left-radius: 40px 30px;
-webkit-border-top-right-radius: 40px 30px;
-opera-border-top-right-radius: 40px 30px;
-opera-border-bottom-left-radius: 40px 30px;
}

/* input stylr */
  #status{
    	width:180px;
    	height:22px;
    	outline:none;
    }
    .focusField{
    	border:solid 2px #a5acb2;
    	background:#EEE;
    	color:#000;
		font-size:14px;
		font-weight:bold;
    }
    .idleField{
    	background:#ffffff;
    	color: #6F6F6F;
		border: solid 2px  #a5aCb2;
    }		


a img  {
border:none;
}

#quick_search {
background: #eeeeee !important;
border: 1px solid #a0a0a0;

}

input.buttonSubmit  {
	width:200px;
	height:22px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	font-size:12px;
	background:#383838;
	cursor:pointer;
	border:none;
}

input.buttonSubmit:hover  {
width:200px;
	height:22px;
	color: #0099CC;
	font-weight:bold;
	padding:2px;
	font-size:12px;
	background:#383838;
	cursor:pointer;
	border:none;
}

/* Used by all layouts: do NOT remove this section */
.qtwrapper {
	height: 1%;
}
ul.qtabs {
	list-style-position: outside;
	list-style-type: none;
	float: left;
	font-size:12px;
	margin: 0 !important;
	padding: 0 !important;
}
ul.qtabs li {
	list-style-type: none;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer;
}
.qtcontent {
	position: absolute;
	margin: 0;
	padding: 3px;
	width:99%;
	visibility: hidden;
	
}
.qtcurrent {
	position:relative;
	overflow:hidden; 
}

/* Rounded Tabs (class suffix: -round1) */
.qthead-round2 ul.qtabs li {
	background:#eeeeee url('http://media.ayelena.com/qtab/images/round1l.gif') no-repeat scroll 0% 0%;
	margin-left: 4px !important;
	padding: 0;
	
}
.qthead-round2 ul.qtabs li span {
	background: transparent url('http://media.ayelena.com/qtab/images/round1r.gif') no-repeat scroll right top;
	display: block;
	margin: 0;
	padding: 3px;
	
}
.qthead-round2 ul.qtabs li.open {
	background:#3d6ac2 url('http://media.ayelena.com/qtab/images/round2lo.gif') no-repeat scroll 0% 0%;
}
.qthead-round2 ul.qtabs li.open span {
	background:transparent url('http://media.ayelena.com/qtab/images/round2ro.gif') no-repeat scroll right top;
	color:#fff;
	font-weight:bold;
}
.qthead-round2 ul.qtabs li.hover span {
	
	font-weight:bold;
}
div.current-round2 {
	clear:both;
	
	width: 500px;
}
/* Basic Tabs  (class suffix: -basic) */

.qthead-basic ul.qtabs li {
	background: #eeeeee !important;
	margin: 0 0 0 5px !important;
	padding: 0 !important;
	border-width: 1px 1px 1px 1px;
	border-color: #a0a0a0;
	border-style: solid;
	position: relative;
	bottom: -1px;
}
.qthead-basic ul.qtabs li span {
	display: block;
	margin: 0;
	padding: 3px;	
}
.qthead-basic ul.qtabs li.open {
	background: #fff !important;
	z-index: 2;
}
.qthead-basic ul.qtabs li.open span {
	color: #000;
}
div.current-basic {
	clear: both;
	border-width: 1px 1px 1px 1px; 
	border-style: solid;
	border-color: #a0a0a0;
	width: 430px;
	height: 120px;
}

/* Left Aligned Blue Buttons (class suffix:lft-blue1) */
.qthead-lft-blue2 {
	float:left;
	background: #eeeeee ;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #d0d0d0;

}
.qthead-lft-blue2 ul.qtabs {
	margin: 0;
	
}
.qthead-lft-blue2 ul.qtabs li {
	float: none;
	background:#fff url('http://media.ayelena.com/qtab/images/bg-blue1.gif');
	margin: 0;
	padding: 6px !important;
	border-bottom: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	width: 70px;
}

.qthead-lft-blue2 ul.qtabs li span{
	color: #fff;
}
.qthead-lft-blue2 ul.qtabs li.open {
	background: #f4f4f4;
	border-right: 1px solid #f4f4f4;
	border-left: 1px solid #f4f4f4;
}
.qthead-lft-blue2 ul.qtabs li.hover span {
	text-decoration: underline;
}
.qthead-lft-blue2 ul.qtabs li.open span{
	color: #666666;
	text-decoration: none;
}

div.current-lft-blue2 {
	clear: none;
	float: left;
	border-top: 1px solid  #d0d0d0;
	background: #eeeeee;
	padding: 0;
	width: 500px;
}


/*******************************************************************************************

                                       LISTING PAGE

*******************************************************************************************/

div#popup {
background:#EFEFEF;
border:1px solid #999999;
margin:0px;
padding:7px;
width:270px;
}

.float_left_half {float:left; width:50%;}



div.features_ticked {
		float:left;
		line-height:15px;
		margin-top:15px;
		padding-left:18px;
		background:url('{lang_serv_media}/form/chk_on.png') 0 -1px repeat-y;
		font-size:12px;
		
		}
	div.features_ticked strong {
		line-height:15px;
		padding-top:16px;
		margin-left:-18px;
		background-color:#FFFFFF;
		font-size:12px;
		}

/*******************************************************************************************

                                       HOME SLIDE

*******************************************************************************************/

div.wrap{
 width:800px;
 margin:0;
 text-align:left;
}

div.wrap a:link,a:visited {
color:#fff;
text-decoration:none;
background-color:transparent;
}


 div#top div#nav{
  float:left;
  clear:both;
  width:800px;
  height:52px;
  margin:22px 0 0;
 /** background:url('http://www.ayelena.es/template/ayelena/images/nav-bg.png') 0 0 no-repeat; **/
 }
  div#top div#nav ul{
   float:left;
   width:700px;
   height:52px;
   list-style-type:none;
  }
   div#nav ul li{
    float:left;
    height:52px;
   }
    div#nav ul li a{
     border:0;
     height:52px;
     display:block;
     line-height:52px;
     text-indent:-9999px;
    }
 
div#header{
 margin:-1px 0 0;
}
div#video-header{
 height:683px;
 margin:-1px 0 0;
}
 div#header div.wrap{
  height:299px;

 }
 div#header div#slide-holder{
  z-index:40;
  width:800px;
  height:278px;
  position:absolute;
 }
  div#header div#slide-holder div#slide-runner{
   top:9px;
   left:9px;
   width:790px;
   height:278px;
   overflow:hidden;
   position:absolute;
  }
  div#header div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }
  div#header div#slide-holder div#slide-controls{
   left:0;
   bottom:228px;
   width:800px;
   height:46px;
   display:none;
   position:absolute;
   
  }
   div#header div#slide-holder div#slide-controls p.text{
    float:left;
    color:#fff;
    display:inline;
    font-size:22px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
    line-height:16px;
    margin:15px 0 0 120px;
    text-transform:capitalize;
	
   }
 
   div#header div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:180px 660px 0 0;
	
   }
    div#header div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:11px;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
    div#header div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
    }
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url('http://www.ayelena.es/template/ayelena/images/silde-nav.png');}
div#nav ul li a{background:url('http://www.ayelena.es/template/ayelena/images/nav.png') no-repeat;}



/******************************************************************************************/
   
/*                                          MENU                                                          */

/******************************************************************************************/

div.ay_menu {
	width: 240px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(http://media.ayelena.com/menu/images/bottom.gif) no-repeat  right bottom;
	color: #fff;
}
div.ay_menu div {
	background: url(http://media.ayelena.com/menu/images/title.gif) repeat-x;
	overflow: hidden;
}
div.ay_menu div:first-child {
	background: url(http://media.ayelena.com/menu/images/toptitle.gif) no-repeat;
}
div.ay_menu div.collapsed {
	height: 25px;
}
div.ay_menu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url(http://media.ayelena.com/menu/images/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.ay_menu div.collapsed span {
	background-image: url(http://media.ayelena.com/menu/images/collapsed.gif);
}
div.ay_menu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #000;
}
div.ay_menu div a.current {
	background : #ccc;
}
div.ay_menu div a:hover {
	background :#3d6ac2 url(http://media.ayelena.com/menu/images/linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}


/******************************************************************************************/
   
/*                                          SLIDE PANEL                

                                         1/ GEN STYLE                                                */

/******************************************************************************************/

a {
	color: #0099CC;
	text-decoration: none;
}

a:hover {
	color: #00CCFF;
}

a:visited {
	color: #0099CC;
}

a img {
  border: none;/*remove border for linked images*/
}

h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 0;
}

h2{
	font-size: 1.2em;
	height: 20px;
	padding-top: 0;
}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

/***** Main Layout ****/
#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
}

#content {
  	width: 740px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding: 20px;
}


/******************************************************************************************/
   
/*                                          SLIDE PANEL                

                                         1/ SLIDE STYLE                                             */

/******************************************************************************************/

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url('http://media.ayelena.com/login/images/tab_b.png') repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tab ul.login li.left {
  	background: url('http://media.ayelena.com/login/images/tab_l.png') no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url('http://media.ayelena.com/login/images/tab_r.png') no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url('http://media.ayelena.com/login/images/tab_m.png') repeat-x 0 0;
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 120px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url('http://media.ayelena.com/login/images/bt_open.png') no-repeat left 0;}
.tab a.close {background: url('http://media.ayelena.com/login/images/bt_close.png') no-repeat left 0;}
.tab a:hover.open {background: url('http://media.ayelena.com/login/images/bt_open.png') no-repeat left -19px;}
.tab a:hover.close {background: url('http://media.ayelena.com/login/images/bt_close.png') no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 170px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url('http://media.ayelena.com/login/images/bt_login.png') no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url('http://media.ayelena.com/login/images/bt_register.png') no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}


/******************************************************************************************/
   
/*                                          GALLERY                                                   */

/******************************************************************************************/

/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }


.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}


.loader { background: url(loader.gif) center center no-repeat #ddd; }


.panel {}


.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }


.panel .overlay-background { background: #222; }


.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: none; font-weight: bold; }


.filmstrip { margin: 5px; }


.frame {}

.frame .img_wrap { border: 1px solid #aaa; }


.frame.current .img_wrap { border-color: #000; }


.frame img { border: none; }

.frame .caption { font-size: 11px; text-align: center; color: #888; }


.frame.current .caption { color: #000; }


.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}

/******************************************************************************************/
   
/*                                     SELECT REPLACE                                           */

/******************************************************************************************/

focus {outline:none;}

.js ul.newList {left:-9999px;}

ul.newList * {margin:0; padding:0;}

ul.newList {margin:0; padding:0; list-style:none; color:#000; width:290px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}

.newListSelected {width:285px; color:#000; height:19px; padding:3px 0 0 6px; float:left; background:url(select-bg.png) no-repeat;}

.newListSelected span {width:284px; display:block;}

ul.newList li {padding:3px 8px;}

.selectedTxt {width:258px; overflow:hidden; height:16px; padding:0 23px 0 0;}

.hiLite {background:#650101!important; color:#fff!important;}

.newListHover {background:#ccc!important; color:#000!important; cursor:default;}

.newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default;}

.newListOptionTitle {font-weight:bold;}

.newListOptionTitle ul {margin:3px 0 0;}

.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

#sel_grey .newListSelected {background:#FFF url('http://media.ayelena.com/form/dropdown.gif') no-repeat scroll 175px 1px; border:1px solid #A5ACB2; color:#000; height:17px; margin-bottom:10px; padding:0; width:193px;}

#sel_grey .newListSelected div {display:block; font-size:1em; padding:2px 21px 2px 4px; text-align:left !important; width:175px; left:10px}

#sel_grey ul.newList {list-style:none; color:#000; width:172px; background:#fff; border:1px solid #000; top:22px; left:0; height:auto; overflow:auto; font-size: 1em; text-align:left!important; position:absolute; z-index:9999;}

#sel_grey ul.newList li {padding:2px 5px!important; border-bottom: 1px solid #cccccc;}

#sel_grey .hiLite {background:#316ac5!important; color:#fff!important; font-weight:bold;}

#sel_grey .newListHover {background:#ccc!important; color:#000!important; cursor:default;font-weight:bold;}

#sel_grey .newListSelHover {cursor:default;}

#sel_grey .newListSelHover, #sel_grey .newListSelFocus {background-position:auto;}

#sel_grey .newListSelHover div, #sel_grey .newListSelFocus div {font-weight:bold;}



/******************************************************************************************/
   
/*                              CHECKBOX REPLACE                                           */

/******************************************************************************************/

label.checkbox span.holder {
		height: 61px; /* Total height of your checkbox image */
		background: url('http://media.ayelena.com/form/checkbox.png') 0 -1px no-repeat; 
	}
	
label.radio span.holder {
		height: 61px; /* Total height of your radio buttons image */
		background: url('http://media.ayelena.com/form/radio.gif') 0 -1px no-repeat; /
	}
	
label.checkbox:hover span.holder,
label.radio:hover span.holder { top: -21px !important; } /* Background position on mouseover */
	
label.checked span.holder,
label.checked span.holder,
label.checked:hover span.holder,
label.checked:hover span.holder { top: -42px !important; } /* Background position when checked */


label.list {
		float: left; clear: left;
		margin: 0 0 5px 0;
	}
	
label.inline {
		float: left; margin: 0 10px 0 0;
	}
	
input.hiddenCheckbox {
			position: absolute; left: -10000px; /* Hide the input */
		}
	
label.prettyCheckbox span.holderWrap {
			display: block; float: left;
			position: relative;
			margin-right: 5px;
			overflow: hidden;
		}
		
label.prettyCheckbox span.holder {
			display: block;
			position: absolute;
			top: 0; left: 0;
		}
		
		

/******************************************************************************************/
   
/*                                     FLAG MENU                                                     */

/******************************************************************************************/

p{	margin:1em 0; }

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p{	margin-top:-0.05em;}

h1, h2, h3, h4, h5, h6{ color: #9CA716; margin-bottom:0.5em; }

h1{ font-size:24px;}

h2{	font-size:20px;}

h3{	font-size:18px;}

h4{	font-size:16px;}

h5{	font-size:14px;}

h6{	font-size:12px;}

ol, ul{	margin: 1em 0 1em 2em; }

ol ol, ol ul, ul ol, ul ul{ margin-top:0; margin-bottom:0; }

ol li{	list-style:decimal }
ol li ol li{ list-style:upper-alpha; }
ol li ol li ol li{ list-style:upper-roman; }

ul li{ list-style:disc;}

em{font-style:italic;}

strong{font-weight:bold;}

em strong, strong em{ font-weight:bold; font-style:italic; }



/******************************************************************************************

                             FLAG MENU  SLIDE DOWN                                    
                      Adapted from mootools and rebuilt for jquery  
					                  
/******************************************************************************************/

#nav a{
	text-decoration:none;
	display:block;
	padding:6px 20px;
	width:280px;
	color:#000000;
	font-weight:bold;
	font-size:16px;
		
}

#subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:6px 20px;
	background-color:#e6e5e6 ;
	width:280px;
	color:#000000;
	font-weight:bold;
	font-size:14px;
	top:17px;
	height:30px;
	
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
	float:left;	
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
	
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	color:#000;
}

#subMenusContainer a, 
#subMenusContainer a, 
#nav li a,
#nav li a{
	background-color:#e6e5e6 ;
	color:#000;
	top:8px;
	left:10px;
	
}
/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#e6e5e6 ;
	color:#3d6ac2;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(../img/arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(../img/arrow_right_over.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 background: url(http://media.ayelena.com/v2/greybar/arrow_grey_menu.gif) right center no-repeat; 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	 background: url(http://media.ayelena.com/v2/greybar/arrow_grey_menu.gif) right center no-repeat; 
}

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}


/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
	width:230px;
	background-color:#e6e5e6;
	
	
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/	 
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;

}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
	
	
}

#subMenusContainer li{
	list-style: none;
	
}

/* main menu ul or ol elment */
#nav{
	display:block;
	position: absolute;
	list-style:none;
	margin:0 0 0 0;
	z-index:5;
	top:135px;
	left:60%;
	text-align: center;
	display:block;
	
}

#subMenusContainer{	display:block; 	position:absolute;	 top:0;	left:22px;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }



/******************************************************************************************

                                         WINDOW BOX  
										 
					                  
/******************************************************************************************/

		/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack { }
.TB_overlayBG {

}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 10px solid #CCCCCC;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/********************************************************************************************************/
/*																																  
/*                                   AUTOCOMPLETION															 
/*
/*******************************************************************************************************/

.autocomplete-w1 { background:url(http://media.ayelena.com/autocomplete/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }