/*
========================================================================
Title:    CTPT Stylesheet (Screen)
Author:   jamie.webster@orcawebsites.com
========================================================================
*/

* {
    margin: 0;
    padding: 0;
    line-height: 100%;
    list-style: none;
    }

body {
    
    text-align: center;
    }

#composite_children a {
font-weight: bold;
}

#composite_children dt {
padding: 15px 0 0 0;
}

#search {
width: 100%;
float: left;
}

#page_contact #form {
width: 100%;
}

#page_links {
    font-family: Sans-Serif, Helvetica;
    color: #666;
    font-size: 12px;
}


/*
========================================================================
Common Styles
========================================================================
*/

p, span, li, dd, dt, th, td, legend, h1, h2, h3, h4, h5, h6 {
    font-family: Sans-Serif, Helvetica;
    color: #666;
    }

p, span, li, dd, dt, th, td {
    font-weight: normal;
    font-size: 12px;
    }

p, span, dd, dt, th, td, label, div {
    line-height: 160%;
    }

p, ul, ol, table {
    padding: 8px 0;
    }

h1, h2, h3, h4, h5, h6, legend {
    line-height: 200%;
    font-weight: normal;
   
    }

h2, legend {
    font-size: 17px;
    color: #000000;
    
    }

h3 {
    font-size: 12px;
    }

.text,
.smalltext,
.mediumtext,
.largetext,
.password {
    border: 1px solid #666;
    background: #fff;
    color: #666;
    font-size: 11px;
    padding: 2px;
    }

.image {
    position: absolute;
    }

select.dropdown {
    background: #000;
    border: 1px solid #666;
    color: #666;
    }

a {
    color: #666;
    text-decoration: none;
    }

a {
    outline: none;
    }
:focus {
    -moz-outline-style: none;
    }

a:hover {
    color: #666;
    }

pre {
    text-align: left;
    color: #666;
    }

label {
    font-weight: bold;
    }

fieldset {
    border: none;
    }



/*
========================================================================
Basic Layout
========================================================================
*/

#container {
    width: 900px;
    margin: 0 auto;
    text-align: left;
    }

#document {
float: left;
width: 100%;
font-size: 12px;
font-family: Sans-Serif, Helvetica;
color: #666;
}

#page_news_archive #additional {
float: left;
width: 100%;
}


#copy {
width: 100%;
float: left;
    font-family: Sans-Serif, Helvetica;
    color: #666;
font-size: 12px;
}

#page_news_archive #composite_children {
float: left;
width: 100%;
}

#sitemap {
float: left;
width: 100%;
font-size: 12px;
font-family: Sans-Serif, Helvetica;
color: #666;
}

#newsletter {
float: left;
width: 100%;
font-size: 12px;
font-family: Sans-Serif, Helvetica;
color: #666;
}



    /* === Header === */

#searchbar {
             float: left;
             margin: 470px 0px 0 0;  
                }
                #searchbar form {
                    
                   
                    }
                    #searchbar fieldset {
                        border: none;
                        }
                        #searchbar #input_search {

 margin: 0px 5px 0 62px; 

                            width: 128px;
                            float: left;
                            }
                        #searchbar #input_search_submit {
                            float: right;
                            position: static;

                            }

        #pri_nav {
            height: 55px;
            float: left;
            margin: 10px 0px 0 0;
            }
            #pri_nav ul {
                list-style: none;
                padding: 0;
                }
                #pri_nav li {
                    float: left;
                    }
                  #pri_nav a {
                        display: block;
                        width: 270px;
                        height: 69px;
                        text-indent: -9999px;
                        background-position: 0 0;
                        }
                    #pri_nav a:hover {
                        background-position: 0 50%;
                        }
                    #pri_nav li.home a {
                        background-image: url(/images/home.png);
                        }
                    #pri_nav li.services a {
                        background-image: url(/images/services.png);
                        }
                    #pri_nav li.investment a {
                        background-image: url(/images/investment.png);
                        }
                    #pri_nav li.news_archive a {
                        background-image: url(/images/news.png);
                        }
                    #pri_nav li.faq a {
                        background-image: url(/images/faq.png);
                        }
                    #pri_nav li.contact a {
                        background-image: url(/images/contact.png);
                        }
                    #pri_nav a.selected {
                        
                        }


    /* === Body === */

    #body {
        width: 100%;
        float: left;
        }
        #sidebar {
            background-image: url(/images/navigation.png);
            width: 270px;
            height: 940px;
            float: left;
            }
        #sidebar input.text {
            width: 100%;
            }
            
            #categories {
                }
                #categories h2 {
                    padding: 5px 5px 0 5px;
                    }
                #categories ul {
                    padding: 5px;
                    }
                    #categories li {
                        margin: 0 0 5px 0;
                        }
                        #categories a {
                            color: #FFF;
                            text-decoration: none;
                            text-transform: uppercase;
                            }
                        #categories a:hover {
                            text-decoration: underline;
                            }
                        #categories ul ul {
                            background: #5F0E0E;
                            margin: 0 0 5px 0;
                            padding: 10px 10px 5px 10px;
                            }
            #newsletter_signup {
float: left;
                }
                #newsletter_signup form {
                    padding: 15px 0px 40px 0;
                    }
                    #newsletter_signup fieldset {
                        border: none;
                        }
                        #newsletter_signup ul {
                            padding: 0;
                            }
                            #newsletter_signup li {
                                margin: 0 0 5px 0;
                                }
                        #newsletter_signup li.submit {
                            margin: 0;
                            }
                            #newsletter_signup label {
                                display: block;
                                line-height: 100%;
                                margin: 0 0 2px 0;
                                }
                        #newsletter_signup li.list {
                            width: 100%;
                            float: left;
                            }
                            #newsletter_signup li.list input.checkbox {
                                float: left;
                                }
                            #newsletter_signup li.list label {
                                display: block;
                                float: left;
                                padding: 2px 0 0 4px;
                                }
                        #newsletter_signup li.submit {
                            width: 100%;
                            float: left;
                            margin: 5px 0 0 0;
                            }

#positioning_statement {
float: right;
width: 367px;
height: 34px;
margin: 115px 0 0 0;
}


        #content {
            width: 600px;
            _width: 590px;
            float: right;
            }
            #messages {
float: left;
width: 100%;
                background: #fff;
                border: 1px solid #ccc;
                margin: 0 0 20px 0;
                padding: 10px 0 0 0;
                }
                #messages p {
                    margin: 0 10px 10px 10px;
                    padding: 0 0 0 23px;
                    background-repeat: no-repeat;
                    }
                    #messages p.ok {
                        background-image: url(/images/icn_tick.png);
                        }
                    #messages p.error {
                        background-image: url(/images/icn_error.png);
                        }
                    #messages p.info {
                        background-image: url(/images/icn_info.png);
                        }
            #footer {
                width: 100%;
                float: left;
                text-align: center;
                margin: 30px 0;
                }
                #footer ul {
                    list-style: none;
                    padding: 0;
                    }
                    #footer li {
                        display: inline;
                        }
                #footer p {
                    padding: 5px 0 0 0;
                    }



/*
========================================================================
Home Page
========================================================================


    #featured_items {
        width: 100%;
        float: left;
        border: 1px #ccc solid;
        margin: 30px 0 0 0;
        }
        #featured_items dl {
            float: left;
            width: 150px;
          
            height: 142px;
            
            }
         
                
            #featured_items dd.thumbnail {
                width: 125px;
                height: 125px;
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                }
            #featured_items dd.thumbnail img {
                }

*/

#merchandise {
margin: 30px 0 0 0;
float: left;
width: 100%;
height: 105px;
background-image: url(/images/merchandise.png);
}

