/*
	Title:		One Spa master styles
	Author: 	ben@heehaw.co.uk
	Updated:    Oct 07 2009
	*/
	body {
		margin:0;
		padding:0;
		font:normal 75.5% Verdana,Tahoma,sans-serif;
		line-height:1.6em;
		text-align:center;
		background:#fff;
		color:#666}
	
	a,alink,a:visited,a:hover {
		text-decoration:none}
	
	#content h2 {
		margin:0;
		padding:0;
		height:auto;
		text-transform:uppercase;
		color:#7b6a5d;
		font-weight:400}
		
	h2#fixed {
		height:256px;
		margin:0 0 9px 0;
		overflow:hidden;}
		
	h2 img {
		float:left;
		margin:0 5px 9px 0;
		padding:0}
		
	h2#flash-block img {
		margin:0 5px 9px 0}
	
	h2 object {
		float:left;
		margin:0 5px 9px 0;
		/* margin:0 5px 20px 0; */
		padding:0}
		
	#wrapper {
		background:#fff;
		border:1px solid #ccc;
		margin:10px auto;
		padding:0;
		/* Issues with the new navigation wrapping means this has been removed
		min-width:640px;
		max-width:1024px;
		width:100%;
		*/
		text-align:left;
		width:1024px;
		}
	
	#inner {
		margin:10px;
		padding:0;
		background:#fff url(/images/bg.jpg) 50% 0 no-repeat}
	
	/* Header Styles */
	#header {
		width:100%;
		overflow:hidden;
		border-bottom:4px solid #fff}
		
	/* Primary Navigation */
	#header ul {
		margin:0;
		padding:0;
		clear:left;
		float:left;
		width:100%;
		/* border-bottom:1px solid #ccc; */
		background: url(/images/nav-bg.gif) repeat-x 0 0 #fff;
		list-style:none}
		
	#header ul li {
		margin:0 0 -1px 0;
		padding:0;
		display:inline}
		
	#header ul li a,
	#header ul li#spacer-tab span {
		margin:0;
		padding:0;	
		text-indent:-9999px;
		float:left;
		display:block;
		height:40px;
		outline:none;
		background-image:url(/images/nav.gif);
		background-color:#fff;
		background-repeat:no-repeat;
		list-style:none;
		text-transform:uppercase;
		text-decoration:none}
		
	/* LEFT NAV PANEL */
	li#home-tab a {width:71px; background-position:0 -8px}
	li#home-tab a:hover,
	body#home li#home-tab a {background-position:0 -65px}
	
	/* Gym & Studio */
	li#energise-tab a {width:106px; background-position:-71px -8px }
	li#energise-tab a:hover,
	body#energise li#energise-tab a {background-position:-71px -65px}
	
	/* Pools */
	li#immerse-tab a {width:57px; background-position:-178px -8px }
	li#immerse-tab a:hover,
	body#immerse li#immerse-tab a {background-position:-178px -65px}
	
	/* Spa Treatments */
	li#soothe-tab a {width:122px; background-position:-237px -8px }
	li#soothe-tab a:hover,
	body#soothe li#soothe-tab a {background-position:-237px -65px}
	
	li#join-tab a {
	width:100px; background-position:-361px -8px }
	li#join-tab a:hover,
	body#join li#join-tab a {background-position:-361px -65px}
	
	li#spacer-tab span {
	width:82px; background-position:-458px -8px }
	
	
	/* RIGHT NAV PANEL */
	li#overview-tab a {width:93px; background-position:-558px -8px }
	li#overview-tab a:hover,
	body#overview li#overview-tab a {background-position:-558px -65px}
	
	li#news-tab a {width:53px; background-position:-652px -8px }
	li#news-tab a:hover,
	body#news li#news-tab a {background-position:-652px -65px}
	
	li#offers-tab a {width:65px; background-position:-706px -8px }
	li#offers-tab a:hover,
	body#offers li#offers-tab a {background-position:-706px -65px}
	
	li#vouchers-tab a {width:85px; background-position:-772px -8px }
	li#vouchers-tab a:hover,
	body#vouchers li#vouchers-tab a {background-position:-772px -65px}
	
	li#contact-tab a {width:77px; background-position:-857px -8px }
	li#contact-tab a:hover,
	body#contact li#contact-tab a {background-position:-857px -65px}
	
	li#members-tab a {width:93px; background-position:-934px -8px }
	li#members-tab a:hover,
	body#members li#members-tab a {background-position:-934px -65px}
	
	
	/* Column containers */
	.colmask {
		clear:both;
		width:100%;
		overflow:hidden;
		background:none}
		
	.wrap {
		background:transparent url(/images/trans-light-bg.png) repeat-x scroll 0 0;
		margin:0;
		padding:8px 0 30px 8px}
		
	/* Common Column Settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative}
		
	.col1,
	.col2 {
		padding:0;
		float:left;
		position:relative;
		overflow:hidden}
		
	/* 2 Column (left menu) settings */
	.leftmenu {
		background:none}
		
	.leftmenu .colleft {
		right:75%}
		
	.leftmenu .col1 {
		left:103%;
		width:71%}
		
	.leftmenu .col2 {
		left:5%;
		width:26%}
	
	
	/* Content */
	#content {
		float:left;
		width:66%}
		
	#content h2 {
		font-size:1.8em;
		font-weight:normal;
		line-height:1.1em;
		padding:10px 0 10px 15px;
		text-transform:capitalize}
		
	#content h3 {
		font-size:1.2em}
	
	#content h4 {
		font-size:1em}
		
	#content h3,
	#content h4 {
		margin:0;
		padding:0 0 5px 15px;
		letter-spacing:1px}
			
	#content p{
		margin:0;
		padding:0 20px 20px 15px}
	/* darker brown background
	#content p.colored-box{
		background-color:#7b6a5d;
		border:1px solid black;
		color:#fff; 
		margin:0;
		padding:5px;}
	*/	
	#content .brown-font{
		color:#5c2518;}	
	#content .colored-box{
		display:inline-block;
		background-color:#5c2518;
		border:1px solid #7b6a5d;
		color:#fff; 
		margin:0 20px 10px 0;
		padding:5px;}
		
	#content p.horizontal-rule{
		border-bottom:1px solid #7b6a5d;
		color:#fff; 
		margin:0 20px 10px 15px;}
		
	
	#content a, #content alink, #content a:visited {
		color:#666;
		padding-bottom:1px;
		border-bottom:1px solid #888}
	
	#content a:hover {
		color:#333;
		padding-bottom:0;
		border-bottom:2px solid #666}
	
	#content address {
		margin:0;
		padding:0 0 5px 15px;
		text-transform:uppercase;
		font-size:.95em;
		font-style:normal;
		font-weight:normal;
		color:#7b6a5d}
	
	/* One Spa - logo */
	h1 {
		height:57px} /* 58px >> 90px */
	
	h1 a {
	background:transparent url(/images/one-spa.png) no-repeat scroll 0 0;
	float:right;
	height:58px;
	margin:14px 20px 0 0;
	text-indent:-9999px;
	width:92px}
		
	/* Secondary Navigation */
	.col2 dl {
		margin:10px 0 9px 0;
		padding:0}
		
	.col2 dl dd {
		display:block;
		background:transparent url(/images/trans-light-bg.png) repeat-x 0 0;
		border-bottom:1px solid #6c5d52;
		margin:0;
		padding:0}

	div.col2 dl dd a,
	div.col2 dl dd a:visited,
	div.col2 dl dd span  {
		padding:10px 15px;
		text-transform:uppercase;
		font-size:.95em;
		display:block;
		color:#7b6a5d;
		border-top:1px solid #fcf3e0}
	
	div.col2 dl dd a:hover,
	div.col2 dl dd a.active,
	div.col2 dl dd a.active:link,
	div.col2 dl dd a.active:visited,
	div.col2 dl dd span {
		background:#7b6a5d;
		border-top:1px solid #ac9a8c;
		color:#fff}
	
	#secondary-nav {
		background:#7b6a5d url(/images/default-title.gif) no-repeat 50% 50%;
		border:solid 10px #7b6a5d;
		height:74px;
		margin:0 0 10px 0;
		text-indent:-9999px}
	
	body#overview #secondary-nav {background-image:url(/images/titles/overview.gif)}
	body#members #secondary-nav {background-image:url(/images/titles/members.gif)}
	body#news #secondary-nav {background-image:url(/images/titles/news.gif)}
	body#offers #secondary-nav {background-image:url(/images/titles/offers.gif)}
	body#vouchers #secondary-nav {background-image:url(/images/titles/vouchers.gif)}
	body#contact #secondary-nav {background-image:url(/images/titles/contact.gif)}
	
	#secondary-nav span {
		height:74px;
		width:240px}
	
	/* Tertiary Navigation */
	#tertiary-nav {
		float:left;
		width:32.6%}
		
	#tertiary-nav img {
		margin-bottom:10px}

	#tertiary-nav .t-nav-edge {
		border-left:1px solid #ccc}

	#tertiary-nav dl {
		margin:0;
		padding:0 0 0 25px}
	
	#tertiary-nav dl dt,
	#tertiary-nav dl dd {
		text-indent: -10px;/*This is important when the line wraps*/
		margin:5px 0;
		padding:0;
		color:#7B6A5D;
		font-size:.95em;
		text-transform:uppercase}

	#tertiary-nav dl dt {
		margin:5px 0 4px 0}
		
	body#energise #tertiary-nav dl dt,
	body#energise #tertiary-nav dl dd {
		color:#069}

	body#immerse #tertiary-nav dl dt,
	body#immerse #tertiary-nav dl dd {
		color:#00849A}

	body#soothe #tertiary-nav dl dt,
	body#soothe #tertiary-nav dl dd {
		color:#511609}

	#tertiary-nav dl dt span{
		background:transparent url(/images/tertiary-bullet.gif) no-repeat scroll 0 50%;
		font-weight:800}
	
	#tertiary-nav dl dt a,
	#tertiary-nav dl dd a {
		font-weight:400;
		color:#7B6A5D;
		border-bottom:1px solid #7B6A5D;
		margin:0 0 0 10px;
		padding:0}
		
	#tertiary-nav dl dt span,
	#tertiary-nav dl dt a:hover,
	#tertiary-nav dl dd a:hover,
	#tertiary-nav dl dd a.active,
	body#energise #tertiary-nav dl dt a:hover,
	body#energise #tertiary-nav dl dd a:hover,
	body#energise #tertiary-nav dl dd a.active,
	body#immerse #tertiary-nav dl dt a:hover,
	body#immerse #tertiary-nav dl dd a:hover,
	body#immerse #tertiary-nav dl dd a.active,
	body#soothe #tertiary-nav dl dt a:hover,
	body#soothe #tertiary-nav dl dd a:hover,
	body#soothe #tertiary-nav dl dd a.active {
		border-bottom:none;
		margin:0;
		padding:0 0 0 10px;}
		
	body#energise #tertiary-nav dl dt a,
	body#energise #tertiary-nav dl dd a {
		border-bottom:none;
		color:#069}

	body#immerse #tertiary-nav dl dt a,
	body#immerse #tertiary-nav dl dd a {
		border-bottom:none;
		color:#00849A}

	body#soothe #tertiary-nav dl dt a,
	body#soothe #tertiary-nav dl dd a  {
		border-bottom:none;
		color:#511609}

	#tertiary-nav dl dd a.active {
		background:transparent url(/images/tertiary-bullet.gif) no-repeat scroll 0 50%;
		font-weight:800}

