﻿*   { margin:0; }
body, img, p, a, h1, h2, h3, h4, h5, h6, li, ul, input, form, select { padding:0; margin:0; border:0; }
html, body  { height:100%; }
body    { text-align:center; font-family:Arial, Verdana, Sans-Serif; font-size:62.5%; background:#dcdce2; }

/*margins*/

.mR10
{
	margin-right:10px;
}

/* the rest */


#wrap_en    { height:100%; }


#headerWrap { height:121px; background:url(/liv/whp/header_bg.jpg); }
#header .logo   { padding:16px 0 20px 0; }

#wrap   { margin:0 0 -42px 0; height:auto !important; height:100%; min-height:100%;}
#footerWrap, .push   { height:42px; }
#footerWrap { background:#5a5a67; margin:-42px 0 0 0; height:98px; color:#fff; padding:15px 0px 15px 0px;  }
.footerMenu { float:left; line-height:20px; margin-top:10px; }
.footerCards { float:right; line-height:58px; font-size:1.1em;	}
.footerCards img { vertical-align:middle; }

#contentWrap    { padding:0 0 25px; }

.copy   {font-size:1.2em; }  

#breadcrumb { height:30px; line-height:30px; }  
#breadcrumb span    { float:left; color:#585350; }
#breadcrumb ul { float:left; }
#breadcrumb li { margin:0 0 0 10px; float:left; display:inline; font-size:0.9em; }



.contentLeftPanel   { width:727px; background:#fff; float:left; margin:0 12px 0 0; padding:12px;}

.hotspotWrap    { width:193px; float:left; }
.hotspot    { background:#e6eef7; border:5px solid #fff; width:169px; padding:7px; margin:0 0 10px; }

.hotspot p  { font-size:1.1em; }


.hotspot .widebutton    { background:url(/liv/whp/blue_btn_131.png) no-repeat; width:130px; padding:1px 1px 4px 0; height:25px; line-height:25px; display:block; text-align:center; color:#fff; text-decoration:none; }
.hotspot .widebutton:hover    { text-decoration:underline; }

.cmEmail    { background:#fff; border:1px solid #7f9db9; float:left; width:133px; border-right:0; height:16px; font-size:0.9em; padding:2px 0 0 2px; } 
.cmSubmit   { cursor:pointer; background:url(/liv/whp/go.png) no-repeat; width:30px; height:20px; line-height:20px; color:#fff; font-size:0.9em; float:left; padding:2px 2px 4px 0; }

.contact_header { background:url(/liv/whp/header_contact.jpg) no-repeat; width:662px; height:71px; padding:20px 20px 0 20px; margin:10px 0 0 0; } 
.contact_panel  { border-top:1px solid #e5ebf1; border-left:1px solid #c4d6e9; border-right:1px solid #c4d6e9; width:660px; padding:20px 20px 0 20px; }
.contact_footer { background:url(/liv/whp/footer_contact.jpg) no-repeat; width:702px; height:13px; line-height:13px; }

.contact_header label   { float:left; width:250px; }

.contact_panel input { border:1px solid #c4d6e9; }
.contact_panel input.error { border:1px solid #c00; }
.contact_panel label    { float:left; width:125px; }
.contact_panel label.wide   { width:455px; }
.contact_panel label.radio  { float:none; width:auto; }
.contact_panel label.error  { color:#c00; float:none; width:auto; }
.contact_panel .half_panel  { width:330px; float:left; }
.contact_panel .contact_submit  { border:0; background:url(/liv/whp/blue_btn_131.png) no-repeat; width:130px; padding:1px 1px 4px 0; height:25px; line-height:25px; display:block; text-align:center; color:#fff; text-decoration:none; }

.logo   { float:left; width:420px; }
#shopHeaderWrap   { float:right; width: 540px; text-align:right; height:105px; padding:16px 0 0 0; background:url(/liv/whp/20100329-shopHeaderWrap-bg.jpg) no-repeat;}
#shopHeaderWrap div { width:530px; float:left; height:28px; line-height:28px; }
#shopHeaderWrap .languageSel    { font-size:1.1em; }
#shopHeaderWrap .localTime, #shopHeaderWrap .cart    { font-size:1.2em; }
#shopHeaderWrap .btnBasket  { background:url(/liv/whp/green_btn_59.jpg) no-repeat; width:59px; height:23px; line-height:23px; text-align:center; display:inline-block; color:#fff; text-decoration:none; margin-left:10px; }

/* validation */
#errorMessages  { display:none; margin:0 0 10px 0; }
#errorMessages span   { color:#c00; }

#cmError    { display:none; margin-bottom:10px; font-size:1em; }
#cmError span    { color:#c00; margin:0 0 0 20px; font-size:1em; }
/* /validation */

/* center elements */
#footer, #content, #header, #topNav, #breadcrumb { text-align:left; margin:0 auto; width:980px; }
#footerWrap, #contentWrap, #headerWrap, #topNavWrap    { text-align:center; }
/* /center elements */

#content
{
	padding:12px 0 0 0;
}

#content
{
	padding:12px 0 0 0;
}

/* clear:both using CSS rather than empty html elements */
.clearFix:after, #contentWrap:after, .hotspot:after, .contact_panel:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearFix, #contentWrap, .hotspot, .contact_panel   { display: inline-block; }
/* IE MAC STRIKES BACK \*/
.clearFix, #contentWrap, .hotspot, .contact_panel   { display: block; }
/* END IE MAC HIDE */


#topShopNav { height:41px; line-height:41px; float:left; clear:left; }
#topShopNav ul { position:relative; border:0; margin:0; padding:0; }
#topShopNav li ul   { position:relative; display:none; float:left; width:300px; z-index:100; border-bottom:2px solid #030303; border-left:2px solid #030303; border-right:2px solid #030303; background:#4A4853; margin:0 0 0 -10px; }

#topShopNav li.motors   { width:45px; }
#topShopNav li.pumps    { width:40px; }
#topShopNav li.other    { width:90px; }

/*  Test menu, remove comment to permanently show menu.
#topShopNav li.other ul { display:block; }
*/


#topShopNav li { text-align:center; list-style:none; float:left; margin:0 20px 0 0; display:block; position:relative; height:41px; line-height:41px; padding:0 10px; font-size:1.2em; z-index:1000; }
#topShopNav li a { display:block; background:none; }

#topShopNav li li  { text-align:left; float:none;  z-index:1000; font-size:1em; height:32px; line-height:22px; margin:0; text-transform:capitalize; padding:0; display:block; }
#topShopNav li li.hover { border-top:1px solid #AEADB3; border-bottom:1px solid #AEADB3; background:#2E2C2D; height:30px;  }

#topShopNav li li a { display:block; background:none; line-height:normal; padding:5px 10px; height:22px; line-height:22px; display:block; }
#topShopNav li li.hover a   { height:20px;  line-height:20px;  }
#topShopNav li li.hover a:hover { color:#9DCAFF; }
#topShopNav li.hover_parent { background:#000; }
#topShopNav li.hover_parent ul  { display:block; }

/* /Menus */

/* Culture Selector */
     body
        {
        	z-index:1;
        }
        .langHidden
        {
           
          /*  margin-right: -235px;
            top:35px; */           
            position: relative;
        }
        
        
        .languageSel
        {
            
            z-index:99;       
            /*right:165px;*/
            top:-15px; 
            width:320px !important; 
            float:right !important;          
            position:relative; 
       
        }
        .languageSel ul
        {
        	width:140px !important;
        	 
        	  /* background-color: #FC0;*/
        	/*behavior: url(/js/PIE.htc);
        	 padding:10px;
    background-image: -moz-linear-gradient(90deg, #dcdce2, #e6eef7);	    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dcdce2), to(#e6eef7));
	    -pie-background: linear-gradient(90deg, #dcdce2, #e6eef7);	             
           position:relative;
            z-index:100;            
            border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;*/
    list-style-type:none;
    float:right;
    position:relative;
    padding:0px;
  
    margin-right:-25px !important;
        }
       .languageSel li img
       {
       	position:relative;
       	float:left;
     
       } 
       
        .languageSel li a
        {
        	position:relative;
        	float:left;
        	
        }
        
        .languageSel li
        {
        list-style-type:none !important;
        display:block;
        float:left;
        margin-left:9px !important;
        height:50px !important;
        position:relative;
        }
.lngFlag
{
height:13px;
width:20px;
}

.localTime
{
	position:relative;
	float:left !important;
	clear:both;
	top:12px;
}
.searchBox
{
	padding-left:60px;
}
