/*
	CSS Style Definitions for Atherfold
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
html, body{ margin: 0; padding:0; font: 12px Arial, Helvetica, sans-serif; text-align: center; color: #006091; }
#limiter{ width: 770px; margin:0 auto; position: relative; padding:0; text-align:left; }
body.home #wheel{ position: absolute; width: 230px; height: 106px; background: url("../images/homepage/wheel-full.jpg") no-repeat; right: 0; }
body.inner #wheel{ position: absolute; width: 246px; height: 96px; background: url("../images/insidepage/logo-wheel.jpg") no-repeat; right: 0; }

#page-container{ width: 770px; margin: 0 auto; text-align:left; }
    #header{ width: 770px; float:left; border-bottom: 5px solid #006091; }
    #content-wrapper{ width: 770px; float:left; background: url("../images/bg-navigator.gif") repeat-y; }
    #content{ width: 770px; float:left; border-top: 4px solid #78bbd7;background: url("/images/stetoscop.jpg") no-repeat; }
		#left-side{ width: 205px; float:left; min-height: 260px; }
            ul.nav{ margin: 0; padding:0; list-style: none; width: 204px; }
            ul.nav li{ background: url("../images/line-blue-gradient.gif") no-repeat right bottom; margin:0; padding:6px 0; }
            ul.nav li a{ text-decoration: none; color: #fff; display: block; text-align: right; margin-right: 12px; }
        #right-side{ width: 565px; float:left; }
        body.home #right-side{ background: url("../images/homepage/bg-content.jpg") no-repeat; }
        body.inner #right-side{ background: url("../images/insidepage/logo-London.jpg") no-repeat; }
	#footer{ width: 770px; clear: both; float:left; border-top: 2px solid #006091; }

/* site wide elements */
.inside{ padding:12px; }
.homeInside{ padding: 10px 16px; width: 346px; }
p.bottom-pad{ padding-bottom: 160px; }

#right-side h1{ margin: 0 0 12px 0; font-size: 16px; }
#right-side h2{ margin: 8px 0; font-size: 13px; font-weight:bold; }
#right-side h1.border{ border-bottom: 2px solid #006091; }

div.logos{ width: 565px; float:left; border-top:1px solid #005e90; margin: 16px 0; }
div.logos ul{ margin: 10px auto; padding:0; list-style: none; width: 540px; }
div.logos ul li{ width: 33%; text-align: center; float: left; }

table.prices{ width: 100%; }
table.prices td{ font-size: 14px; font-weight: bold; padding: 6px; }
table.prices td.male{ background-color: #ecfcff; }
table.prices td.female{ text-align: right; background-color: #ffefd7; }

ul.cross{ margin: 0 0 0 16px; padding:0; list-style: url("../images/dott.jpg"); }
ul.cross li{  }

#footer p{ margin:0; padding: 4px 12px; }

address{ font-weight: bold; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.n{ font-style:normal; font-weight:normal; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }
.smaller{ font-size: 10px; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }

a{ outline: none; color: blue; }

.sien { color:#fdfefe; }
.sien a { color:#fdfefe; }
.sien a:hover { color:#fdfefe; }