/* Footer styles */
	#footer {
		margin:0 auto;
		padding:0 0 20px 0;
		min-width:640px;
		max-width:1024px;
		width:100%;
		clear:both}	
	#footer p{
		padding:0 20px 0 0;
		color:#221e1f;
		text-align:right}
	#footer p a {
		color:#808e9d;
		text-decoration:none}
	#footer p a:hover {
		border-bottom:1px solid #ccc}
	
/* Forms */
	fieldset {
		background:#7b6a5d;
		border:none;
		padding:15px;
		margin:16px 30px 0 16px;}
	form, fieldset dl, fieldset dd {
		padding:0;
		margin:0}
	fieldset dl {
		padding:2em 0 0 0}	
	input.field,
	textarea {
		width:97%;
		padding:4px;
		color:#666;
		font:1em Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 10px 0;
		border:1px solid #333;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		background:#f9f9f9}
	input.field:focus,
	textarea:focus {
		color:#333;
		border:1px solid #000;
		background: #f9f9f9 url(/images/forms/form-bg-focus.gif) repeat-x 0 0}
	textarea {
		height:93px}
	label,
	legend {
		color:#fff;
		padding:0;
		margin:0}	
	label span {
		color:#ff6;
		font-weight:bold;
		font-size:1.4em}
	fieldset p {
		color:#fff;}
	fieldset p a.form_link,
	fieldset p a.form_link:link,
	fieldset p a.form_link:visited {
		color:#ff6;
		font-weight:bold;
		text-decoration:none;
		border-bottom:solid 1px #fff}
	fieldset p a.form_link:hover {
		text-decoration:none;
		border-bottom:solid 1px #ff6}
	legend {
		font-size:16px;
		font-weight:800;
		margin:0 0 -44px 0;
		text-transform:capitalize}	
	input#submit {
		color:#333;
		cursor:pointer;
		width:45%;
		padding:4px 10px 6px 10px;
		background:#999}

/* Form - button */
#form-button,
.form-button {
	cursor:pointer;
	background:#675547;
	color:#fff;
	font-size:1.2em;
	padding:4px 8px 6px 8px;
	margin:0 0 3px 0;
	border:solid 1px #333;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px}

#form-button:hover,
.form-button:hover,
#form-button:focus,
.form-button:focus {
	background:#51463d;
	border:solid 1px #222}
		
/* Breadcrumb */
	#breadcrumb {
		margin:0 0 0 5px;
		padding:0 0 5px 0;
		text-transform:uppercase;
		clear:both;
		color:#fff}	
	#breadcrumb a {
		padding:2px 3px;
		color:#fff;
		text-decoration:underline;
		font-size:.95em;
		text-transform:uppercase}
	#breadcrumb a:hover {
		background:transparent url(/images/trans-dark-bg.png) repeat-x 0 0;
		text-decoration:none}
	#breadcrumb a.active {
		background-color:#7b6a5d;
		background-image:none;
		text-decoration:none}

	/* General */
	.clear {
		clear:both}
		
	.download,
	.download:link,
	.download:hover,
	.download:visited {
		background:transparent url(/images/generic/downloads.gif) no-repeat 0 50%;
		padding:20px 0 20px 25px;
		text-decoration:none}
		
	#content .download,
	#content .download:link,
	#content .download:hover,
	#content .download:visited {
		border:none;
		padding:6px 0 6px 25px;
		margin:20px 0;
		text-decoration:none}
		
	#content .download_pdf,
	#content .download_pdf:link,
	#content .download_pdf:hover,
	#content .download_pdf:visited {
		background:transparent url(/images/generic/pdf_link.gif) no-repeat scroll -6px 50%;
		border:none;
		padding:3px 0 3px 25px;
		text-decoration:none;}
		
	#content .download:hover,
	#content .download_pdf:hover {
		text-decoration:underline}
	
	/* Tertiary links */
	#tertiary-nav a,
	#tertiary-nav a:visited,
	#tertiary-nav a:hover {
		margin:0 0 0 10px;
		color:#511609;
		border:none;}
	#tertiary-nav a:hover {
		text-decoration:underline}
		
	#tertiary-nav .download,
	#tertiary-nav .download:link,
	#tertiary-nav .download:hover,
	#tertiary-nav .download:visited {
		display:block;
		margin:0 0 0 25px;
		padding:20px 0 20px 25px}

