@import "reset.css";

body{ 
 margin:0; 
 padding:0;
 text-align:center; 
 /* old	font-family: Verdana,Helvetica,Arial, sans-serif; */ 
font:13px/1.2 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	color:#5f5f5f;
	background: white;
	font-size:0.7em;	

} 
 
img {
	display:block;
}

a {
	color:#5f5f5f; 

}

a:visited {
	color:#5f5f5f; 
 
}

a:hover {
	color:#777777; 
 
}

#pagewidth{ 
	position: relative;
	width:950px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
    margin: 0 auto;  
} 
 
#header{   
	height:90px; 
	margin: 0px; 	
    background: url('/images/header5.png') no-repeat; 
	width:950px;
   opacity: 0.90;
-moz-opacity: 0.90;
filter:alpha(opacity=90);
} 


#leftcol{
	width:160px; 
	position:relative;
    float:left;
	padding:10px;
    margin-top:10px;
	min-height:350px; 
    background: url('/images/grayfademenu.png') repeat-x;
   opacity: 0.85;
-moz-opacity: 0.85;
filter:alpha(opacity=85);
}

#leftcolnew{
	width:180px; 
	position:relative;
    float:left;
	padding:0px;
    margin-top:10px;
	min-height:350px; 
     
}

#leftcol2{
	width:260px; 
	position:relative;
    float:left;
	padding:10px;
    margin-top:10px;
	min-height:350px; 
    background: url('/images/grayfademenu.png') repeat-x;
   opacity: 0.75;
-moz-opacity: 0.75;
filter:alpha(opacity=75);
}

.leftcol{
	width:160px; 
	position:relative;
    float:left;
	padding:10px;
    margin-top:10px; 
	margin-left:-10px; 
	 
    background: url('/images/grayfademenu.png') repeat-x;
}

#maincol{ 
	position:relative;
    float:left;
	width:770px; 
margin-bottom: 10px; 
}

#maincol2{
	position:relative;
    float:left;
	width:670px;
margin-bottom: 10px; 
}
 
#footer{
    margin-top: 10px; 
	position: relative;
	clear:both;
	text-align: right;
	height:40px; 
	background: #d6d6d6 url('/images/footer.png') no-repeat; 
     
}

#footertxt{
    
    font-size: 12px;
	padding-top: 22px; 
    padding-right:30px; 
} 
 
#langtxt{
    
	padding-top: 10px; 
    padding-left:20px; 
} 


#cartmenu {
 position:absolute;
 top:0px;
 right:0; 
 width:120px;
}

#alltopmenu {
 position:absolute;
 top:10px;
 left:265px;
 width:660px;
}


/* *** Float containers fix:  *** */ 
.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 */  

/*printer styles*/ 
 @media print{ 
	/*hide the left column when printing  #aa0915; */ 
	#leftcol{display:none;} 
	#twocols, #maincol{width:100%; float:none;}
}

ul#navmenu {
margin-left: 0px;
padding:0;
list-style: none;
display: inline;
 
}

ul#navmenu li {
margin-top: 0px;
padding: 10px;
font-size: 16px;
 
}

ul#navmenu li a {
 
color: gray;
border: #000 solid 0px;
height: 120%;
width: 100%;
}

ul#navmenu li a.active {
color: #666666;
border-bottom: #666666 dotted 1px;
}

ul#navmenu li a:hover {
color: #666666;
border-bottom: #666666 dotted 1px;

}

.fiche {
color: #c5c5c5;

margin-top: 10px;
width: 245px;
margin-left: 10px;
position:relative;
float:right;

}

.fichetxtd {
color: #c5c5c5;
background: url('/images/75pctransblack.png');
font-size: 12px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
width: 235px;
height: 45px;
padding: 5px;
white-space: nowrap;
overflow: hidden;
position:relative;

}


.fichebutton{
background: url('/images/smallbtnbg.png') no-repeat;
font-size:10px;
margin: 1px;
padding: 2px;
overflow: hidden;
position:relative;
cursor: pointer;
}

.bigfichebutton{
background: #acacac;
font-size:18px;
margin: 3px;
padding: 3px;
 
cursor: pointer;
}

.sound {
color: #b1b1b1;
background: #cbcbcb;
width: 400px;
}

.soundtxtd {
color: #585858;
background: #b1b1b1;
font-size: 12px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
width: 390px;
height: 170px;
padding: 5px;
position:relative;
text-align: left;
}


#middlebar{
 
	height:20px;
}
	#middlebar .middlemenu li {
	 
		height:30px;
		float:right;
		margin-right:10px;
	}
	#middlebar .middlemenu li a{
	 
		text-decoration:none;
		padding:0 10px;
		height:30px;
		line-height:30px;
		display:block;
		float:left;
		padding:0 26px 0 10px;
	 
	}
	#middlebar .middlemenu li a:hover{
		color:#666666;
	}
