/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Tom Smith Health and Performance Stylesheet

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background-image: url(../images/layup/bg.jpg); background-repeat:repeat-x; text-align:center;}
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- TOP NAVIGATION ----- */
#topNavRight { height:24px; background-image: url(../images/layup/menu-shadow.jpg); width: 8px; float:right;}
#topNav {font-size:12px; line-height:11px; background:url(../images/layup/topNavBg.jpg) top left repeat-x; border-top:0px solid #cccccc; border-bottom:1px solid #ffffff; width:942px; height:23px; z-index:1;}
#topNav a {display:block; float:left; color:#ffffff; font-weight:normal; text-decoration:none; padding:6px 20px 7px 20px; z-index:1; }
#topNav a:hover { text-decoration:none; color:#cccccc; z-index:1;}
#topNav .active a { text-decoration:none; color:#ffffff; z-index:1;}
#topNav .active a:hover { text-decoration:none; color:#cccccc; z-index:1;}
#topNav ul { margin:0; padding:0; list-style:none; z-index:1;}
#topNav li { display:block; float: left; position: relative; border-left:1px solid #ffffff; min-height:21px !important; height:21px; height:auto !important;}
#topNav li ul {display: none; position: absolute; top: 22px; left: -1px; margin:0; border-top:1px solid #7B7C7E; width:189px;}
#topNav li ul li { display:block; float:none; width:175px; border:none;}
#topNav li ul li a { display:block; color:#ffffff !important; float:none; width:175px; font-size:11px; font-weight:bold; padding:6px 6px !important; min-height:16px !important; height:16px; height:auto !important; line-height:13px; background:#666666 !important; border-bottom:1px solid #7B7C7E; border-left:1px solid #d1d0d0; border-right:1px solid #7B7C7E;}
#topNav li ul li a:hover { background:#888888  !important; text-decoration:none; color:#ffffff;}
#topNav li ul li.active a { text-decoration:none;}
#topNav li.active ul li a { text-decoration:none;}
#topNav li:hover ul, #topNav li.over ul { display: block;}
#topNav .last a { background:none;}

/* ----- IDS ----- */
#container { width:950px; margin:0 auto; text-align:left; font-size:110%; position:relative; }   
#printHeader { display:none;}
#header { height:108px; width:950px; position:relative; background-image:url(../images/layup/header-bg.jpg); }
#header #logo { width:130px; height:62px; position:absolute; top:19px; left:16px;}
#header #tagline { position:absolute; width: 255px; height: 32px; left: 670px; top: 24px;}
#flash { width:950px; height:294px;}
#flash #right {width:412px; height:294px; float:right;}
#flash #left {width:538px; height:95px; float:left;}
#flash #top {width:538px; height:199px; float:left;}
#title { height:96px; width:950px;}
#internalContent { z-index:999;} 
#internalContent #leftCol { float:left; width:950px; vertical-align: bottom; position: relative; }
#internalContent #leftfeature{float:left; width:287px; vertical-align: bottom; position:absolute; left: 23px; top: 26px; height: 85px;}
#internalContent #leftfeature .padding {font-size:12px; line-height:110%; color:#000000;}
#internalContent #leftbutton{float:left; width:183px; vertical-align: bottom; position:absolute; left:0px; top: 70px; height: 24px; }
#internalContent #middlefeature{float:left; width:284px; vertical-align: bottom; position:absolute; left: 338px; top: 26px; height: 85px;}
#internalContent #middlefeature .padding {font-size:12px; line-height:110%; color:#000000;}
#internalContent #middlebutton{float:left; width:183px; vertical-align: bottom; position:absolute; left:0px; top: 70px; height: 24px; }
#internalContent #rightfeature{float:left; width:287px; vertical-align: bottom; position:absolute; left: 652px; top: 26px; height: 84px;}
#internalContent #rightfeature .padding {font-size:12px; line-height:110%; color:#000000;}
#internalContent #rightbutton{float:left; width:183px; vertical-align: bottom; position:absolute; left:0px; top: 60px; height: 24px; }
#internalContent #clients{float:left; width:388px; height:218px; position:absolute; left:526px; top:592px; background-image:url(../images/box.jpg);}
#internalContent #clients #title{float:left; width:335px; height:27px; position:absolute; left:21px; top:16px;}
#internalContent #clients #body{float:left; width:334px; height:109px; position:absolute; left:23px; top:60px;}
#internalContent #clients #body ul{margin:0; list-style:none; float:left; font-size:13px;}
#internalContent #clients #body ul li{background:url(../images/bullet.jpg) top left no-repeat; background-position: 0 .7em; padding-left: 1.0em; color:#58585B; line-height:150%;}
#internalContent #clients #button{float:left; width:183px; vertical-align: bottom; position:absolute; left:23px; top: 167px; height: 24px; }
#internalContent .box {}