/* */		
	h4 {
		font-weight:normal;
		line-height:40px;
		padding:0;
		margin:0}
	
	.price {
		text-align:center;
		font-size:.75em;
		letter-spacing:-1px;
		padding:13px; /* 11px */
		margin:10px 10px 10px 0;
		background:transparent url(/images/generic/price-ring.png) no-repeat 50% 50%;}
	
	h4 span.treatment {
		font-weight:normal;
		text-transform:none}
		
	/* Table */
	table a,
	table a:link,
	table a:visited {
		border:none}							
			
	table {
		width:90%;
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		margin:1em auto;
		border-collapse:collapse}
	
	caption {
		color:#9ba9b4;
		font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center}	
	
	tr.odd td	{
		background:transparent}
		
	tr.odd .column1	{
		background:transparent}
			
	.column1	{
		background:transparent}
		
	td {
		color:#666;
		margin:0;
		text-align:center}
	
	th {
		font-weight:normal;
		color:#666;
		text-align:left;
		margin:0;}
	
	thead th {
		line-height:1em;
		background:none;
		text-align:center;
		border-bottom:1px solid #999;
		font:1.2em/2em Arial,Helvetica,sans-serif;
		color:#666}
	/* Spa Treatment Table */
	table.spatreatment
	{
		border:1px solid #999;
	}
	table.spatreatment tr td
	{
		border:1px solid #999;
		padding:0;margin:0;
	}
	table.spatreatment tr th
	{
		font-weight:bold;
		padding:5px 0 5px  20px ;
		margin:0;
		border:1px solid #999;
	}
	
	/* Bookings Table */
	table a,
	table a:link,
	table a:visited {
		border:none}							
			
	table {
		width:90%;
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		margin:1em auto;
		border-collapse:collapse}
	
	caption {
		color:#9ba9b4;
		font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center}	
	
	tr.odd td	{
		background:transparent}
		
	tr.odd .column1	{
		background:transparent}
			
	.column1	{
		background:transparent}
		
	td {
		color:#666;
		margin:0;
		text-align:center}
	
	th {
		font-weight:normal;
		color:#666;
		text-align:left;
		margin:0;}
	
	thead th {
		line-height:1em;
		background:none;
		text-align:center;
		border-bottom:1px solid #999;
		font:1.2em/2em Arial,Helvetica,sans-serif;
		color:#666}
		
	body#members #content ul{
		margin-top:0;
		padding:0 20px 0 20px}
	body#soothe #content ul{
		padding:0 20px 0 20px}
	
	body#soothe #content ul li{
		padding:0 0 10px 0}