#middlebar ul .middlesubmenu {
	border:solid 1px #c9dea1;
	border-top:none;
	background:#FFFFFF;
	position: relative;
	top: 4px;
	width:150px;
	padding:6px 0;
	clear:both;
	z-index:2;
	display:none;
}
	#middlebar ul .middlesubmenu li{
		background:none;
		display:block;
		float:none;
		margin:0 6px;
		border:0;
		height:auto;
		line-height:normal;
		border-top:solid 1px #DEDEDE;
	}
	#middlebar .middlesubmenu li a{
		background:none;
		display:block;
		float:none;
		padding:6px 6px;
		margin:0;
		border:0;
		height:auto;
	 
		line-height:normal;
	}
	#middlebar .middlesubmenu li a:hover{
		background:#EEEEEE;
	}

     .lavaLampWithImage {
            position: relative;
            height: 29px;
            width: 501px; 
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        background: url("/images/lava.png") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("/images/lava.png") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: bold 15px arial;
                        text-decoration: none;
                        color: #333333;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            
border: none;
                        }

						/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/images/loader.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #b1b1b1;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #b1b1b1;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #666666;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
  
}
.cluetip-default #cluetip-inner img{
  display: inline;
  border: 0px solid #333333;
  
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(/images/arrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(/images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(/images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(/images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/* Signup form */
.hiddenlabel { visibility: hidden; }

#signupform table {
  border-spacing: 0px;
  border-collapse: collapse;
  empty-cells: show;
}

#signupform .label {
  padding-top: 2px;
  padding-right: 8px;
  vertical-align: top;
  text-align: right;
  width: 125px;
  white-space: nowrap;
}

#signupform .field {
  padding-bottom: 10px;
  white-space: nowrap;
}

#signupform .status {
  padding-top: 2px;
  padding-left: 8px;
  vertical-align: top;
  width: 246px;
  white-space: nowrap;
}

#signupform .textfield {
  width: 150px;
}

#signupform label.error {
  background:url("/images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}

#signupform label.checked {
  background:url("/images/checked.gif") no-repeat 0px 0px;
}

#signupform .success_msg {
  font-weight: bold;
  color: #0060BF;
  margin-left: 19px;
}

#signupform #dateformatStatus, #signupform #termsStatus {
  margin-left: 6px;
}

#signupform #dateformat_eu {
 vertical-align: middle;
}

#signupform #ldateformat_eu {
  font-weight: normal;
  vertical-align: middle;
}

#signupform #dateformat_am {
  vertical-align: middle;
}

#signupform #ldateformat_am {
  font-weight: normal;
  vertical-align: middle;
}

#signupform #termswrap {
  float: left;
}

#signupform #terms {
  vertical-align: middle;
  float: left;
  display: block;
  margin-right: 5px;
}

#signupform #lterms {
  font-weight: normal;
  vertical-align: middle;
  float: left;
  display: block;
  width: 350px;
  white-space: normal;
}

#signupform #lsignupsubmit {
  visibility: hidden;
}

/*footer fade styles*/ 

#footer_navigation {
  list-style: none;
}

#footer_navigation li {
  float: left;
}

#footer_navigation a * {
  display: none;
}

#footer_navigation a,
#footer_navigation a .hover {
  height: 40px;
	position: relative;
	display: block;
	background: url(/images/index/footer1.png) 0 0 no-repeat;
}

/* individual footer_navigation items */
#footer_navigation a.alphagray {
  background-position: 0 0;
  width: 61px;
}

#footer_navigation .highlight a.alphagray:hover,
#footer_navigation a.alphagray .hover {
  background-position: 0 -40px;
  width: 61px;
}

#footer_navigation a.ricergray {
  background-position: -61px 0px;
  width: 61px;
}

#footer_navigation .highlight a.ricergray:hover,
#footer_navigation a.ricergray .hover {
  background-position: -61px -40px;
  width: 61px;
}

#footer_navigation a.fugagray {
  background-position: -122px 0px;
  width: 61px;
}

#footer_navigation .highlight a.ricergray:hover,
#footer_navigation a.fugagray .hover {
  background-position: -122px -40px;
  width: 61px;
}

#footer_navigation a.aeongray {
  background-position: -183px 0px;
  width: 61px;
}

#footer_navigation .highlight a.aeongray:hover,
#footer_navigation a.aeongray .hover {
  background-position: -183px -40px;
  width: 61px;
}

input:hover,   textarea:hover {
	border:1px solid #888888;
}

input:active, input:hover, textarea:active {
	border:1px solid #888888;
}

input.submit:hover {
	cursor: pointer;
}

input, textarea, select   {
	border:1px solid #aaaaaa;
	padding:2px;
	background: #ffffff url(/images/input.gif) top left;
	margin-top:2px;
	margin-bottom: 4px;
}

.at_baa{   
display: none;
visibility:hidden;
} 

#at16pf{   
display: none;
visibility:hidden;
} 

	.boxgrid{ 
				width: 500px; 
				height: 175px; 
			    
				float:right; 
				background:#161613; 
				border: solid 0px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				padding:3px;
				float: left; 
				position: absolute; 
			 
				height: 100px; 
				width: 100%; 
			background: url('/images/75pctransblack.png');
 			}

 				.captionfull .boxcaption {
 					top: 84px;
 					left: 0;
 				}
.captionfull .boxcaption2 {
 					top: 184px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 84px;
 					left: 0;
 				}

	.boxcaption2{ 
				padding:3px;
				float: right; 
				position: absolute; 
			    text-align:right;
				height: 30px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
	.boxcaption3{ 
cursor: pointer;	padding:3px;
				float: left; 
				position: absolute; 
				background: url('/images/75pctransblack.png'); 
				height: 100px; 
				width: 100%; top: 184px;
 					left: 0;	
 
 			}

.caption .boxcaption2 {
 					top: 184px;
 					left: 0;
 				}
.minisitea {padding-left:12px;
cursor:pointer;
 			background: url('/images/75pctransblack.png'); 
 				}
.minisiteaover {padding-left:12px;cursor:pointer;
 				background: #000000;
 				}