/*

"I've seen things you people wouldn't believe..."

filename: main.css
author: Matthew Lodge
email: matt@palmiero-design.co.uk
company: Palmiero Design
copyright: 2009 Babybond Ltd
date: Tuesday 24th February

*/

@import url(reset.css);

/*-- general --*/
body {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
line-height:1em;

background:#c2c2c2;
min-width:950px;
}

ul, dl, ol, p {
font-size:0.75em;
padding:0em 0em 1em 0em;
}

strong {
color:#666666;
font-weight:bold;
}

em {
font-style:italic;
}

sup {
font-size:0.5em;
}

span {
visibility:hidden;
}

#at20mc span {
visibility:visible;
}

/*-- special styles --*/
.blue {
color:#009ac8;
}

.larger {
color:#009ac8;
font-size:1.167em;
}

/*-- accordions --*/
#accordions, .accordions {
margin:0em 0em 1em 0em;
}

.accordion_toggle {
cursor:pointer;

background:url(../imgs/back_acc_off.gif) left 2px no-repeat;
padding:0em 0em 0em 1.25em;
}

.accordion_toggle:hover {
color:#a22a81;

background:url(../imgs/back_acc_off.gif) left -86px no-repeat;
}

/*-- tables --*/
table {
height:auto;
margin:0em 0em 1em 0em;
width:100%;
}

td, th {
font-size:0.75em;
padding:5px 10px;
}

td {
border-bottom:1px dotted #333333;
}

th {
color:#009AC8;
font-weight:bold;
vertical-align:bottom;

border-bottom:1px dotted #333333;
}

/*-- lists --*/
ul.list li {
list-style:disc;
margin-left:1em;
padding-left:5px;
}

.address {
font-size:1em;
line-height:1.125em;
float:left;
}

/*-- h1 --*/
#leftside h1 a {
cursor:pointer;
text-decoration:none;

background:transparent url(../imgs/logo_babybond.png) no-repeat;
display:block;
height:63px;
width:200px;
}

/*-- h2 --*/
h2 {
color:#009AC8;
font-size:1.125em;
line-height:1.125em;

border-bottom:1px dotted #333333;
border-right:none;
margin:53px 0px 10px 0px;
padding:0px 0px 10px 0px;
}

#a2 h2,
#a4 h2,
#a7 h2,
#a14 h2 {
margin-top:32px;
}

#popup h2,
#orders h2 {
margin-top:10px;
}

#home h2 {
border-bottom:none;
margin:15px 0px 8px;
}


/*-- h3 --*/
h3 {
color:#666666;
font-size:1em;

margin-bottom:10px;
}

/*-- h4 --*/
h4 {
color:#009AC8;
font-size:1.125em;
font-weight:100;

height:auto;
margin:0px 0px 10px 0px;
}

.fake_h4 {
color:#009AC8;
font-size:1.5em;
text-decoration:none;

visibility:visible;
}

.hotspot .fake_h4 {
font-size:1.272em;
margin-left:18px;
}

.hotspot a:hover .fake_h4 {
color:#a22a81;
}


/*-- h5 --*/
h5 {
color:#009AC8;
font-size:1em;
line-height:1.125em;
margin-bottom:10px;
}

.fake_h5 {
color:#009AC8;
font-size:1.272em;

background:transparent url(../imgs/back_eventsheader.png) top no-repeat;
display:block;
padding:10px 10px 5px 10px;
}

.fake_h5 span {
border-bottom:1px dotted #333333;
display:block;
padding:0px 0px 10px 0px;
visibility:visible;
width:550px;
}

/*-- h6 --*/
h6 {
color:#009AC8;
font-size:0.875em;

margin-bottom:0.25em;
}

.accordions h6 {
font-size:0.75em;
color:#009AC8;
margin-bottom:0.25em;
}

/*-- links --*/
a:link, a:visited {
text-decoration:none;
color:#009ac8;
}

a:hover {
color:#a22a81;
}