/* Special Offers Extras */
.uppercase-red-txt {
	color:#d54135;
	text-transform:uppercase}
	
.overview-list {
	margin:0;
	padding:0;
	color:#867569;
	list-style:none}
	
big {
	font-size:2.5em}
	
/* Members */
body#members #content {
	width:100%}
	
body#members fieldset{
	float:left;
	margin:0 30px 0 16px;
	width:302px;}
	
#cta-box{
	background:#ECE0C5;
	border:1px solid #7B6A5D;
	float:left;
	height:195px;
	margin:0;
	padding:10px 0;
	width:302px;}

body#members #content fieldset a,
body#members #content fieldset a:link,
body#members #content fieldset a:visited {
	font-size:10px;
	border-bottom:1px solid #b0a69e;
	color:#fff;
	padding-bottom:1px}

body#members #content fieldset a:hover {
	border-bottom:2px solid #b0a69e;
	color:#fff;
	padding-bottom:0}
	
body#members #content .errors {margin:0 23px 24px 16px}

/*	Active Bookings - Table */
body#members #bookings th {
	font-weight:800;
	border-bottom:1px #ccc solid;
	padding:.32em 0;
	font-size:1.2em}
	
body#members #bookings td {
	height:40px;
	text-align:left}
	
#bookings td #form-button,
#bookings td .form-button {
	margin:3px 0}
	
