/* 
    Document   : style
    Created on : 2013-02-25, 12:17:44
    Author     : Goweb.ie
    Description:
        FlexTIME stylesheet.
*/

.clear{ clear:both;}
.spacer{ clear: both; line-height:0; font-size:0; text-indent: -9999em; height: 0px;}


body{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 1.5em;
}
p{margin-top: 0;}
h1, h2, h3, h4, h5, .title{
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 35px;
    font-weight: 400;
    color: #666;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 0.6em;
}

.container:after, .wrapper:after, .spacer:after, .container:before, .wrapper:before, .spacer:before{
    content: " ";
    display: table;
}
.container:after, .wrapper:after, .spacer:after {clear: both;}

.container{
    margin: 0 auto;
    width: 978px;
}
a{text-decoration: none; color: #418acf;}
a:hover{text-decoration: underline;}

/* 12 column layout */
.col1{ width: 54px;}
.col2{ width: 138px;}
.col3{ width: 222px;}
.col4{ width: 306px;}
.col5{ width: 390px;}
.col6{ width: 474px;}
.col7{ width: 558px;}
.col8{ width: 642px;}
.col9{ width: 726px;}
.col10{ width: 810px;}
.col11{ width: 894px;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11{margin-right: 30px; float: left;}

.last{ margin-right: 0;}

/** Header **/
#header{margin-bottom: 20px;}
#header .container{
    padding-top: 12px;
}
#header-left, #header-right{float: left;}
#header-left{
    width: 261px;
}
#header-right{
    width: 687px;
    margin-left: 30px;
    text-align: right;
    position: relative;
}
#logo a, #logo a img{display: block;}
#navmenu{width: 687px;}
/** Header END **/

/** Banner **/
#banner{
    background: url('http://flextime.ie/themes/flextime/images/gradient_grey.png') repeat-x 0 0 #eaeaea;
    margin-bottom: 43px;
}
#banner .container{
    width: auto;
    max-width: 1570px;
    position: relative;
}
/** Banner END **/

/** Main **/
#main{
    border-top: 1px solid #eaeaea;
    margin-top: 30px;
    padding-bottom: 30px;
}
#main .container-wrapper{ border-bottom: 1px solid #eaeaea; }
#main .container{padding: 30px 0;}

.ccm-autonav-breadcrumb { font-size: 12px; color:#999; }
.ccm-autonav-breadcrumb a{ color:#3F85C5; }

.main { line-height: 2em;}
.main img{ 
    margin: 0 15px 15px 0;
    vertical-align: text-top;
}
.sidebar img{ margin: 0;}
/** Main END **/

/** Other **/
#other{background-color: #488bc9;}
#other, #other a{color: #fff;}
#other .container{padding: 40px 0;}
/** Other END **/

/** Footer **/
#footer{background-color: #f4f4f4;}
#footer .container{padding: 40px 0;}

#footer ul{padding: 0; margin-top: 0; list-style: none outside;}
#footer a{color: #5f9fbf;}
/** Footer END **/

/** Footer Other **/
#footer-other{border-bottom: 1px solid #eaeaea;}
#footer-other .container{padding: 30px 0;}

#footer-other ul{margin: 0; padding:0; list-style: none outside;}
#footer-other ul li{float: left;}
#footer-other ul li a{margin-left: 1em;}
#footer-other ul li:first-child a{margin-left: 0;}
#footer-other a{color: #5f9fbf;}


/** Footer END **/

/** Credits **/
#credits, #credits a{color: #999;}
#credits .container{
    padding: 30px 0;
    line-height: 23px;
}
#credits p{margin: 0;}
#credits .last{text-align: right;}

#goweb-logo{vertical-align: bottom;}
/** Credits END **/

.tel{
    color: #2583D9;
    font-size: 22px;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    line-height: 31px;
    display: inline-block;
    background: url('http://flextime.ie/themes/flextime/images/icon_phone.png') no-repeat 0 0 transparent;
    padding-left: 17px;
    margin-right: 10px;
    zoom: 1;
    *display: inline; /* IE7 fix */
    vertical-align:middle;
}

.header-search{
    border: 1px solid #ccc;
    height: 29px;
    width: 297px;
    display: inline-block;
    position: relative;
    text-align: left;
    zoom: 1;
    *display: inline; /* IE7 fix */
    vertical-align:middle;
}
.header-search .ccm-search-block-text{
    border: none 0;
    margin: 0;
    padding: 4px 0 4px 8px;
    width: 256px;
    height: 20px; /* IE7 fix */
    line-height: 21px;
    font-size: 14px;
}
.header-search .ccm-search-block-submit{
    position: absolute;
    right: 0;
    top: 0;
    border: none 0;
    background: url('http://flextime.ie/themes/flextime/images/mglass.png') no-repeat 50% 50% transparent;
    width: 33px;
    height: 29px;
    cursor: pointer;
    padding: 0;
    text-indent: -9999em;
    text-transform: capitalize;
    font: 0;
}

.main ul{
    margin-top: 0;
    padding: 0;
    list-style: none outside;
}
.main ul.nav ul{margin-bottom:0;}

.main ul > li{
    padding-left: 20px; 
    background: url('http://flextime.ie/themes/flextime/images/square_dark.png') no-repeat 0 10px transparent;
}
.main ul.blue > li, .main ul li.blue{
    background-image: url('http://flextime.ie/themes/flextime/images/square_blue.png');
}
.main ul.blue > li, .main ul.blue > li a, .main ul li.blue, .main ul li.blue a{
    color: #5f9fbf;
}
.box{
    padding: 25px;
    background: url('http://flextime.ie/themes/flextime/images/gradient_orange.png') repeat-x 0 0 #ffbf00;
    position: relative;
}
.box, .box a, .box h1, .box h2, .box h3, .box h4, .box h5, .box .title{color: #fff;}

.box blockquote{
    font-style: italic;
    text-indent: 40px;
    background: url('http://flextime.ie/themes/flextime/images/quote_mark_white.png') no-repeat 0 0 transparent;
    padding-top: 5px;
    margin: 0;
}
.box-green{
    background: url('http://flextime.ie/themes/flextime/images/gradient_green.png') repeat-x 0 0 #92cb19;
    background-image: -webkit-linear-gradient(top, #a8d04e, #92cb19);
    background-image:    -moz-linear-gradient(top, #a8d04e, #92cb19);
    background-image:     -ms-linear-gradient(top, #a8d04e, #92cb19);
    background-image:      -o-linear-gradient(top, #a8d04e, #92cb19);
    background-image:         linear-gradient(to bottom, #a8d04e, #92cb19);
}
.box-red-brown{
    background: url('http://flextime.ie/themes/flextime/images/gradient_red-brown.png') repeat-x 0 0 #E06B30;
}
.box-grey{ background: none #f4f4f4;}
.box-grey, .box-grey a, .box-grey h1, .box-grey h2, .box-grey h3, .box-grey h4, .box-grey h5, .box-grey .title{color: #333;}

.sidebar .box{ padding: 15px;}
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar .title{font-size: 24px;}
.sidebar .box h1, .sidebar .box h2, .sidebar .box h3, .sidebar .box h4, .sidebar .box h5, .sidebar .box .title{font-size: 20px;}

hr{
    border: 0;
    height: 1px;
    font-size: 0;
    background-color: #333;
    margin: 20px 0;
}
hr.grey{background-color: #eaeaea;}
#footer hr.grey{background-color: #ccc;}

.more{ font-size: 20px; text-transform: uppercase;}
.items p{margin-bottom: 25px;}

#newsletter-form{margin-bottom: 20px;}
#newsletter-form .newsletter-title{
    text-transform: uppercase;
    font-size: 20px;
}
#newsletter-form p{ margin-bottom: 0;}
#newsletter-form .newsletter-submit{
    border: 0 none;
    color: #fff;
    text-transform: uppercase;
    background-color: transparent;
    padding: 0;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #999;
}
#newsletter-form .ccm-input-email{
    font-size: 14px;
    width: 170px;
    padding: 5px 15px;
    border: 1px solid #ccc;
    line-height: 20px; 
}
#time-club-box-link{
    position: absolute;
    bottom: -35px;
    right: 15px;
    background-color: #A9CD3A;
    color: #333;
    font-size: 20px;
    padding: 15px;
    text-transform: uppercase;
}

#social-links{
    display: inline-block;
    zoom: 1;
    *display: inline;
}
#header #trans{
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    height: 21px;
}
#header #trans .basic-trans{
    float: left;
    margin-right: 5px;
    color: #999;
    font-size: 12px;
}
#header #trans #google_translate_element{
    display: inline-block;
    zoom: 1;
    *display: inline;
}
#header #trans #google_translate_element_loader{
    display: block;
    height: 21px;
    width: 16px;
    background: url('http://flextime.ie/themes/flextime/../../concrete/images/throbber_white_16.gif') no-repeat 0 2px transparent;
}
#header #trans .goog-te-combo{margin: 0;}


#login-link{
    float: left;
    font-size: 12px;
}
#login-link a{color: #418ACF;}
.mini-icon{ margin-left: 15px;}

dl{counter-reset: section;}
dl dt:before{
    content: counter(section) ". ";
    counter-increment: section;
}
dl dt {
    font-weight: 700;
}
dl dd{ margin-left: 0;}

.content-sbBlog-title h3, .news_headline .ccm-page-list-title{
    font-size: 24px;
}
.news_headline .pronews-date, .news-attributes .pronews-date, #pb_body .post-date{
    font-size: 14px;
    font-style: italic;
}
.content-sbBlog-date { line-height: 1.2em;}

.studio-testimonials.box .author{
    font-weight: 700;
    text-align: right;
}

.btn{
    border: 1px solid #ccc;
    color: #808080;
    background-color: #fff;
    padding: 5px;
}
.btn:hover{
    color: #fff;
    background-color: #418ACF;
    text-decoration: none;
}
#downloads{
    position: absolute;
    left: 130px;
}