#internalContent .boxTop {background:url(../images/features-bg.jpg) top left no-repeat; width:950px; height:143px;}
#internalContent .boxMiddle {background:url(../images/layup/content-bg.jpg); min-height:450px;}
#internalContent .boxBottom { width:950px; min-height:450px;}
#internalContent .boxBottom .padding { padding:25px 480px 10px 25px; font-size:9px; line-height:180%; color:#ffffff;}
#internalContent .boxBottom .padding a{ color:#ffffff; text-decoration:underline;}
#internalContent .boxBottom .padding a:hover{color:#ffffff; text-decoration:underline;}


#internalContent .box a { color:#8d8e90; text-decoration:none; font-size:110%;}
#internalContent .box a:hover { text-decoration:underline;}
#internalContent .box ul { margin:0; padding:0 0 10px 0; list-style:none;}
#internalContent .box li { padding-bottom:3px;}
#internalContent .box p { font-size:150%;}
#internalContent .boxButtons {width:900px; background:url(../images/layup/content-bg.jpg) repeat-y; padding-bottom:10px; }
#internalContent .boxButtons .button {width:183px;}
#internalContent .trialButtons {width:900px; background:url(../images/layup/content-bg.jpg) repeat-y; padding-left:25px; padding-bottom:25px;}
#internalContent .boxButtons .trial {width:183px;}

#internalContent #leftColboxsecondary { float:left; width:950px; vertical-align: bottom; position: relative; }
#internalContent .boxsecondary {}
#internalContent .boxTopsecondary {background:url(../images/layup/in-this-section.jpg) top left no-repeat; width:950px; height:25px;}
#internalContent .boxfeatures {background:url(../images/features-bg.jpg) top left no-repeat; width:950px; height:143px;}

#internalContent .boxMiddlesecondary {background:url(../images/layup/middle-box.jpg); }
#internalContent .boxMiddlesecondary #leftfeature{float:left; width:287px; vertical-align: bottom; position:absolute; left: 23px; top: 26px; height: 85px;}
#internalContent .boxMiddlesecondary #leftfeature .padding {font-size:12px; color:#000000; }
#internalContent .boxBottomsecondary { background:url(../images/layup/bottom-box.jpg) bottom left no-repeat; width:950px; min-height:450px; }
#internalContent .boxBottomsecondary .padding { padding:0px 45px 10px 295px; font-size:9px; line-height:180%; color:#666666;}