#content .errors {
	background-color:#900;
	border:1px solid #600;
	color:#fff;
	font-size:12px;
	font-weight:800;
	margin:16px 23px 24px 16px;
	padding:14px;
	width:636px}

#content .feedback,	
#content .success {
	background-color:#00993A;
	border:1px solid #063;
	color:#fff;
	font-size:12px;
	font-weight:800;
	margin:16px 0 16px 9px;
	padding:14px;
	width:650px}
	
*:first-child+html #content .errors {
	font:140% bold Helvetica, Arial, sans-serif;
	background-color:#900;
	color:#fff;
	width:49%;
	margin:0 auto .5em auto;
	padding:.75em}

*:first-child+html #content .feedback,	
*:first-child+html #content .success {
	font:140% bold Helvetica, Arial, sans-serif;
	background-color:#00993a;
	color:#fff;
	width:49%;
	margin:0 auto .5em auto;
	padding:.75em}

* html #content .errors {
	font:140% bold Helvetica, Arial, sans-serif;
	background-color:#900;
	color:#fff;
	width:49%;
	margin:0 auto .5em auto;
	padding:.75em}

* html #content .feedback,	
* html #content .success {
	font:140% bold Helvetica, Arial, sans-serif;
	background-color:#00993a;
	color:#fff;
	width:49%;
	margin:0 auto .5em auto;
	padding:.75em}
	
