/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */
 
 /* Stores menu */
/*vue magasin creer lors de l'import des comptes osc ,index general*/ 
/*#french { height:1px; width:1px; text-indent:-5000px; background:none; line-height:1px;}
 
#navstore { margin: 0; padding: 0;  height:74px; float:right;}
#menu:hover { background:#fff;}
#navstore ul{ margin: 0; padding: 0;  list-style: none; line-height: 74px; height: 74px;  }
#navstore li{ float:left; list-style: none;  padding: 0 ;  line-height: 74px;  }
#navstore li a{ display: block; background-repeat: no-repeat; background-image:url(../images/main_nav_bg.gif); text-indent: -9999px; height:74px; margin:0; padding:0;}

#navstore #alarmes_voiture a { background-position:  0px -62px ; width: 140px;  }

#navstore #alarmes_moto_quad_scooter a { background-position: -140px 0px; width: 179px; }
#navstore #alarmes_moto_quad_scooter a:hover { background-position: -140px -62px;}
#navstore #radars_de_recul a { background-position: -319px 0px; 	width: 144px;  }
#navstore #radars_de_recul a:hover { background-position: -319px -62px;}
#navstore #ad_pro_fr a { background-position: -463px 0px; 	width: 135px; }
#navstore #ad_pro_fr a:hover { background-position: -463px -62px;}*/

/* main menu */
	#nav {	
	font-size: 11px;
	font-weight:bold;
	font-family: Arial, Helvetica, Verdana;
	height:30px;
	width:750px;
	z-index:999;
	position:relative;
	}
	#nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left;	
	}
	#nav li {
	float:left;
	margin:auto;
	padding:0;	
	}
	#nav li a {
	display:block;
	/*width:100px;*/
	color:#999;
	text-decoration:none;	
	text-transform:uppercase;
	font-size:12px;	
	}
	
	#nav li a, #nav li.first li a {
	padding:3px 8px;
	}	
	#nav li.first a{
	padding-left:0;
	}
	#nav li a:hover {
	color:#229abc;
	background-color:none;	
	}
	#nav ul ul li a:hover {
	color:#fff;
	background-color:#545454;
	width:180px !important; width:200px;
	}
	#nav ul li ul {
	display:none;
	}
	#nav ul ul li {
	background-color:black;
	}
	#nav ul ul li a {
	width:200px;
	color:#bbb;
	text-transform:capitalize;
	font-size:11px;
	position:relative;
	top:0;
	left:0;
	}
	#nav ul li:hover ul {
	position:absolute;
	display:block;
	z-index:999;
	width:200px !important; width:180px;
	}
	#nav li:hover ul li {
	float:none;
	}
	
.category-list, #shop-list{ float:left; width:238px;}
#shop-list li a		{ color:#88c5da; display:block; padding:5px; background:#222; border:1px solid #333; font-size:13px;}
#shop-list li a:hover		{ background:#333; text-decoration:none; }

/*cataolg div*/
#div-catalog { position:absolute; top:20px; left:0; z-index:999; background:#000; width:476px; padding:20px; border:1px solid #333; }
/*vertical nav*/
#top-nav ul					{ margin-left:0; font-size:12px;   }
#top-nav ul ul					{ padding-left:0;  }
#top-nav ul ul li a 			{ font-weight:normal; }
#top-nav li, #top-nav li a	{ display:block; text-decoration:none;  color:#222;  }
#top-nav li a:hover,
#top-nav li a.open:hover,
#top-nav li a.subopen:hover	{text-decoration:underline; color:#aaa;}
#top-nav ul li a 				{ padding:3px 5px; color:#88c5da;}
#top-nav ul li a.final 		{}
#top-nav li a					{ color:#777; }
#top-nav ul a					{ text-decoration:none; }
#top-nav ul ul a				{ color:#666;border:none; padding:4px 15px;}
#top-nav ul ul ul a			{ color:#666; }
#top-nav li a.open				{ font-weight:bold;padding:4px 5px; }
#top-nav li a.subopen			{ font-weight:bold;  padding:4px 15px; color:#4090a6; }
/**********************************/

/*menu et header commun*/
/* Structure */
.container  {  width:970px; margin:0 auto; text-align:left;}

.header-top {  width:100%; background:url(../images/bg_top_header.gif) repeat-x 0 0 #000; margin-bottom:15px; }

.header-nav { margin:0 auto;  width:1100px;  }

#top-bar	{ width:970px; margin:0 auto; text-align:left; position:relative; z-index:999;}

#top-right	{ position:absolute; right:0; bottom:12px; text-align:right; }

.layout-2columns { padding:0; background:url(../images/sidebar_bg.gif) repeat-y 0 0 #fff;  }

.col-left       { float:left; width:228px; background:url(../images/sidebar_top.gif) repeat-x 0 0 #292929; padding:55px 0 20px 0; text-align:center;  }
.col-right      { float:right; width:195px; margin-right:13px; }
.col-main       { float:right; width:711px; padding:15px 15px 40px 15px  ; background:#fff;  }

.col-main .padder		{ padding-right:10px; }
.layout-3columns .padder{ padding:0; }

h1#logo                 {  height:77px; font-size:1px; }

.top-links 					{ width:220px; }
.top-links, .top-links li   { display:inline; }
.top-links li           	{ padding:0 4px 0 1px; }
.top-links a,
.top-links a:hover      	{ color:#888; font-size:13px; }
.top-links a            	{ padding:0 7px 0 0; background:url(../images/links_separator.gif) no-repeat 100% 50%; }
.top-links .last a      	{ background:none;}

.top-links a.top-link-cart { background:url(../images/panier_mini.gif) no-repeat 0 50%; padding: 0 0 0 20px; color:#888;}



#collout-top		{ background:url(../../xtremblack_produit/images/compare_banner.gif) no-repeat 0 0; height:22px; text-align:right; padding:5px 20px;  }
#collout-top a, #collout-top a:hover		{color:#fff; font-weight:bold; margin:0 10px;   }


/*search mini form*/
#search_mini_form{ width:220px;  }
.mini-search {	width:192px;
				height:20px;
				background:url(../images/topsearch_bg.gif) no-repeat 0 1px;
				/background:url(../images/topsearch_bg.gif) no-repeat 0 0px;
				float:right;
		    }
	
.mini-search .input-text { width:138px;  border:none; background:none; font-size:0.9em; color:#CCC; padding:0 5px 0 6px;}

.search-autocomplete {
    border:1px solid #5c7989;
    background:#f9f5f0;
    position:absolute;
    left:40px;
    top:22px;
    width:216px !important;
    }
.search-autocomplete li { border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; }
.search-autocomplete li.odd { background:#fffefb; }
.search-autocomplete li.selected { background:#f7e8dd; }


/*messages*/
/********************** Messages  */
.success { color:#30a4c5; }
.error { color:#ff0000; }
.notice {color:#30a4c5;}
.success, .error { }
.messages, #messages { border:4px solid #30a4c5;color:#30a4c5;background:#111; margin:10px 0; position:fixed; left:50%; top:50%; width:300px; height:100px; margin-left:-150px; margin-top:-35px; z-index:999; }
.error-msg, .success-msg, .notice-msg, .note-msg {    
    padding:10px 12px !important;
    }
.error-msg li, .success-msg li, .notice-msg li { margin-bottom:.2em; }
.error-msg, .success-msg, .notice-msg, .note-msg
	{    
    color:#30a4c5;
    background:#111;
    }

.wel-message { color:#fff; display:block;}
	
/********************** Footer */
.footer .footer-right           										{ float:right; width:40%; text-align:right; }
.footer .footer-links, .footer-2col        								{ clear:both;  }
.footer .footer-links a , .footer-2col .footer-links a					{ background:url(../images/links_separator.gif) no-repeat 100% 50%; padding:0 6px 0 5px; color:#666; }
.footer .footer-links .first a, .footer-2col .footer-links .first a 	{ padding-left:0; }
.footer .footer-links .last a , .footer-2col .footer-links .last a 		{ padding-right:0; background:none; }
.footer li , .footer-2col li  											{ display:inline; }
.footer a, .footer a:hover 												{ }
.footer p , .footer-2col p 												{ display:block; width:80%; margin:0 auto;}