.merchandise_copy {
float: right;
width: 400px;
margin: 27px; 
}


/*
========================================================================
Services
========================================================================
*/

#children, #featured_items {
    float : left;
    margin-top : 30px;
    width : 600px;
    text-indent : -9999px;
    border : 1px solid #CCCCCC;
    }

#children a, #featured_items a {
    float : left;
    height : 150px;
    width : 150px;
    display : block;
    }
    a.personal_training {
        background-image : url(/images/1.png);
        }
    a.boxing_training {
        background-image : url(/images/2.png);
        }
    a.nutrition_and_diet {
        background-image : url(/images/3.png);
        }
    a.fitness_pilates {
        background-image : url(/images/4.png);
        }
    a.weight_loss_and_training {
        background-image : url(/images/5.png);
        }
    a.sport_specific {
        background-image : url(/images/6.png);
        }
    a.relaxation_and_visualisation {
        background-image : url(/images/7.png);
        }
    a.groups_and_corporate {
        background-image : url(/images/8.png);
        }


#page_left {
float: left;
width: 350px;
}

#page_personal_training #page_right {
float: right;
width: 200px;
height: 300px;
border: 1px solid #ccc;
background-image: url(/images/1_zoomed.png);
}

#page_boxing_training #page_right {
float: right;
width: 200px;
height: 300px;
background-image: url(/images/2_zoomed.png);
border: 1px solid #ccc;
}

#page_nutrition_and_diet #page_right {
float: right;
width: 200px;
height: 300px;
border: 1px solid #ccc;
background-image: url(/images/3_zoomed.png);
}

#page_fitness_pilates #page_right {
float: right;
width: 200px;
height: 300px;
border: 1px solid #ccc;
background-image: url(/images/4_zoomed.png);
}

#page_weight_loss_and_training #page_right {
float: right;
width: 200px;
height: 300px;
border: 1px solid #ccc;
background-image: url(/images/5_zoomed.png);
}

#page_sport_specific #page_right {
float: right;
width: 200px;
height: 300px;
border: 1px solid #ccc;
background-image: url(/images/6_zoomed.png);
}

#page_relaxation_and_visualisation #page_right {
float: right;
width: 200px;
height: 300px;
border: 1px solid #ccc;
background-image: url(/images/7_zoomed.png);
}

#page_groups_and_corporate #page_right {
float: right;
width: 200px;
height: 300px;
border: 1px solid #ccc;
background-image: url(/images/8_zoomed.png);
}



/*
========================================================================
Results
========================================================================
*/

#results {
    }
    dl.product {
        width: 125px;
        height: 250px;
        margin: 0 6px;
        float: left;
        text-align: center;
        }
        dl.product dd.thumbnail {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            width: 125px;
            height: 125px;
            }
        dl.product dt {
            text-align: left;
            }
        dl.product dd.summary {
            text-align: left;
            }
        dl.product dd.price {
            text-align: left;
            font-size: 16px;
            }
        dl.product dd.more {
            text-align: left;
            }

/*
========================================================================
Newsletter
========================================================================
*/

#newsletter p.email label {
    width: 100px;
    display: block;
    float: left;
    }

#newsletter p.fullname label {
    width: 100px;
    display: block;
    float: left;
    }


/*
========================================================================
Forms
========================================================================
*/

#form {
float: left;

    }
    #form li {
        margin: 0 0 8px 0;
        width: 100%;
        float:left;
        }
        #form label {
            float: left;
            width: 100px;
            margin: 0 10px 0 0;
            }
#form ul.radio_buttons {
    float: left;
    }
    #form ul.radio_buttons li {
        float: none;
        }
#form ul.radio_buttons label {
    float: none;
    }
#form #input_submit {
    margin: 0 0 0 110px;
    }


#page_contact {
    }
    #page_contact #additional {
        width: 50%;
        float: left;
        }

    #page_contact #fields {
        width: 50%;
        float: right;
}