/* Members Section - Alerts - NEED TO BE STYLED UP BASED ON APPROVED DESIGNS */
.alert {
	border:1px #fc9 solid;
	margin:0 8px 0 0;
	padding:10px;
	background:#ffc;
	color:#960}

.general_announcement {
	border:1px #ccc solid;
	margin:0 16px 0 8px;
	padding:14px 10px;
	background:#f9f9f9;
	color:#777}
	
.general_announcement h3 {
	color:green;
	font-size:16px;
	text-transform:uppercase}
	
.news {
	border:1px #ccc solid;
	margin:0 16px 0 8px;
	padding:10px;
	background-color:#f9f9f9;
	color:#369}

.promotion {
	border:1px #ccc solid;
	margin:0 16px 0 8px;
	padding:10px;
	background:#f9f9f9;
	color:#363}
.special_offer {
	border:1px #ccc solid;
	margin:0 16px 0 8px;
	padding:10px;
	background:#f9f9f9;
	color:#363}

/* Page specific styles - may need to condensed */
body#contact #content h2,
#content.flexi h2 {
	padding-top:10px}

/* h2 fixes */
.terms_text {
	font-size:0.75em;
	line-height:0em}
	
/* Contact Page */
body.contact #content {width:32%}
body.contact #tertiary-nav {width:66%}
body.contact #mapEdinburgh {
	margin:15px 15px 0 0;
	border:1px solid #bbb;
	height:250px;
	width:455px}

/* Call To Action - Box */
.cta-box {
	background-color:#B0A69E;
	border:1px solid #7B6A5D;
	color:#fff;
	margin:10px 0 0 0;
	padding:10px 15px}
	

body#members .cta-box{
		background-color:#ece0c5;
		border:1px solid #7B6A5D;
		color:#666666;
		margin:0 0 15px 0;
		padding:0px 10px 10px 10px}

body#members .cta-box p, body#members .cta-box a{
		font-size:100%;
		color:#666666;
		
		}
		
#tertiary-nav .cta-box {
	margin:0 0 10px 11px;
	padding:10px 15px}
.cta-box p {
	font-size:90%;
	line-height:1.35em;
	margin:0;
	padding:0 0 10px 0}
.cta-box strong {font-weight:800}
.cta-box .tel {
	font-size:15px;
	line-height:1.2em}
.cta-box a,
.cta-box a:link,
.cta-box a:visited,
.cta-box a:hover,
#tertiary-nav .cta-box a,
#tertiary-nav .cta-box a:link,
#tertiary-nav .cta-box a:visited,
#tertiary-nav .cta-box a:hover {
	color:#fff;
	font-weight:800;
	margin:0;
	padding:0}
body#members .cta-box{
		background-color:#ece0c5;
		border:1px solid #7B6A5D;
		color:#666666;
		margin:0 0 15px 0;
		padding:0px 10px 10px 10px}

body#members .cta-box a{
		font-size:100%;
		color:#666666;
		text-decoration:underline;
		font-weight:normal;
		}
body#members .cta-box p{
		font-size:100%;
		color:#666666;
		}		
body#members .cta-box strong{font-weight:800}	
		
/* Users persistant logged in info - Top right underneath the logo  */
#loggedin {
	position:absolute;
	color:#fff;
	top:93px;
	right:0;
	font-size:10px;
	margin:0 15px;
	font-weight:800;}
#loggedin a {
	 color:#fff;
	 padding-bottom:1px;
	 border-bottom:1px solid #fff}
#loggedin a:hover {
	 padding-bottom:0;
	 border-bottom:2px solid #fff}
	
/* Image floats */
img.float-left {
	float:left;
	padding:0 10px 10px 0}
img.float-right {
	float:right;
	padding:0 0 10px 10px}