﻿/* General */

/*Reset Common Tags*/

.exceeded
{
    background-color: Red;
}


a,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img
{
    margin:0px;
    padding:0px;
}

body 
{
    margin:0px auto;
    padding:0px;
    font-family:Verdana;
    font-size:12px;
    color:#202020;
    background:#fcfcfd;
}

a
{
    text-decoration:none;
    color:#202020;
    outline:0;
}

a:hover
{
    text-decoration:underline;
}

img
{
    border:0px;
}

p
{
    margin:16px 0;
    line-height:16px;
}

h1
{
}


		/*---------------------layout--------------------*/
		
.container 
{
    width:1024px;
    margin:0 auto;
    height:auto;
}

#container-header
{
    float:left;
    width:100%;
    height:298px;
    background:url(/images/header-bg.jpg) repeat-x;
}

#container-footer
{
    float:left;
    width:100%;
    height:305px;
    background:url(/images/footer-bg.jpg) repeat-x;
}

		/*---------------------header---------------------*/
		
#header
{
    float:left;
    width:1024px;
    height:298px;
    background:url(/images/header-bg.jpg) repeat-x;
}

#header-left
{
    float:left;
    width:300px;
    padding-left:42px;
    padding-top:33px;
}

#header-right
{
    float:right;
    width:240px;
    padding-right:42px;
    padding-top:54px;
    text-align:right;
}

#header-right img
{
    float:right;
    margin-bottom:2px;
}

.textbox-header
{
    float:right;
    width:150px;
    border:1px solid #b6bbbf;
    padding:2px;
}

        /*----------------------nav-----------------------*/
        
#nav
{
    float:left;
    width:980px;
    padding:64px 2px 0 42px;
}

.menu
{
    float:left;
    width:190px;
}

        /*---------------------content--------------------*/

#title
{
    float:left;
    width:1024px;
    margin-top:35px;
}

.content-main
{
    float:left;
    width:884px;
    padding:0 70px;
}

.leftcol
{
    float:left;
    width:455px;
}

.rightcol
{
    float:right;
    width:375px;
}

ul.main
{
    margin:0;
    padding:0 0 0 18px;
}

ul.main li
{
    line-height:18px;
}

ul.times-orange
{
    margin:0;
    padding:0 0 0 20px;
    font-size:10px;
    list-style-image:url(/images/list-orange.jpg);
    position:relative;
    left:-20px;
}

ul.times-yellow
{
    margin:0;
    padding:0 0 0 20px;
    font-size:10px;
    list-style-image:url(/images/list-yellow.jpg);
    position:relative;
    left:-20px;
}

ul.times-pink
{
    margin:0;
    padding:0 0 0 20px;
    font-size:10px;
    list-style-image:url(/images/list-pink.jpg);
    position:relative;
    left:-20px;
}

ul.times-orange li,
ul.times-yellow li,
ul.times-pink li
{
    line-height:18px;
    margin-bottom:15px;
}

.times-title-orange,
.times-title-orange a
{
    font-size:14px;
    color:#f7941e;
    font-weight:bold;
}

.times-title-yellow,
.times-title-yellow a
{
    font-size:14px;
    color:#d7df21;
    font-weight:bold;
}

.times-title-pink,
.times-title-pink a
{
    font-size:14px;
    color:#ee4399;
    font-weight:bold;
}

.form-wrapper
{
    float:left;
    margin:10px 0;
}

label
{
    clear:both;
    float:left;
    width:140px;
    height:20px;
    font-size:14px;
    color:#999;
    font-weight:bold;
    text-align:right;
    padding-right:15px;
    margin-top:4px;
    margin-bottom:5px;
}

.textbox
{
    float:right;
    width:212px;
    border:1px solid #999;
    padding:3px;
    margin-bottom:5px;
}

textarea
{
    float:right;
    width:394px;
    height:70px;
    border:1px solid #999;
    padding:3px;
}

.form-text
{   
    float:right;
    width:214px;
    height:20px;
    font-size:14px;
    margin-top:4px;
    margin-bottom:5px;
}

.forgotten-password
{
    float:right;
    font-size:10px;
    color:#999;
    text-align:right;
    font-weight:bold;
}

.forgotten-password a
{
    color:#999;
    text-decoration:underline;
}

/*home*/
.home-left
{
    float:left;
    width:527px;
    padding-left:50px;
    margin:25px 0;
}

.home-left p
{
    padding-left:20px;
}

.home-right
{
    float:right;
    width:411px;
    margin-top:60px;
}

/*about*/
.about-left
{
    float:left;
    width:547px;
    padding-left:30px;
}

.about-left p
{
    padding-left:40px;
}

.about-right
{
    float:right;
    width:341px;
    padding-right:70px;
}

.our-trainers
{
    float:left;
    width:341px;
    background:#e8e8e9;
    margin:16px 0;
    font-size:10px;
}

.our-trainers p
{
    line-height:12px;
    margin:10px 0;
}

.our-trainers-left
{
    float:left;
    width:160px;
    padding:5px 0 5px 10px;
}

.our-trainers-right
{
    float:right;
    width:135px;
    padding:5px 10px 5px 0;
}

/*testimonials*/
.testimonials
{
    float:left;
    width:884px;
    padding:20px 70px;
}

.testimonials-left
{
    float:left;
    width:540px;
}

.testimonials-right
{
    float:right;
    width:325px;
}

/*my fittazz*/
.my-fittazz-left
{
    float:left;
    width:517px;
    padding-left:30px;
}

.my-fittazz-right
{
    float:right;
    width:391px;
    padding-right:40px;
}

.bookings
{
    float:left;
    width:467px;
    font-size:10px;
    padding-left:37px;
    margin:20px 0;
}

.bookings td
{
    padding-bottom:5px;
}

.details-wrapper
{
    width:371px;
    padding:10px;
}

.details
{
    width:351px;
}

.details td
{
    padding-bottom:5px;
}

/*packages*/
.packages
{
    float:left;
    width:1024px;
    background:url(/images/packages-bg.jpg) no-repeat;
}

.packages p
{
    padding-left:12px;
}

.packages-left
{
    float:left;
    width:435px;
    padding-left:55px;
}

.packages-right
{
    float:right;
    width:475px;
}

/*bottom links*/
#bottom-links
{
    float:left;
    width:954px;
    padding:0 0px 0 40px;
    margin:20px 0;
}

#bottom-links img
{
    float:left;
    width:auto;
    margin-right:7px;
}

#bottom-links-bootcamp
{
    float:left;
    width:888px;
    padding:0 63px 0 73px;
    margin-bottom:20px;
}

#bottom-links-bootcamp img
{
    float:left;
    width:auto;
    margin-right:6px;
}

/*vouchers*/
.voucher-left
{
    float:left;
    width:400px;
}

.voucher-right
{
    float:right;
    width:400px;
}

.voucher-amount
{
    float:right;
    margin-top:4px;
}

.characters
{
    float:left;
    font-size:10px;
    color:#595a51;
}

.vouchers
{
    float:left;
    width:920px;
    padding:0 0px 0 73px;
    margin-bottom:20px;
}

.voucher-item
{
    float:left;
    width:280px;
    margin:20px 16px 30px 0;
    text-align:right;
}

        /*---------------------footer---------------------*/

#footer
{
    clear:both;
    width:1024px;
    height:200px;
    padding:65px 0px 40px 0px;
    color:#ffffff;
    background:url(/images/footer-bg.jpg) repeat-x;
}

#footer a
{
    color:#ffffff;
}

#footer-top
{
    float:left;
    width:980px;
    padding:0 2px 0 42px;
}

.footer-column
{
    margin:0;
    padding:0;
    list-style-type:none;
    font-size:10px;
    float:left;
    width:190px;
    line-height:18px;
}

.footer-column strong
{
    font-size:12px;
}

#footer-bottom
{
    float:left;
    width:940px;
    padding:10px 42px 0 42px;
}

#footer-left
{
    float:left;
    width:120px;
}

#footer-right
{
    float:right;
    width:300px;
    font-size:10px;
    text-align:right;
}

