/*--------------------------------------------------------------



# Car_magazine - March 2009 (for Joomla 1.5)



# Copyright (C) 2007-2009 Gavick.com. All Rights Reserved.



# License: Copyrighted Commercial Software



# Website: http://www.gavick.com



# Support: support@gavick.com  



---------------------------------------------------------------*/



	



/* universal set of reset styles



---------------------------------------------------------------*/



html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;}



/* remember to define focus styles! */



:focus {outline: 0;}



body {background: white;line-height: 1;color: black;}



ol,ul {list-style: none;}



/* tables still need cellspacing="0" in the markup */



table{border-collapse: separate;border-spacing: 0;}



caption,th,td {font-weight: normal;}



/* remove possible quote marks (") from <q> & <blockquote> */



blockquote:before,blockquote:after,q:before,q:after {content: "";}



blockquote,q {quotes: "" "";}



/* ||| the end |||*/



/* ||| set of clearing floats |||*/	



.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}



.clearfix {display: inline-block;}



.clr {font-size : 1px;}



/* Hides from IE-mac \*/



* html .clearfix {height: 1%;}



.clearfix {display: block;}



.clear {clear: both;}



/* End hide from IE-mac */



/* ------------------------ the end ----------------------------*/







html {



	height: 100%;



	margin-bottom: 1px;



}







body {



	margin: 0;



	padding: 0;



	font-size: 62.5%; /* Reset: 1em = 10px */



	font-family: "Lucide Sans Unicode", "Lucida Grande", Arial , sans-serif;



}



 



div#wrapper_main{



	position: relative;



	font: normal 1.2em/1.5em "Lucide Sans Unicode", "Lucida Grande", Arial , sans-serif; /* Basic font size: 12px, line-height: 15px */



}







/* Basic link styles 



---------------------------------------------------------------*/







a {



	outline: none;



	cursor: pointer;



}







a:link,



a:visited,



a:active {



	text-decoration: none;



}







a:hover {



	text-decoration: underline;



}







/* Basic image style 



----------------------------------------------------------------*/







img {



	border: none;



	text-decoration: none;



}







/* Basic lists styles 



----------------------------------------------------------------*/







ul {



	padding: 0;



	margin: 0 6px;



	list-style: none;



}







ul li {



	padding-left: 0;



	line-height: 170%;



	padding: 0px 0;

  

    list-style: none



}







ul li a {



	text-decoration: none !important;



}







ul li a:hover {



	text-decoration: underline !important;



}







ol li {



	line-height: 170%;



}







dl#system-message dd ul li{



	border: none !important;



}







/* Basic heading styles 



-----------------------------------------------------------------*/







th {



	padding: 4px;



	text-align: left;



}







h1 { font-size: 200%; }



h2 { font-size: 175%; }



h3 { font-size: 150%; }



h4 { font-size: 125%; }



h5 { font-size: 115%; }







p, pre, blockquote, h1, h2, h3, h4, h5, h6 {



	margin: 1em 0;



	padding: 0;



}







/* Basic form styles 



-----------------------------------------------------------------*/







fieldset {



	border: none;



	padding: 5px 0;



}







fieldset a {



	font-weight: bold;



}







input, select, button {



	font-size: 11px;



	font-weight: normal;



}







/* Basic HR-line style 



-----------------------------------------------------------------*/







hr {



	border-right: 0;



	border-left: 0;



	border-bottom: 0;



	height: 1px;



	color: #eee;



	background-color: #eee;



}







/* Basic positioning classes 



-----------------------------------------------------------------*/







.clearfix {



	clear: both;



}







.lf {



	float: left;



}







.rf {



	float: right;



}







/* Logo 



------------------------------------------------------------*/







a#logo, a#logo_styled {



	margin: 16px 0;



	float: left;



	display: block;



}







a#logo_styled{



	/* 



		Here you can change width or height of your logo 



		if you've disabled option "logo as image"



	*/



	width: 233px;



	height: 73px; 


    background: #000;



}







/* Basic wrapper styles 



-----------------------------------------------------------------*/



div#wrapper_main{



	width:980px;



	margin:0 auto;



}







div#wrapper_top{



	height: 80px;



	position:relative;





}







div#buttons{



	width: auto;



	position:absolute;



	right:0;



	bottom: 12px;



}







div#buttons span#login_btn_noborder,



div#buttons span#register_btn_noborder{



	border: none !important;



}