#internalContent .boxsecondary p { font-size:150%;}
#internalContent .boxButtonssecondary {width:900px; background:url(../images/layup/content-bg.jpg) repeat-y; padding-left:25px; padding-bottom:10px;}
#internalContent .boxButtonssecondary .button {width:183px;}
#internalContent .trialButtonssecondary {background:url(../images/buttons/button-bg.jpg) repeat-y; padding-left:295px; padding-bottom:25px;}
#internalContent .boxButtonssecondary .trial {width:183px;}
#internalContent #leftColboxfull { float:left; width:950px; vertical-align: bottom; position: relative; }
#internalContent .boxfull {}
#internalContent .boxTopfull {background:url(../images/layup/in-this-section.jpg) top left no-repeat; width:950px; height:25px;}
#internalContent .boxMiddlefull {background:url(../images/layup/middle-box-full.jpg);}
#internalContent .boxMiddlefull #leftfeature{float:left; width:287px; vertical-align: bottom; position:absolute; left: 23px; top: 26px; height: 85px;}
#internalContent .boxMiddlefull .sectionmenu {width:205px; vertical-align: bottom; position:absolute; left: 22px; top: 45px; font-size:14px; font-weight:bold; line-height:110%;}
#internalContent .boxMiddlefull .sectionmenu a { color:#999999; text-decoration:none; font-weight:normal;}
#internalContent .boxMiddlefull .sectionmenu a:hover { text-decoration:none; font-weight:normal;}
#internalContent .boxMiddlefull #leftfeature .padding {font-size:12px; color:#000000;}
#internalContent .boxBottomfull { background:url(../images/layup/bottom-box-full.jpg) bottom left no-repeat; width:950px;}
#internalContent .boxBottomfull .padding { padding:15px 90px 15px 56px; font-size:9px; line-height:180%; color:#666666;}
#internalContent .boxBottomfull .padding ul {margin:0; list-style:none; float:left; font-size:13px; color:#000000;}
#internalContent .boxBottomfull .padding ul li {background:url(../images/bullet.png) top left no-repeat; background-position: 0 .6em; padding-left: 1.5em; color:#58585B; line-height:190%; color:#000000;}
#internalContent .boxfull p { font-size:150%;}
#internalContent .boxButtonsfull {width:900px; background:url(../images/layup/content-bg.jpg) repeat-y; padding-left:25px; padding-bottom:10px;}
#internalContent .boxButtonsfull .button {width:183px;}
#internalContent .trialButtonsfull {background:url(../images/buttons/button-bg.jpg) repeat-y; padding-left:295px; padding-bottom:25px;}
#internalContent .boxButtonsfull .trial {width:183px;}

/* ----- Features ----- */
#internalContent #features{float:left; width:388px; height:327px; position:absolute; left:526px; top:168px; background-image:url(../images/box-big.jpg);}
#internalContent #features #title{float:left; width:335px; height:27px; position:absolute; left:21px; top:16px;}
#internalContent #features #body{float:left; width:334px; height:261px; position:absolute; left:23px; top:60px;}
#internalContent #features #body ul {margin:0; list-style:none; float:left; font-size:13px;}
#internalContent #features #body ul li {background:url(../images/bullet.jpg) top left no-repeat; background-position: 0 .7em; padding-left: 1.0em; color:#58585B; line-height:150%;}
#internalContent #features #button{float:left; width:183px; vertical-align: bottom; position:absolute; left:22px; top: 240px; height: 24px;}
#internalContent #features2{float:left; width:550px; height:162px; background-image:url(../images/benefits-box.jpg); margin-bottom:30px; padding:23px 15px 20px 25px;}
#internalContent #features2 ul {margin:0; list-style:none; float:left; font-size:13px; color:#000000;}
#internalContent #features2 ul li {background:url(../images/bullet.png) top left no-repeat; background-position: 0 .6em; padding-left: 1.5em; color:#58585B; line-height:190%; color:#000000; margin-left:5px;}
#internalContent #step{float:left; width:827px; height:658px; background-image:url(../images/step-by-step-box.png); position: relative;}
#internalContent #step #title{float:left; width:335px; height:27px;}
#internalContent #step #body{float:left; width:334px; height:261px;}
#internalContent #step #body ul {margin:0; list-style:none; float:left; font-size:13px;}
#internalContent #step #body ul li {background:url(../images/bullet.jpg) top left no-repeat; background-position: 0 .7em; padding-left: 1.0em; color:#58585B; line-height:150%;}
#internalContent #step #button{float:left; width:183px; vertical-align: bottom; height: 24px;}

