@import url(_reset.css); 
@import url(_hacks.css);

/* @ Magic Begins Here
------------------------------*/

body {
font-family: arial;
font-size: 100%;
margin: 0;
padding: 0;
background: #089CFC url("../_images/_bg_repeat.jpg") top repeat-x;
}

/* Header */
#hdr									{ width: 888px; margin: 0 auto; height: 137px; position: relative; }
#hdr .logo								{ height: 137px; width: 297px; position: absolute; top:0; left:0; }
#hdr .logo a							{ height: 137px; width: 297px; display: block; background: url("../_images/logo_rehablondon.gif") top left no-repeat; }
#hdr .logo a span						{ display: none; }

#hdr .secPromo							{ position: absolute; top:0; right:0; height: 137px; width: 350px; text-align: right; }

/* Primary Navigation */
#nav									{ width: 888px; margin: 0 auto; height: 40px; }
	#nav ul								{ }
	#nav ul li							{ float: left; }
	#nav ul li a						{ display: block; height: 40px; }
	#nav ul li a span					{ display: none; }
	
	#nav ul li a.btn_home				{ background: url("../_images/btn_home.gif") top left no-repeat; width: 79px; }
	#nav ul li a.btn_about				{ background: url("../_images/btn_about.gif") top left no-repeat; width: 107px; }
	#nav ul li a.btn_buy				{ background: url("../_images/btn_buy.gif") top left no-repeat; width: 143px; }
	#nav ul li a.btn_philosophy			{ background: url("../_images/btn_philosophy.gif") top left no-repeat; width: 125px; }
	#nav ul li a.btn_media				{ background: url("../_images/btn_media.gif") top left no-repeat; width: 83px; }
	#nav ul li a.btn_stores				{ background: url("../_images/btn_stores.gif") top left no-repeat; width: 93px; }
	#nav ul li a.btn_contact			{ background: url("../_images/btn_contact.gif") top left no-repeat; width: 128px; }
	#nav ul li a.btn_viewcart			{ background: url("../_images/btn_viewcart.gif") top left no-repeat; width: 130px; }
	
	#nav ul li a:hover						{ background-position: bottom; }
	
body#home #nav ul li a.btn_home,
body#about #nav ul li a.btn_about,
body#buy #nav ul li a.btn_buy,
body#philosophy #nav ul li a.btn_philosophy,
body#media #nav ul li a.btn_media,
body#stores #nav ul li a.btn_stores,
body#contact #nav ul li a.btn_contact { background-position: bottom; } 


.bdyCapTop 								{ background: url("../_images/bdy_cap_top.jpg") top left no-repeat; height: 17px; width: 888px; margin: 0 auto; }

/* Body Wrapper */
#bdyWrapper								{ width: 888px; margin: 0 auto; background: url("../_images/panelLeft_bg.jpg") left repeat-y; }
#bdyWrapper .bdyInner					{ padding: 0 15px; font-size: 0.75em; line-height: 1.5em; padding-top: 15px; }
#bdyWrapper .bdyInner p					{ padding-bottom: 15px; }

#bdyWrapper .secLeft 					{ float: left; width: 638px; background: url("../_images/bgLeft.png") top left no-repeat; }
#bdyWrapper .secRight 					{ float: left; width: 220px; background: url("../_images/ttl_quicklinks.png") top left no-repeat; padding-top: 55px; }

.bdyCapFtr 											{
background: url("../_images/ftr_bg.png") top left no-repeat;
behavior: url("/iepngfix.htc") !important;
width: 888px; margin: 0 auto; position: relative; font-size: 0.7em;
padding-top: 30px;
padding-bottom: 30px;
}

#bdyWrapper .bdyInner h1				{ margin-bottom: 15px; color: #006666; font: 20px Tahoma; border-bottom: 1px solid #006666; }

#bdyWrapper .bdyInner h2				{ margin-bottom: 10px; color: #006666; font: bold 12px Tahoma; border-bottom: 1px dotted #ccc; }