div#buttons span:first-child{



	padding-right: 4px;



	margin-right: 1px;



}







div#buttons span{



	text-transform: uppercase;



	font-size: 10px;



	line-height:10px;



	font-weight: bold;



	height:10px;



}







div#banner1{



	/*width:468px;*/

	width:68px;



	height:60px;



	float:left;



	margin-top: 16px;


    



}


div#top_ad{



	width:500px;



	height:60px;



	float:left;



	margin-top: 0px;


    background: #fff;



}







div#search{



	width: 155px;



	height:17px;



	float:right;



	margin-top: 36px;



}







div#search div.search{



	width: 155px;



	height:17px;



}







div#search input#mod_search_searchword{



	border:none;



	height: 15px;



	padding:2px 0 0 4px;



	width: 134px;



	display: block;



	float:left;



}







div#search input.button{



	height:17px;



	width:17px;



	margin:0;



	padding:0;



	float:left;



	display:block;



	text-indent: -9998em;



}







div#header1,



div#header2{



	float: left;

    



}







/* component + right 



-------------------------------------------------------------------*/







div#component-right {



	float: left;



	width: 671px;



	margin-bottom: -9px;



}







div#right {



	float: right;



	width: 300px;



}







/* component + left



-------------------------------------------------------------------*/







div#component-left{



	float: right;



	width: 671px;



	margin-bottom: -9px;



}







div#left{



	float: left;



	width: 300px;



}







/* component 



-------------------------------------------------------------------*/







div#component {



	width: 980px;



	padding: 0;



	margin-bottom: -9px;



}







div#mainbody{



	margin-bottom: 9px;



}







/* Bottom



-----------------------------------------------------------------*/







div#wrapper_bottom{



	border:  1px solid #e6e6e6;



	

    





}



div#selectedItems{



	



	background:url(http://74.55.212.91/carrefour/images/shopping_list_middle.gif) repeat-y;

 

    height: 400px;



    overflow: auto;

   

    padding-left: 50px;

 

    width: 380px



}



/* Footer



-----------------------------------------------------------------*/







div#wrapper_footer{



	text-align:center;



	padding-bottom: 15px;



	margin-top: 23px;



	position: relative;



	



}





div#pit_footer{



	

border: 1px solid #e6e6e6;

padding-top:3px;

padding-bottom:3px;

	



}





ul#bottom_menu{



	width:auto;



	margin:0 auto;



	list-style-type: none;



	margin:0;



	padding:0;



}







ul#bottom_menu li{



	display:block;



	height: 12px;



	margin-right: 8px;



	padding: 0 0 0 8px;



}







ul#bottom_menu li:first-child{



	border-left:none;	



}







div#informations{



	clear: both;



	margin-top:4px;



}







div#stylearea{



	float: right;



	position: absolute;



	right: 0;



	top: 25px;



	font-size: 11px;



}







/* set the width of user modules 



-------------------------------------------------------------------*/ 



div#wrapper_bottom{



	margin-bottom: 8px;



	width: 100%;



	display: table;



}







div.users_wrap{



	margin-bottom: 8px;



}







div#wrapper_inside{



	padding-top: 19px;



}







.us_width-100{



	width: 100%;



	vertical-align: top;



}







.us_width-20:first-child,



.us_width-25:first-child,



.us_width-33:first-child, 



.us_width-50:first-child {



	margin: 0;



}







.us_width-20,



.us_width-25,



.us_width-33, 



.us_width-50 {



	margin-left: 2%;



	display: block;



	float: left;



}







.us_width-20{



	width:19%;



}







.us_width-25{



	width: 24%;	



}







.us_width-33{



	width:32%;



}







.us_width-50{



	width: 49%;	



}







/* suffixes */







div.moduletable h3,



div.moduletable_dark h3,



div.moduletable_menu h3,



div.moduletable_color h3,



div.moduletable_text h3{



	margin: 0 0 16px 16px;



	padding:0 0 0 28px;



	height:16px;



	font-size: 0.8em;



	line-height: 1.4em;



	font-weight: bold;



	text-transform: uppercase;



}







div.moduletable_advert div.moduletable_content{



	



	border: 1px solid #e6e6e6;



 	clear: both;



}







div.moduletable_advert h3{



	font-size: 10px;



	font-weight: normal;



	color: #999;



	width: auto;



	float: right;



	margin: 0 12px -8px 0;



	padding: 0 4px;



	background: #fff;



}







div.moduletable h3 span,



div.moduletable_dark h3 span,



div.moduletable_color h3 span,



div.moduletable_menu h3 span,



div.moduletable_text h3 span{



	padding: 0 28px 0 0;



	display:block;



	height: 16px;



	width: auto;



	float: left;



}







div.moduletable div.moduletable_content,



div.moduletable_dark div.moduletable_content,



div.moduletable_menu div.moduletable_content,



div.moduletable_color div.moduletable_content{



	padding: 0 16px;



	margin: 0px 0 5px 0;



}







div.wrapper_centered,



div.module_wrap,



div#wrapper_header{



	margin-bottom: 9px !important;



}







div.moduletable_clear{



	margin: 0;



	padding:0;



	border:none;



}







div.moduletable_clear div.moduletable_content{



	margin: 0;



	padding:0;	



}







.nohead .moduletable_content{



	margin-top: 320px !important;



}







div#slider{



	height:  8px;



	margin-bottom: 9px;



	cursor: pointer;



}







/* restrictions



-------------------------------------------------------------------*/ 







div#wrapper_bottom .us_width-20{



	width:20%;



}







div#wrapper_bottom .us_width-25{



	width: 25%;	



}







div#wrapper_bottom .us_width-33{



	width:33%;



}







div#wrapper_bottom .us_width-50{



	width: 50%;	



}







div#wrapper_bottom .us_width-20,



div#wrapper_bottom .us_width-25,



div#wrapper_bottom .us_width-33, 



div#wrapper_bottom .us_width-50 {



	margin-left: 0;



	display: table-cell;



	vertical-align: top;



}







div#wrapper_bottom .us_width-20:first-child  div.moduletable_content,



div#wrapper_bottom .us_width-25:first-child  div.moduletable_content,



div#wrapper_bottom .us_width-33:first-child  div.moduletable_content,



div#wrapper_bottom .us_width-50:first-child  div.moduletable_content{



	border-left: none;



	margin: 0 0 22px 0;



}







div#wrapper_bottom .us_width-20 div.moduletable_content,



div#wrapper_bottom .us_width-25 div.moduletable_content, 



div#wrapper_bottom .us_width-33 div.moduletable_content, 



div#wrapper_bottom .us_width-50 div.moduletable_content{



	overflow: hidden;



	margin: 0 0 22px 0;



}







div#wrapper_bottom div.moduletable,



div#wrapper_bottom div.moduletable_dark,



div#wrapper_bottom div.moduletable_menu,



div#wrapper_bottom div.moduletable_color,



div#wrapper_bottom div.moduletable_advert,



div#wrapper_bottom div.moduletable_text{



	border: none;



}







div#right div.moduletable,



div#right div.moduletable_dark,



div#right div.moduletable_menu,



div#right div.moduletable_color,



div#right div.moduletable_text,



div#right div.moduletable_advert,



div#left div.moduletable,



div#left div.moduletable_dark,



div#left div.moduletable_menu,



div#left div.moduletable_color,



div#left div.moduletable_advert,



div#left div.moduletable_text{



	margin-bottom: 9px;



}







div#right div.moduletable div.moduletable_content,



div#right div.moduletable_dark div.moduletable_content,



div#right div.moduletable_menu div.moduletable_content,



div#right div.moduletable_color div.moduletable_content,



div#right div.moduletable_advert div.moduletable_content,



div#right div.moduletable_text div.moduletable_content,



div#left div.moduletable div.moduletable_content,



div#left div.moduletable_dark div.moduletable_content,



div#left div.moduletable_menu div.moduletable_content,



div#left div.moduletable_color div.moduletable_content,



div#left div.moduletable_text div.moduletable_content,



div#left div.moduletable_advert div.moduletable_content{



	padding: 9px 9px 0 9px !important;



}







/* popups */







div#popup_login,



div#popup_register{



	position: absolute;



	z-index: 100000;



	width: 530px;



	top: 5px;



	right: 0;



	margin-right: -12px;



	display: none;



}







div#close_button_login,



div#close_button_register{



	width: 24px;



	margin: 3px 3px 0 0;



	height: 24px;



	cursor: pointer;



	float: right;



}







div.top{



	width: 488px;



	padding: 0 10px 16px 32px;



	margin: 27px 0 0 0;



	overflow: hidden;



}







div.top form#josForm{



	width: 480px;



	margin: 0 auto;



}







div.bottom{



	width: 530px;



	height: 16px;



}