/***************/
/* main layout */
/***************/
/** shop stuff **/
.rrp{  
	color:#000; 
	font-size:16px; 
	font-weight:normal; 
	width:100%; 
	margin-top:6px; 
}
.our_price{ 
	color:#000; 
	font-size:16px; 
	font-weight:normal; 
	width:100%;	
	margin-top:7px; 
}
body { 
	margin: 0; 
	padding: 0; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#666666; 
	font-size:12px; 
	background:/*url(../images/bg.png) top repeat-x #5c9fd5*/ #fff; 
}
.scroller {
	color:#000; 
	margin-top:40px; 
	background:#7a0944; 
	color:#fff;
}

#bodyWrapper { width: 940px; margin: auto; background:#fff; padding:35px 10px 0; }

/* specific link colours for this site */
a         { color: #000; text-decoration: none; }
a:link    { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover   { color: #000; text-decoration: underline; }
a:active  { color: #000; text-decoration: underline; }

.input{ 
	border:1px solid #666666;
	width:200px;
	margin-bottom:5px;
	color:#666666;
	padding:3px 2px;
	
 }
.btn{ 
	border:1px solid #666666;
	width:70px;
	margin-bottom:5px;
	color:#666666;
	padding:2px 2px;
	cursor:pointer;
 }

a.shopButtonRent{
	font-family:"Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	background-color:#62a9dd;
	border:none;
	padding:2px 10px;
	width:auto;
	overflow:visible;
	cursor:pointer;
	text-decoration:none;
}

li a:focus{ outline:none; }

h1{ 
	font-size:24px; 
	color:#4b7dc5; 
	font-weight:bold; 
	font-weight:normal;
	margin-bottom:7px;
}
.frmH1{ font-weight:normal; font-size:16px; color:#3A3A3A;  }
h2 a{ font-weight:bold; color:#2a2a2a; font-size:16px; }

/** forms **/
.frmInput{ 
	border-left:2px solid #4b7dc5!important; 
	border-right:0; 
	border-top:0; 
	border-bottom:0; 
	background:#dfdfdf;
	width:250px; 
	height:30px;
	color:#3A3A3A;
	padding-left:5px;
}
.frmInputQty{ 
	border-left:2px solid #4b7dc5!important; 
	border-right:0; 
	border-top:0; 
	border-bottom:0; 
	background:#dfdfdf;
	width:40px; 
	height:30px;
	text-align:center;
	color:#3A3A3A;
}
.frmInputTextarea{ 
	border-left:2px solid #4b7dc5!important; 
	border-right:0; 
	border-top:0; 
	border-bottom:0; 
	background:#dfdfdf;
	width:250px; 
	height:80px;
	color:#3A3A3A;
	padding-left:5px;
	padding-top:5px;
}
.frmBtn{ 
	border-left:2px solid #4b7dc5!important; 
	border-right:0; 
	border-top:0; 
	border-bottom:0; 
	background:#dfdfdf;
	width:50px; 
	height:25px;
	color:#3A3A3A;
	padding-left:5px;
	cursor:pointer;
}

/** promo headers */
#promoContainer{
	float:left;
	width:505px; 
	margin: -5px 0 0 28px; 
}
#promoContainer #left{
	float:left; 
	width:252px; 
	background:#ccc; 
	height:56px;
}
#promoContainer #right{
	float:right; 
	width:252px; 
	background:#ccc; 
	height:56px;
}


/** footer boxes **/
.bottomBoxTitle{
	background:url(../images/header_bg.png) bottom repeat-x;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	padding:0px 20px;
	margin-top:12px;
	color:#172168;
	text-shadow: 1px 1px 1px #;
	filter: dropshadow(color=#, offx=1, offy=1); 
	
}
.bottomBoxCont{
	border:1px solid #D0D0D0;
	margin-top:12px;
	padding:12px;
}


/*******************/
/* header elements */
/*******************/

.top_cart{ background:url(../images/basket_top_nav.png) no-repeat; width:444px; height:27px; float:right; }
.top_cart a{ }

#header {  }

#logo { float: left; margin:2px 0px 0px 0px}
#freephone { float:right; margin:16px 0 0 60px;}

/** sub nav **/
ul.browse li.subnav{    }
#leftside ul.browse li.subnav a{ color:#999999; font-size:14px; }
#leftside ul.browse li.subnav a:hover{ color:#dfdfdf; }

ul#nav      { clear:both; padding-top:3px; }
ul#nav li   { float: left; }
ul#nav li a { display: block; background:url(../images/nav.png) no-repeat top; height:40px; text-indent:-1500px; float:left; }
#nav #nav-shop a{ width:84px;  background-position:0 0;}
#nav #nav-free-trial  a{ width:104px;  background-position:-84px 0 ;}
#nav #nav-our-water  a{ width:110px; background-position:-188px 0 ;}
#nav #nav-customer-zone  a{ width:144px; background-position:-298px 0 ;}
#nav #nav-inside-bmw  a{ width:136px; background-position:-442px 0 ;}
#nav #nav-callback  a{ width:129px; background-position:-578px 0 ;}
#nav #nav-contact a{ width:128px; background-position:-707px 0 ;} 
#nav #nav-tel a{ width:104px; background-position:-835px 0 ;} 


/** hover **/
#nav #nav-shop a:hover, #nav #nav-shop.selected a{ width:84px;  background-position:0 -40px;}
#nav #nav-free-trial  a:hover, #nav #nav-free-trial.selected  a{ width:104px;  background-position:-84px -40px ;}
#nav #nav-our-water  a:hover, #nav #nav-our-water.selected  a{ width:110px; background-position:-188px -40px ;}
#nav #nav-customer-zone  a:hover, #nav #nav-customer-zone.selected  a{ width:144px; background-position:-298px -40px ;}
#nav #nav-inside-bmw  a:hover, #nav #nav-inside-bmw.selected  a{ width:136px; background-position:-442px -40px ;}
#nav #nav-callback  a:hover{ width:129px; background-position:-578px -40px;}
#nav #nav-contact a:hover, #nav #nav-contact.selected a{ width:128px; background-position:-707px -40px ; }



/********************/
/* content elements */
/********************/
#main {  }
.content_contact{ width:450px; float:right; margin-top:45px; }

#leftside{  width:205px; float:left; margin-top:10px;}
.left_item ul#logos { margin:57px 0 0 0; }
#leftside .left_item h1{ margin-bottom:7px; }
.left_item ul#logos li { margin:0 0 17px 0; }
#leftside ul.browse{ margin:10px 0 10px 0;}
#leftside ul.browse li a { 
	font-size:16px; 
	font-weight:bold; 
	color:#3a3a3a; 
	padding:0 0 4px; 
	margin:0; 
	display:block; 
	letter-spacing:-1px; 
}
#leftside ul.browse li.subsub a { 
	font-size:14px; 
	color:#4B7DC5;
}
#leftside h1 { font-weight:bold; }
#leftside ul.browse li a:hover { text-decoration:none; color:#4b7dc5;}
#rightside{  width:709px; float:right; margin-top:13px;}
#rightside_other{  width:709px; float:right; margin-top:11px;}

/** special boxes **/
#special_box{ border:1px solid #d0d0d0; min-height:194px; padding-bottom: 13px; }
/** leftside **/
#special_box #left{ float:left; width:313px; padding-right:13px; border-right:1px solid #d0d0d0; min-height:148px; margin:13px 0 0 25px; padding-bottom:13px; }
#special_box #left h2 a { 
	font-weight:normal; 
	color:#000; 
	font-size:16px; 
	text-decoration:none;
}
#special_box #left .content{ width:300px; float:left;}

.boxShadow { width:708px; margin:auto; }
.boxShadowHome { width:709px; margin:auto; margin-top:-10px; }

/** hr dashed border green **/
.hr{ background:url(../images/dash.png) repeat-x top; height:7px; border:0px; }
.hr_grey{ background::url(../images/dash_grey.png) repeat-x top; height:7px; border:0px; }
/*********/
/* items */
/*********/
.item          { margin-bottom: 10px; }
.item .title   { font-size: 1em; font-weight: bold; }
.item .date    { font-style: italic; }
.item .image   { float: left; margin-right: 5px; margin-bottom: 5px; }

/** inside bmw **/
.inside_item{ 
	border-right:1px solid #CCCCCC; 
	margin-right:20px;	
	float:left;	
	width:201px; 
	margin:0px 0px 25px 10px; 
	padding:10px; 
	cursor:pointer; 
}
.inside_item img:hover{ 
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		-khtml-opacity: 0.6;
		opacity: 0.6;
}
.inside_item .text{ text-align:center; width:185px; margin-top:10px;  } 


/*******************/
/* footer elements */
/*******************/
#footer {
	margin-top:20px; 
	width:960px; 
	color:#256492; 
	height:43px; 
	background:url(../images/footer_bg.png); 
	margin:auto; 
	font-size:11px;
	margin-left:-10px
}
#footer a { text-decoration: none; color:#256492; } /* for the clevercherry.com link */
#footer a:hover {  color:#fff; } /* for the clevercherry.com link */


/***********************/
/* general form styles */
/***********************/
.required { color: #f00; }

/* all form elements are contained within a formrow div, with a label and
 *  then the element, this is the best way (but still not good) to emulate
 *  a table */
div.formrow {
  clear: both;
  text-align: left;
  margin-bottom: 10px;
}

div.formrow label {
  float: left;
  text-align: right;
  margin-right: 10px;
  width: 80px; /* default width for a default form, add new form ids and override */
}
div.formrow.indent { margin-left: 90px; } /* label width + label margin-right, override as above */
div.formrow label.radio {
	float: none;
	text-align: inherit;
	margin-right: 0;
	width: auto;
}

#recaptcha_widget         { margin-bottom: 15px; }
#recaptcha_image          { float: left; width: 300px; }
#recaptcha_options        { border-left: 1px solid #999; padding-left: 5px; float: left; margin-left: 10px; }
#recaptcha_response_field { width: 325px; }
#recaptcha_notice         { font-size: 0.833em; color: #555; }

/* message and error boxes, not just useful in contact form */
#messages,
#errors,
#warnings,
#info { margin-bottom: 10px; }
.message { border: 1px solid #080;  background: #efe; color: #080; padding: 3px 5px; margin-bottom: 15px; float: left; } /* you may need to clearfix this */
.message.nomargin { margin-bottom: 0; } /* if before something with a margin-top */
.message.info { border-color: #880; background: #ffe; color: #880; } /* info box in yellow */
.message.warn { border-color: #f40; background: #ffe; color: #f40; } /* warning box in orange */
.message.error { border-color: #f00; background: #fee; color: #f00; } /* error box in red */