.bdyCapFtr .sec1						{ width: 200px; float: left; padding-left: 10px; }
.bdyCapFtr .sec2						{ text-align: right; width: 300px; float: right; padding-right: 232px; }
.bdyCapFtr .sec2 a						{ color: #000033; padding: 0 5px; }
.bdyCapFtr .sec2 a:hover				{ color: #000033; background: #c9db27; }

table.panelRight 						{ width: 210px; padding:0; border:0; margin-bottom: 13px; margin-left: 8px;}
table.panelRight td.capTop				{ background: url("../_images/panelRight_top.png") top left no-repeat; font: 11px Tahoma, Helvetica, sans-serif; padding: 10px; padding-bottom: 0; }
table.panelRight td.capBtm				{ background: url("../_images/panelRight_btm.png") top left no-repeat; height: 11px; }

table.panelRight td.capTop h5 			{ padding: 3px; background: #cc0000; color: #fff; border: 1px solid #660000; text-align: center; margin-bottom: 1px; font-weight:bold; }
table.panelRight td.capTop p 			{ padding-bottom: 8px; background: url("../_images/panelRight_sep.gif") bottom repeat-x; margin-bottom: 5px;  }
table.panelRight td.capTop p a 			{ color: #0099CC;  }
table.panelRight td.capTop p a:hover	{ color: #FFFFFF; background: #0099CC; }

/* Misc Form Styling
******************************/
table.miscForm							{ padding:0; margin: 20px auto; border:0; }

table.miscForm input,
table.miscForm textarea					{ font: 110% Tahoma; color: #333; }

table.miscForm tr td.m1					{ width: 100px;}
table.miscForm tr td					{ color: #555; font: 90% Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; padding: 3px; }
.miscInput								{ width: 294px; height: 23px; margin: 0 auto; border: none; background: none; padding: 6px 0 0 5px; }
.miscPostcode							{ width: 60px; height: 23px; border: none; background: none; padding: 6px 0 0 5px; }
td.m2 div								{ width: 300px; height:29px; border:1px solid #eee; background:url("../_images/frm_bg.jpg") top repeat-x; }

.miscTextarea							{ width: 294px; height: 76px; margin: 0 auto; border: none; background: none; padding: 5px 0 0 5px; }
td.m3 div								{ width: 300px; height: 84px; border:1px solid #eee; text-align: center; background: #c7c7c7 url("../_images/frm_bg.jpg") top left repeat-x; }

input.sub								{ background: url("../_images/send_enquiry.gif") top left no-repeat; width: 130px; height: 30px; cursor: hand; }
input.sub:hover							{ cursor: hand; background-position: bottom; }
table.miscForm .mList					{ text-align: left; vertical-align: middle; }
table.miscForm .sSub					{ text-align: left;}

/* Services Tables
******************************/

table.tblProduct						{ padding:0; margin:0 0 15px 0; border:0; margin: 0 auto; margin-bottom: 17px; width: 290px; border: 5px solid #e5e5e5; float: left; height: 390px; margin-left: 20px; }
table.tblProduct td img					{ margin-right: 15px; }

table.tblProduct th						{
background: url("../_images/table_th.jpg") top repeat-x;
vertical-align: middle;
font: 120% Tahoma;
color: #fff;
padding: 5px 0 5px 10px;
text-align: left;
}

table.tblProduct td						{ background:url("../_images/table_td.gif") bottom repeat-x; padding: 7px 10px 13px 10px; font: 11px Tahoma; color: #4a282e; vertical-align: middle; }
table.tblProduct td.pp					{ text-align: right; width: 25%; background:url("../_images/table_td_pp.gif") bottom repeat-x; color: #000; font-size: 120%; padding: 5px 10px 5px 0px; }
table.tblProduct td.td-1				{ background:url("../_images/table_td_left.gif") bottom repeat-x; vertical-align: middle; padding: 10px; font: 11px Tahoma; color: #fff;  }
table.tblProduct td.enquire				{ padding: 0; }
table.tblProduct td.enquire span		{ display: none; }
table.tblProduct td.enquire a			{ background: url("../_images/addtocart.gif") top right no-repeat; display: block; height: 45px; }
table.tblProduct td.enquire a:hover		{ background-position: bottom right; }

ul.bdyList 							{ list-style: square; margin-left: 25px; margin-bottom: 15px; }
ul.bdyList li a 					{ color: #FF0000; }
ul.bdyList li a:hover 				{ text-decoration: underline; }

dl.bdyList 							{ margin-left: 25px; margin-bottom: 15px; font-size: 1em; font-weight: normal; border-left: 5px solid #e5e5e5; }
dl.bdyList dt 						{ padding-left: 5px;  }
dl.bdyList dd 						{ padding-left: 5px;  }
dl.bdyList dd a						{ color: #FF0000; }
dl.bdyList dd a:hover 				{ text-decoration: underline; }

table.tblStockists { width: 100%; border: 5px solid #f5f5f5; margin-bottom: 15px; }
table.tblStockists td.l1 { width: 30%; vertical-align: middle; font: bold 12px Arial; background: #d5d5d5; text-align: center; }
table.tblStockists td.l2 { background: #e5e5e5; padding: 10px; }
table.tblStockists .locationWrapper { padding: 15px; margin: 5px 0; border: 1px dotted #ccc; font: 11px tahoma, Arial, Helvetica, sans-serif; text-align: left; background: #f7f7f7; }
table.tblStockists .locationWrapper dt { font-weight: bold; }

.tblSurvey { margin: 0 auto; width: 600px; }
.tblSurvey td { padding: 10px; }
.tblSurvey td input { vertical-align: middle; }

.tblSurvey td h4 { background: #006699; color: #fff; padding: 5px; border-bottom: 1px solid #006666; }