a img {
border:none;
cursor:pointer;
}

#a1 #nav .a1, 
#a2 #nav .a2, 
#a3 #nav .a3, 
#a4 #nav .a4, 
#a5 #nav .a5, 
#a6 #nav .a6, 
#a7 #nav .a7, 
#a8 #nav .a8, 
#a9 #nav .a9, 
#a10 #nav .a10, 
#a11 #nav .a11, 
#a12 #nav .a12, 
#a13 #nav .a13, 
#a14 #nav .a14, 
#a15 #nav .a15, 
#a16 #nav .a16 {
color:#a22a81;
}

#b1 .locations .b1, 
#b2 .locations .b2, 
#b3 .locations .b3, 
#b4 .locations .b4, 
#b5 .locations .b5, 
#b6 .locations .b6, 
#b7 .locations .b7, 
#b8 .locations .b8, 
#b9 .locations .b9, 
#b10 .locations .b10, 
#b11 .locations .b11, 
#b12 .locations .b12, 
#b13 .locations .b13, 
#b14 .locations .b14, 
#b15 .locations .b15, 
#b16 .locations .b16,
#b17 .locations .b17,
#b18 .locations .b18,
#b19 .locations .b19,
#b20 .locations .b20,
#b21 .locations .b21,
#b22 .locations .b22,
#b23 .locations .b23,
#b24 .locations .b24,
#b25 .locations .b25,
#b26 .locations .b26,
#b27 .locations .b27,
#b28 .locations .b28,
#b29 .locations .b29,
#b30 .locations .b30,
#b31 .locations .b31,
#b32 .locations .b32,
#b33 .locations .b33,
#b34 .locations .b34,
#b35 .locations .b35,
#b36 .locations .b36,
#b37 .locations .b37,
#b38 .locations .b38,
#b39 .locations .b39,
#b40 .locations .b40 {
color:#a22a81;
}

.bump a, .bump img {
float:left;
margin:0px;
}

#img_bump_03 {
display:block;
width:180px;
height:120px;
background:url(../imgs/img_bump_03a.jpg) top no-repeat;
}

#img_bump_03:hover {
background:url(../imgs/img_bump_03a.jpg) bottom no-repeat;
}

.hotspot a:link, .hotspot a:visited {
color:#333333;
line-height:1.272em;
text-decoration:none;
display:block;
height:42px;
padding:9px 0px 12px 96px;
width:124px;
}

.one:link, .one:visited {
background:transparent url(../imgs/btn_scans.gif) -1px 0px;
}

.one:hover {
background:transparent url(../imgs/btn_scans.gif) -231px 0px;
}

.two:link, .two:visited {
background:transparent url(../imgs/btn_scans.gif) -1px -69px;
}

.two:hover {
background:transparent url(../imgs/btn_scans.gif) -231px -69px;
}

.three:link, .three:visited {
background:transparent url(../imgs/btn_scans.gif) -1px -138px;
}

.three:hover {
background:transparent url(../imgs/btn_scans.gif) -231px -138px;
}

.four:link, .four:visited {
background:transparent url(../imgs/btn_scans.gif) -1px -207px;
}

.four:hover {
background:transparent url(../imgs/btn_scans.gif) -231px -207px;
}
#mapcontent a:link, #mapcontent a:visited {
display:block;
width:200px;
height:240px;
background:transparent url(../imgs/img_mapcontent.jpg) top no-repeat;
}

#mapcontent a:hover {
background:transparent url(../imgs/img_mapcontent.jpg) bottom no-repeat;
}

#footer a:link, #footer a:visited {
color:#666666;
text-decoration:none;
}

#nav a:link, #nav a:visited, .location_list a:link, .location_list a:visited {
color:#333333;
text-decoration:none;
}

#nav a:hover, #footer a:hover, .location_list a:hover {
color:#a22a81;
}

#babyscan_btn:link, #babyscan_btn:visited {
color:#ffffff;
font-weight:bold;
font-size:1.125em;
text-align:center;

background:#009AC8 url(../imgs/back_babyscanbtn.jpg) top no-repeat;
display:block;
height:55px;
padding:20px 0px 0px 0px;
width:220px;
}

#babyscan_btn:hover {
background:#a22a81 url(../imgs/back_babyscanbtn.jpg) bottom no-repeat;
}

/*#buyonline {
font-size:1.25em;
line-height:1.125em;
background-image:url(../imgs/instant-booking-scan.gif);
background-position:0px 0px;
background-repeat:no-repeat;
display:block;
float:right;
height:86px;
margin:0px 0px 0px 0px;
padding:10px 27px 0px 15px;
width:235px;
}

#buyonline:hover {
background-position:0px -105px;
}

#buyonline:active {
background-position:0px -210px;
}*/

#buyonline {
font-size:1.25em;
line-height:1.125em;
background-image:url(../imgs/btn_instantscan.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
display:block;
float:right;
height:160px;
margin:0px 0px 0px 0px;
padding:10px 22px 0px 38px;
width:220px;
}

#buyonline:hover {
background-position:0px -180px;
}


#footblock #buyonline {
background:transparent url(../imgs/instant-scan-booking-small.gif) 0px 0px no-repeat;
display:block;
float:left;
height:94px;
margin:0px;
padding:0px;
width:192px;
}

#footblock #buyonline:hover {
background-position:0px -103px;
}

#footblock #buyonline:active {
background-position:0px -206px;
}

#instantscanbtn, #locationsbtn {
display:block;
float:left;
height:111px;
width:180px;
}

#instantscanbtn:link, #instantscanbtn:visited {
background:url(../imgs/btn_locationscan.gif) 0px 0px no-repeat;
margin-left:5px;
}

#instantscanbtn:hover {
background:url(../imgs/btn_locationscan.gif) 0px -120px no-repeat;
margin-left:5px;
}

#locationsbtn:link, #locationsbtn:visited {
background:url(../imgs/btn_locationscan.gif) -190px 0px no-repeat;
margin-right:5px;
}

#locationsbtn:hover {
background:url(../imgs/btn_locationscan.gif) -190px -120px no-repeat;
margin-right:5px;
}

h2 a:link, h2 a:visited {
border-bottom:1px dotted;
padding:0px 0px 1px 0px;
}

/*-- layout --*/
#wrap {
background:url(../imgs/back_wrap.png) repeat-y;
left:50%;
margin:0px 0px 0px -450px;
overflow:auto;
padding:0px 25px;
position:relative;
width:850px;
}

#header {
background:url(../imgs/back_header.png) bottom no-repeat;
clear:both;
height:50px;
left:50%;
margin:0px 0px 0px -450px;
padding:0px 50px;
position:relative;
width:800px;
}

#container {
background:#f7fcfe url(../imgs/back_container.png) top repeat-x;
float:left;
padding:0px 25px;
position:relative; 
width:800px;
}

#leftside {
background:transparent;
float:left;
height:auto;
margin:0px 30px 10px 0px;
position:relative;
width:200px;
}

#content {
display:block;
float:left;
height:auto;
margin:0px 30px 0px 0px;
position:relative;
width:370px;
}

#a10 #content {
display:block;
float:left;
height:auto;
margin:0px 0px 0px 30px;
position:relative;
width:220px;
}

#footblock {
border-top:1px dotted #333333;
display:block;
height:auto;
margin:20px 0px 0px 0px;
padding:10px 0px 0px 0px;
width:100%;
}

#image_column {
border-top:1px dotted #333333;
display:block;
float:left;
height:auto;
padding:5px 0px 0px 0px;
position:relative;
margin:83px 0px 0px 0px;
width:170px;
}

#flash_column {
display:block;
float:left;
height:auto;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
position:relative;
width:320px;
}

#footer {
color:#666666;
font-size:0.909em;

background:url(../imgs/back_footer.png) top no-repeat;
clear:both;
height:50px;
left:50%;
margin:0px 0px 0px -450px;
padding:45px 50px;
position:relative;
width:800px;
}

/*-- popup windows --*/
#popup {
background:#f7fcfe url(../imgs/back_container.jpg) top repeat-x;
height:auto;
margin:0px;
min-width:430px;
padding:0px;
width:100%;
}

#popup #container {
height:auto;
padding:0px 25px 25px 25px;
width:auto;
}

#orders #container {
padding:0px 25px 25px 25px;
width:768px;
}

#orders #content {
width:auto;
}

.close {
position:absolute;
right:0px;
top:10px;
}

/*-- 4d scan page gif selector --*/
#movie_holder {
background:transparent;
height:174px;
margin:0px 0px 10px 0px;
width:100%;
}

#holder {
display:block;
float:left;
height:154px;
margin:10px 0px 10px 10px;
width:160px; 
}

.movie_list {
display:block;
float:left;
margin:20px 0px 0px 15px;
}

/*-- main navigation --*/
#nav {
border-top:1px dotted #333333;
position:relative;
margin:20px 0px 5px 0px;
}

#nav li {
border-bottom:1px dotted #333333;
display:block;
height:24px;
width:200px;
}

#nav a {
display:block;
height:11px;
padding:4px 2px 9px 2px;
width:196px;
}

/*-- locations navigation --*/
.location_list {
float:left;
margin:0px 10px 0px 0px;
position:relative;
width:180px;
}

.location_list li {
border-bottom:1px dotted #333333;
display:block;
height:24px;
width:180px;
}

.location_list a {
display:block;
height:11px;
padding:4px 2px 9px 2px;
width:176px;
}

/*-- footer navigation --*/
#footer ul {
border-top:1px dotted #333333;
margin:0px 0px 10px 0px;
padding:10px 0px 0px 0px;
}

#footer li {
display:inline;
margin:0px 5px 0px 0px;
}

/*-- image column --*/
#image_column img, #a14 #content img {
border:1px solid #cccccc;
margin:10px 0px 10px 0px;
}

.caption {
color:#333333;
font-size:0.687em;
line-height:1.125em;

margin:0px;
padding:5px 0px;
border-bottom:1px dotted #333333;
border-top:1px dotted #333333;
}

/*-- modules --*/
.module {
background:transparent;
border-bottom:1px dotted #333333;
float:right;
height:auto;
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
position:relative;
width:570px;
}

#home .module {
border-bottom:none;
}

#scans {
float:left;
margin:0px 0px 0px 10px;
}

.hotspot {
background:transparent;
height:62px;
margin:0px 0px 7px 0px;
position:relative;
width:220px;
}

#locations, #instantscan {
float:left;
margin-bottom:20px;
position:relative;
width:280px;
height:171px;
}

#locations {
margin-right:10px;
}

#locations a:link, #locations a:visited, #instantscan:link, #instantscan:visited {
float:left;
line-height:1.25em;
padding:8px 0px 0px 40px;
position:relative;
width:240px;
height:163px;
}

#locations a:link, #locations a:visited {
background:url(../imgs/btn_locations.gif) 0px 0px no-repeat;
}

#locations a:hover {
background:url(../imgs/btn_locations.gif) 0px -180px no-repeat;
}


#instantscan:link, #instantscan:visited {
background:url(../imgs/btn_instantscan.jpg) 0px 0px no-repeat;
}

#instantscan:hover {
background:url(../imgs/btn_instantscan.jpg) 0px -180px no-repeat;
}

#locations form {
bottom:0px;
left:0px;
padding:15px;
position:absolute;
width:165px;
z-index:100;
}

#locations form p {
padding-bottom:0.25em;
}

input#link {
display:block;
float:left;
width:auto;
}

input#go {
background:transparent url(../imgs/btn_go.gif) 1px 3px no-repeat;
border:none;
color:#ffffff;
cursor:pointer;
display:block;
float:right;
font-weight:bold;
height:25px;
margin:-4px 2px 0px 0px;
padding:5px;
position:absolute;
width:25px;
right:15px;
bottom:15px;
}