/* ----- Left Menu ----- */
#internalContent .boxMiddlesecondary .sectionmenu {width:217px; vertical-align: bottom; position:absolute; left: 22px; top: 45px; font-size:14px; font-weight:bold; line-height:110%;}
#internalContent .boxMiddlesecondary .sectionmenu a { color:#999999; text-decoration:none; font-weight:normal;}
#internalContent .boxMiddlesecondary .sectionmenu a:hover { text-decoration:none; font-weight:normal;}
#internalContent .boxMiddlesecondary .benefits-sign-up {width:206px; position:absolute; left: 22px; top: 487px; height: 67px;}
#internalContent .boxMiddlesecondary .menu-sign-up {width:206px; position:absolute; left: 21px; top: 40px; height: 67px;}
#internalContent .boxMiddlesecondary .businesses-sign-up {width:206px; position:absolute; left: 21px; top: 23px; height: 67px;}

/* ----- Footer ----- */
#internalContent #footer {height:70px; background-image:url(../images/layup/footer-bg.jpg); padding-top:3px;}
#hypergroup {color:#ffffff; margin:0 auto; text-align:center; padding:12px 25px 0px 25px; font-size:10px;}
#hypergroup ul {color:#ffffff; margin:0; padding:0; list-style:none; font-size:10px;}
#hypergroup li {color:#ffffff; display:inline; font-size:10px;}
#hypergroup a {color:#ffffff; text-decoration:none; font-weight:normal; font-size:10px;}
#hypergroup a:hover {color:#ffffff; text-decoration:underline; font-size:10px;}

/* ----- CLASSES ----- */
.float_left { float:left;}
.float_right { float:right;}
.clear { clear:both; }
.hide { display:none; }
.image_right { float:right; margin:0 0 10px 15px;  }
.image_left { float:left; margin:0 15px 10px 0;  }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6, h7 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:normal; line-height:130%;}
h1 {color:#126dab; font-size:37px; line-height:120%;}
h2 {font-size:18px; line-height:125%; font-weight:bold; color:#000000;}
h2 a {color:#126dab; text-decoration:underline;}
h2 a:hover {color:#126dab; text-decoration:underline;}
h3 {font-size:15px; line-height:30%; font-weight:bold; color:#000000;}
h4 {font-size:20px; line-height:120%; font-weight:bold; color:#126dab;}
.testimonial {font-size:15px; line-height:120%; font-weight:bold; color:#126dab;}
h5 {font-size:24px; line-height:90%; font-weight:lighter; color:#58585A;}
h6 {color:#333333; font-size:12px; font-weight:bold; line-height:100%;}
.header {color:#ffffff;}
.subheader {color:#ffffff;}
.back {color:#126dab; font-size:11px; line-height:80%;}
.back a {color:#126dab; font-size:11px; line-height:80%;}
.back a:hover {color:#126dab; font-size:11px; line-height:80%;}
.contact {font-size:15px; line-height:120%; font-weight:bold; color:#000000;}
.stephead {font-size:18px; line-height:100%; font-weight:bold; color:#000000;}
.map {font-size:12px; line-height:100%; color:#000000; text-decoration:underline;}
.reg {font-size:9px; line-height:100%; color:#666666;}
.emailcolour {font-size:15px; font-weight:bold; line-height:180%; color:#126dab;}
.benefits {color:#000000; font-size:12px; line-height:170%; font-weight:bold;}
.benefits a {color:#000000; font-size:12px; line-height:170%;}
.benefits a:hover {color:#000000; font-size:12px; line-height:170%;}
.footer {color:#ffffff; font-weight:normal; font-size:10px;}
.footer a {color:#ffffff; text-decoration:none; font-weight:normal; font-size:10px;}
.footer a:hover {color:#ffffff; text-decoration:underline; font-size:10px;}
.form-header {color:#126dab; font-size:30px; line-height:120%;}

/* ----- GLOBAL ----- */
img {display:block; border:0; background-attachment: scroll; background-repeat: no-repeat; background-position: bottom; vertical-align: bottom;}
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#67af3e; text-decoration:none; }
a:hover { text-decoration:none; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }