/*
####################################################################################################
[1. Reset and default page configuration]
####################################################################################################
*/


   html,body, 
   div,dl,dt,dd,ul,ol,li,form,table,tr,td,
   h1,h2,h3,h4,h5,h6,pre,p,span,b,i,a,
   input,textarea,fieldset { margin: 0; padding: 0; outline: none;}
   
   body { font: 12px Calibri, Verdana, Arial, Helvetica, sans-serif;  padding-top: 0;}
   h1,h2,h3,h4,h5,h6 { font-size: 1.16666em;}	   
	
   input,textarea,select { font-size: 1em;}   
   fieldset { border: none;}
   input[type="submit"] { cursor: pointer;}
   ul { list-style-type: none; }
   img { border: none; }
   table { border-collapse: collapse; border-spacing: 0;}

    /* remember to define focus styles! */
   :focus {outline: 0; }
   
   a { text-decoration: underline; color: #0000FF;}
   a:hover { text-decoration: none; color: #0000FF;}
   
   h1 { font-size: 1.16666em; color: #0000FF;}
   h2 { font-size: 1.16666em; color: #0000FF;  text-transform: uppercase;}
   h3 { font-size: 1.16666em; color: #0000FF;  display: block; clear: both;}        



/*
####################################################################################################
[2. Blocks]
####################################################################################################
*/

/*
----------------------------------------------------------------------------------------------------
	[2.1 Area]
----------------------------------------------------------------------------------------------------
*/
	div.area {  background: #bbd1e8; border-top: 3px solid #fff; overflow: hidden; padding: 12px 14px 14px;}
	
		/* google search */
		div.area form#google-search { float: right;}
		    div.area form#google-search h2 { padding-bottom: 3px;}
			div.area form#google-search input[type="text"] { width: 147px; padding: 1px;}
			div.area form#google-search input[type="submit"] { padding: 0 5px;}
		
		/* tyres search */
		div.area form#tyres-search {}
    		div.area form#tyres-search h2 { padding-bottom: 3px;}		
			div.area form#tyres-search select { }
			div.area form#tyres-search label { display: block; margin-top: 2px; }
			div.area form#tyres-search input[type="checkbox"]{ vertical-align: middle;margin-right: 3px; }
			div.area form#tyres-search input[type="submit"]{ padding: 0 5px;}			
			
		/* rims search */
		div.area form#rims-search {}
    		div.area form#rims-search h2 { padding-bottom: 3px;}		
			div.area form#rims-search select { }
			div.area form#rims-search label { display: block; margin-top: 2px; }
			div.area form#rims-search input[type="checkbox"]{ vertical-align: middle;margin-right: 3px; }
			div.area form#rims-search input[type="submit"]{ padding: 0 5px;}				


/*
----------------------------------------------------------------------------------------------------
	[2.2 List]
----------------------------------------------------------------------------------------------------
*/	
	div#main-menu { overflow: hidden; padding: 10px 14px 3px;}
		
		div#main-menu dl { width: 25%; float: left;}
		div#main-menu dt { }
		div#main-menu dd a { color: #000;}
		div#main-menu dd a:hover { color: #0000FF;}		
		div#main-menu dd a.mm-bold { font-weight: bold;}	
/*
----------------------------------------------------------------------------------------------------
	[2.3 Buy]
----------------------------------------------------------------------------------------------------
*/
	table.search-results{ width: 100%; margin: 10px 0;}
		table.search-results tr.hover:hover { background: #bbd1e8; cursor: pointer;}
		table.search-results th { background: #bbd1e8; padding: 5px; text-align: center;}
    		table.search-results th.image { width: 203px;}	
    		table.search-results th.price { width: 140px;}
    		table.search-results th.left { text-align: left;}
    		table.search-results td#total { background: #bbd1e8; padding: 5px; font-weight: bold;}					
    		table.search-results td.left { text-align: left;}	
    		table.search-results td.right { text-align: right;}					
    		table.search-results th.price2 { width: 140px;}				
    		table.search-results th.quantity { width: 80px;}
    		table.search-results th.total { width: 80px;}
    		table.search-results th.detete { width: 80px;}														
		table.search-results tr:first-child th:first-child  { border: none;}
		table.search-results td { padding: 5px; text-align: center;}

    .product-image { text-align: left; vertical-align: top; width: 210px;}
    .product-content { text-align: justify; vertical-align: middle;}
	.error {color:#FF0000;}							
/*
----------------------------------------------------------------------------------------------------
	[2.4 quick-links]
----------------------------------------------------------------------------------------------------
*/
div#quick-links { overflow: hidden; padding: 15px 0 5px 12px; }
    div#quick-links h2 { font-size: 1.16666em; display: block; clear: both; padding-left: 3px;}
    div#quick-links ul { overflow: hidden; display: block; clear: both;}
        div#quick-links ul li { display: inline; float: left; border-left: 1px solid #000; margin-bottom: 4px; padding-left: 4px; padding-right: 4px;}
            div#quick-links ul li:first-child { border: none;}
    		div#quick-links ul li a { color: #000;}
	    	div#quick-links ul li a:hover { color: #0000FF;}					
/*
####################################################################################################
[3. Page Constructor]
#################################################################################################### 
*/

/*
----------------------------------------------------------------------------------------------------
	[3.1 Header]
----------------------------------------------------------------------------------------------------
*/
	div#header { 
		/*background: #bbd1e8 url(/images/h-bg.jpg) left top repeat-x; */
		min-height: 390px; /*padding: 15px;*/ overflow: hidden;}
		
		/* logotype */
		div#header  div.logo { float: right; width: 500px;}
			div#header  div.logo h3 { width: 83px; height: 75px; float: right; margin-left: 15px;}
			div#header  div.logo address { overflow: hidden; text-align: right;}
				div#header  div.logo address em { font-weight: bold; display: block;}
                div#header  div.logo div#header_text {text-align:right; position:relative; top:80px;}
                    div#header  div.logo div#header_text h2 { font-size: 2.08333em; font-style:italic;}                
                				
		
		/* brend */
		div#header div.brend { display: none; }
		div#header ul.brend { float: right; clear: both; text-align: justify; width: 345px; margin-top: 15px;position: relative;}
		div#header ul.brend  li em { font-weight: bold;}
			div#header ul.brend li { display: inline; float: left; margin-left: 15px;}
			
		/* page */
		ul.page { float: right;}
			ul.page li { display: inline; color: #000; border-left: 1px solid #000; padding-left: 5px; padding-right: 5px;}
            ul.page li:first-child { border: none;}			
/*
----------------------------------------------------------------------------------------------------
	[3.2 Content]
----------------------------------------------------------------------------------------------------
*/
	div#page { background: #fff; width: 998px; margin: 0 auto; border: 1px solid #999; padding: 3px; }
	
	div.case { border: 1px dashed #999; border-width: 1px 0; margin-top: 1px; padding: 0 7px 0 13px; background: url(/images/case-bg.jpg) 250px 0 repeat-y; overflow: hidden; }
	div#sidebar { float: left; width: 220px; padding: 7px 10px 7px 1px;}
	div#sidebar li { }		
   		div#sidebar ul li a { color: #000;}
    	div#sidebar ul li a:hover { color: #0000FF;}						
	div#sidebar form#brands-jump select { }	
	div#cnt { margin-left: 250px; padding: 9px 8px;}
	div#cnt p { }
	div#cnt ul li { }	

	div#counters{ margin-top: 10px; padding-top: 10px; text-align: center; border-top: 1px dashed #999;}

/*
----------------------------------------------------------------------------------------------------
	[3.3 Footer]
----------------------------------------------------------------------------------------------------
*/
	div#footer{ margin-top: 10px; background: #838f9b url(/images/ftr-bg.jpg) left top repeat-x; overflow: hidden; padding: 12px 0 20px; text-align: center;}
	
	#ns_tt{ position: absolute; border: solid #000 1px; background-color: #fff; font-family: Tahoma, sans-serif; font-size: 11px; 	line-height: 16px; margin: 25px 0px 0px 5px; }

    .tooltip{ position:absolute; z-index:999; left:-9999px; background-color:#dedede; border:1px solid #999; }
    .date { font-weight:bold; text-decoration:underline; }
    .title { font-weight:bold; }