input#go:hover {
background-position:1px -27px;
}

.locations {
width:800px;
margin-bottom:0px;
border-top:1px dotted #333333;
padding:10px 0px 10px 0px;
}

#mapcontent {
float:left;
margin:0px 30px 0px 0px;
min-height:100px;
position:relative;
width:200px;
}

#a10 .module {
margin:0px;
padding:0px;
}

.events {
background:#EBEDEE url(../imgs/back_events.png) bottom no-repeat;
border-bottom:none;
width:570px;
}

.event {
display:block;
height:auto;
margin:2px 0px;
padding:0px 10px;
}

#map {
border:1px solid #cccccc;
height:210px;
margin-bottom:15px;
width:100%;
}

.flashcontent, .googlemap, .location_list .bottom_loc, .map, #a10 .module {
border-bottom:none;
}

/*-- flash --*/
.flvplayer {
margin:0px 0px -40px 0px;
}

.flvplayer p {
display:block;
width:300px;
height:240px;
padding:10px;
border:1px solid #CCCCCC;
margin:0px 0px 55px 0px;
}

#babyscan_banner {
margin:0px 0px 5px 0px;
}

/*locations page */

#locdrop {
position:absolute;
top:55px;
right:0px;
width:385px;
}

#locdrop p {
float:left;
margin-right:5px;
margin-top:3px;
}

#locdrop input#go {
right:0px;
top:0px;
}

/*-- add this button --*/
.addthis_button {
bottom:10px;
right:30px;
position:absolute;
}

/*-- forms --*/
#form {
float:right;
height:auto;
padding:0px 20px;
width:245px;
}

.loc #form {
padding:0px;
width:570px;
}

#primarycare_form {
height:auto;
position:relative;
width:245px;
}

.left {
float:left;
margin-right:20px;
}

.right {
float:left;
margin-right:0px;
}

label {
display:block;
clear:both;
height:auto;
margin:0px 0px 0px 0px;
position:relative;
width:auto;
}

input, textarea {
border:1px solid #CCCCCC;
margin:2px 0px 10px 0px;
padding:4px 2px;
}

.hidden {
display:none;
}

#name, #email, #phone, #organisation {
width:268px;
}

#message {
height:120px;
width:268px;
}

#submit, #reset {
color:#009ac8;
cursor:pointer;

background:transparent;
border:none;
}

#submit {
background:url(../imgs/back_arrowright.png) top right no-repeat;
float:right;
padding:2px 19px 4px 0px;
}

#submit:hover {
color:#a22a81;

background:url(../imgs/back_arrowright.png) right -41px no-repeat;
}

#reset {
background:url(../imgs/back_arrowleft.png) top left no-repeat;
float:left;
padding:2px 0px 4px 19px;
}

#reset:hover {
color:#a22a81;

background:url(../imgs/back_arrowleft.png) left -41px no-repeat;
}

#msg {
font-size:0.75em;

background:url(../imgs/msg_arrow1.gif) right center no-repeat;
display:none; 
padding:0px 7px 0px 0px;
position:absolute;
z-index:200; 
}

#msg2 {
font-size:0.75em;

background:url(../imgs/msg_arrow2.gif) left center no-repeat; 
display:none; 
padding:0px 0px 0px 7px;
position:absolute;
z-index:200; 
}

#msgcontent {
color:#ffffff;
text-align:right; 

background:#a22a81;
display:block;
max-width:250px;
min-width:100px;
padding:5px;
}

#log {
clear:both;
width:245px;
}

#log_res {
color:#a22a81;
font-size:1em;
line-height:1.125em;
text-align:center;

margin-bottom:10px;
}

#log_res.ajax-loading {
background: url(http://www.babybond.com/dev/imgs/loader.gif) no-repeat center;
display:block;
height:25px;
width:245px;
}

.last {
margin-right:0px;
}

/* "...time to die" */