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

Firetext - Basic Style Sheet

Version:	    1.0
Author:		    Springnet Media
Author URL:	    http://www.springnet.co.uk


*** Last Modify Date: 08/02/2010 ( Daniel ) ***

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

/* Structure 

	=Global
	=Typography
	=Headings
	=Links
	=Access Keys / Jumps
	=Forms
	=LayoutStructure
	=Shared Styles
    =Content Container
	    =header
	    =p-content ( insides )
	    =s-content ( insides )
    =Home
    =Footer


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


/* =Global 
--------------------------------------------------------------------------*/

* { margin: 0; padding: 0; } 

body { line-height: 1.4; background: url(/resources/img/1px_background.gif) 0 0 repeat-x; }

.clearme { clear: both; }
.hideme { display: none !important; height: 0 !important; overflow: hidden !important; }
.left { float: left; }
.right { float: right; }



acronym { speak: normal; }
abbr { speak: spell-out; }


/* =Typography
 *
 * Use this section for general type styles
--------------------------------------------------------------------------*/

html { font-size: 100.01%; }
body { font-family: 'Droid Sans', "Lucida Sans Unicode", "Lucida Grande", Arial, Sans-Serif; font-size: 1em; }


/* Freeform */

.freeform { color: #888; padding: 0 0 20px 0; }

.freeform p { font-size: 0.81em; padding: 0 0 20px 0; }

.freeform a  
{
    color: #888888; 
    text-decoration: underline; 
    font-size: 1em;
}
.freeform a:hover { color: #CF3E0C; text-decoration: none; }

.freeform ul { padding: 0 0 14px 16px; list-style-position: inside; }
.freeform ol { padding: 0 0 14px 17px; list-style-position: inside; }

.freeform li { padding: 0 0 2px 0; font-size: 0.81em; }

.freeform a img { border: 1px solid #fefefe; margin: 0 10px 7px 0; }
.freeform a img.right { border: 1px solid #ccc; margin: 0 0 7px 10px; }


/* =Headings
--------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-weight: bold; font-size: 1em; color: #7F7F7F; padding: 0 0 6px 0; }


.freeform h2 { font-size: 1em; }
.freeform h3 { color: #777; font-size: 0.85em; }
.freeform h4,
.freeform h5 { color: #888; font-size: 0.85em; }



/* =Links
 * 
 * LVHA ( :link / :visited / :hover / :active )
--------------------------------------------------------------------------*/

a,
div { outline: none !important; }

a:hover { cursor: pointer; }

a:link { }
a:visited { }

a:hover, a:active, a:focus { text-decoration: none; }
a:active { outline: none; }

a img { border: none; }

a.back { font-size: 0.88em; color: #bbb; font-weight: bold; }

/* Social Media Icons */

a.social-media  
{
    display: block;
    width: 24px; 
    height: 24px; 
    text-decoration: none; 
    overflow: hidden;
    position: relative;
}
a.social-media span  
{
    display: block; 
    width: 24px;
    height: 24px; 
    position: absolute; 
    top: 0; 
    left: 0;
    background-position: 0 -24px;
    background-repeat: no-repeat;
}

a.social-media:hover span { background-position: 0 0; }

a.facebook span { background-image: url(/resources/img/icons/facebook.gif); }

a.twitter span { background-image: url(/resources/img/icons/twitter.gif); }

a.digg span { background-image: url(/resources/img/icons/digg.gif); }

a.stumble span { background-image: url(/resources/img/icons/stumble.gif); }

a.delicious span { background-image: url(/resources/img/icons/del.gif); }


/* Edit/Delete */

p.post-edit-link a  
{
    clear: both;
    float: left;
    padding: 2px 10px; 
    margin: 0 0 40px 0; 
    border: 1px solid #ccc; 
    color: #757575;
    -moz-border-radius: 11px; 
    -webkit-border-radius: 11px;
    min-width: 69px;
    font-size: 0.89em;
    text-align: center;
    background: #fff;    
    text-decoration: none;
}

p.post-edit-link a:hover { border: 1px solid #000; color: #000; /*background: url(/resources/img/icons/arrow.png) 0 3px no-repeat; */ }


/* =Access Keys / Jumps
--------------------------------------------------------------------------*/





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

fieldset { border: none; }
legend { }
label { cursor: pointer; }

input, select, textrea { font-family: inherit; font-size: 1em; }


/* Form Errors */

#commentform input.error, #commentform textarea.error {
	background-color: #f99;
}
#commentform div.error, #commentform label.error {
	color: red;
}
#commentform div.errorlabels label {
	display: block;
}


/* Login / Register pages */

body.login-register { }
body.login-register a.logo,
body.login-register div.login { margin: 40px auto; float: none; }

body.login-register div.login { width: 250px; }
body.login-register div.login h1 { width: 250px; text-align: center; }
body.login-register div.login li { list-style: none; }
body.login-register div.login label { }

body.login-register input[type="text"],
body.login-register input[type="password"] { width: 250px; border: 1px solid #bbb; padding: 2px; color: #bbb; }



/* =LayoutStructure
--------------------------------------------------------------------------*/

div.site-container  
{
    width: 920px; 
    padding: 0 25px; 
    margin: 0 auto; 
}

div.content-container  
{
    width: 918px;
    float: left; 
    clear: both;
    border: 1px solid #d1d1d1;
    border-bottom: 0;
    border-top: 0;
    background: url(/resources/img/1px_background_alt.gif) 0 0 repeat-x;
    position: relative;
}

div.p-content  
{
    width: 645px;
    min-height: 600px;
    padding: 28px 25px 10px 0; 
    float: right; 
    font-size: 1em;
}

div.s-content  
{
    float: left; 
    font-size: 1em;
    width: 202px;
    padding: 20px;
}


/* =Shared and Generic Styles
 *
 * If you find your re-using the same styles on certain elements 
 * put them here, or specific buttons and pods
--------------------------------------------------------------------------*/

/* Adding Rounded Borders 

.rounded-top 
{
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

.rounded-bottom 
{
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

.rounded-top-small
{
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}

.rounded-bottom-small
{
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}
*/

/* Site Messages */

div.site-message  
{
    width: 893px; 
    clear: both;
    border: 1px solid #99bd63;
    padding: 6px 10px;
    background: #add177;
    color: #fff;
    font-weight: bold;
    margin: -1px auto 15px auto;
    font-size: 0.89em;
    text-align: center;
}
div.site-message a { color: #fff; }
div.site-message h3 { font-size: 1em; } 

div.information-block  
{
    float: left; 
    clear: both; 
    padding: 10px; 
    border: 1px solid #dadaa8; 
    background: #feffe2;
    width: 893px;
}

div.information-block { color: #444; } 
div.information-block a { font-size: 1em; color: #222; } 

div.errorBlock  
{
    padding: 8px 10px; 
    width: 893px; 
    float: left; 
    clear: both;
    background: #fff; 
    border: 1px solid #950d37; 
    color: #fff;
    background: #aa0739;
    margin: 0 0 15px 0;
}

div.pod div.errorBlock { width: 873px; }

/* Google Small Print */


div.google-small-print
{
    width: 500px;
    padding: 30px 0 0 0;
    float: left;
    clear: both;
}

div.google-small-print p
{
    padding: 0 0 5px 0;
    font-size: 0.69em;
    color: #bbb;
    display: block;
    clear: both;
}

div.google-small-print p a
{
    color: #a2a2a2;
    font-size: 1em;
    text-decoration: none;
}

div.google-small-print p a:hover
{
    color: #df3a00;
    font-size: 1em;
}

a.cards { margin: 0px 0 0 6px; float: left; clear: both; }


/* =Header
--------------------------------------------------------------------------*/

div.header  
{
    width: 888px;
    height: 60px;
    padding: 28px 16px; 
    float: left; 
    clear: both;
    position: relative;
}

/* Logo */

a.logo  
{
    float: left;
    display: block; 
    width: 166px; 
    height: 61px; 
    position: relative; 
    color: #000; 
}


/* Search */

div.header form  
{
    float: left; 
    clear: both; 
    position: absolute; 
    top: 61px;
    right: 16px;
    font-size: 1em;
}

div.header form fieldset { }

div.header form fieldset legend, 
div.header form fieldset label { display: none; }

div.header form fieldset input.formFieldText  
{
    width: 110px; 
    padding: 2px; 
    font-size: 0.81em;
    border: 1px solid #bbb; 
    color: #bbb;
}
div.header form fieldset input[disabled] { background: #fff; }  


/* Primary Navigation */

ul.p-navigation  
{
    position: absolute;
    width: 530px;
    right: 143px;
    top: 61px;
    clear: none; 
    text-align: right;
}

ul.p-navigation li  
{
    float: none; 
    clear: none;
    display: inline; 
    padding: 0 0 0 20px; 
    list-style: none;
    text-align: right;
    position: relative;
}

ul.p-navigation li:first-child { padding: 0; }  


ul.p-navigation li a  
{
    text-decoration: none;
    color: #888; 
    font-size: 0.81em;
}

ul.p-navigation li a:hover,
ul.f-navigation li a:hover,
body.page-id-302 ul li.buy a,
body.page-id-33 ul li.view-cart a,
body.page-id-183 ul li.demo a,
body.page-id-22 ul li.research a,
body.blog ul li.blog a,
body.page-id-186 ul li.contact a,
body.page-id-188 ul li.help a,
body.page-id-2 ul li.about a,
body.page-id-210 ul li.fire-safety a,
body.page-id-212 ul li.case-studies a,
body.page-id-239 ul li.wholesale a,
body.page-id-236 ul li.partnerships a,
body.page-id-302 ul li.shop a,
body.page-id-33 ul li.shop a,
body.parent-pageid-302 ul li.shop a,
body.page-id-217 ul li.privacy a,
body.page-id-219 ul li.accessibility a,
body.page-id-26 ul li.site-map a,
a.active { color: #DF3A00 !important; }


/* Secondary Navigation */

ul.s-navigation  
{
    clear: both;
    display: block;
    position: absolute; 
    top: 18px; 
    right: 16px;
    width: 888px;
    text-align: right;
}
ul.s-navigation li  
{
    list-style: none; 
    float: none; 
    clear: none; 
    display: inline; 
    padding: 0 0 0 17px; 
    position: relative;
    text-align: right;
}

ul.s-navigation li.basket a.overlay  
{
    display: block; 
    width: 110px; 
    height: 23px; 
    position: absolute; 
    top: 0; 
    left: 14px;
    z-index: 999999;
}

ul.s-navigation li.login a,
ul.s-navigation li.basket a  
{
    color: #aaa; 
    text-transform: capitalize;
}

ul.s-navigation li a  
{
    font-size: 0.75em; 
    color: #bbb; 
    text-decoration: none; 
    text-align: right;
}
ul.s-navigation li a.active,
ul.s-navigation li a:hover { color: #DF3A00; }



/* =Banner
--------------------------------------------------------------------------*/
/* CMS Actions */

div.cms-actions { position: absolute; top: 20px; right: 25px; }
div.cms-actions a { font-size: 0.81em; }
div.cms-actions p { font-size: 0.81em; }

div.banner  
{
    width: 876px;
    padding: 52px 22px 5px 22px;
    float: left; 
    clear: both; 
    position: relative;
    background-image: url(/resources/img/title_background.gif);
    background-repeat: no-repeat;    
    background-position: 0 0;    
}
body.home div.banner  
{
	background: none; 
}
div.banner h1 a  
{
    width: 876px;
    float: right; 
    clear: none; 
    text-align: left;
    font-size: 1.5em;
    font-weight: bold;
    color: #CF3E0C;
    text-align: right;
    padding: 0;
    text-decoration: none;
}
div.banner h1 a:hover { text-decoration: none; }

div.banner h1 a strong { display: none; }




/* =P-Content
--------------------------------------------------------------------------*/

/* Blog and Archive and Search Results */

body.blog,
body.archive,
body.search { }

body.blog div.p-content,
body.archive div.p-content,
body.search div.p-content { }

body.blog div.p-content ul,
body.archive div.p-content ul,
body.search div.p-content ul { width: 645px; padding: 10px 0 0 0; }

body.blog div.p-content ul li,
body.archive div.p-content ul li,
body.search div.p-content ul li  
{
    width: 645px;
    list-style: none;
    display: block;
    padding: 0 0 20px 0;
    font-size: 0.81em;
    color: #888;
    line-height: 1;
}

body.blog div.p-content ul li p,
body.archive div.p-content ul li p,
body.search div.p-content ul li p { display: block; padding: 0 5px 0 0; line-height: 1; }

body.blog div.p-content ul li p a,
body.archive div.p-content ul li p a,
body.search div.p-content ul li p a { color: #777; }


body.blog div.p-content ul li h3,
body.archive div.p-content ul li h3,
body.search div.p-content ul li h3 { font-size: 1.07em; display: block; padding: 0 0 7px; }

body.blog div.p-content ul li h3 a,
body.archive div.p-content ul li h3 a,
body.search div.p-content ul li h3 a { display: inline; color: #777; line-height: 1; font-weight: normal; } 

body.search div.freeform p { padding: 0; margin: 0; }

body.single-post p.postmeta { color: #bbb; font-size: 0.75em; line-height: 1.4; }
body.single-post p.postmeta a { color: #bbb; }

/* Sitemap */


body.page-id-26 { }

body.page-id-26 div.freeform { }

body.page-id-26 div.freeform ul { padding: 0 0 0 6px; margin: 0; }
body.page-id-26 div.freeform ul li  
{
    list-style: none; 
    font-size: 1em;
    padding: 0 0 4px 16px; 
    margin: 0;
    background: url(/resources/img/bullet.gif) 0 9px no-repeat;
}
body.page-id-26 div.freeform ul li a  
{
    font-size: 1em; 
    color: #777; 
    font-weight: bold; 
    text-decoration: none;
}
body.page-id-26 div.freeform ul li a:hover { color: #000; }  


body.page-id-26 div.freeform ul li ul { padding: 6px 0 0 0; }
body.page-id-26 div.freeform ul li ul li { background: url(/resources/img/bullet_l2.gif) 0 9px no-repeat; }
body.page-id-26 div.freeform ul li ul li a { color: #888; font-weight: normal; font-size: 0.81em; }

body.page-id-26 div.freeform ul li ul li ul { padding: 4px 0 0 0; }
body.page-id-26 div.freeform ul li ul li ul li { padding: 0 0 3px 16px; background: url(/resources/img/bullet_l3.gif) 0 9px no-repeat; }
body.page-id-26 div.freeform ul li ul li ul li a { color: #999; font-size: 0.81em; }


/* Contact Page */

.vCard { font-size: 0.81em; }
.vCard address { font-size: 1em; text-transform: none; font-style: normal; }

/* =S-Content
--------------------------------------------------------------------------*/

/* Share This */

div.s-content div.share-this { float: left; clear: both; width: 202px; margin: 0 0 20px 2px; }

div.s-content div.share-this h3 
{
    width: 182px; 
    float: left; 
    clear: both; 
    font-size: 0.92em; 
    padding: 9px 10px 10px 8px;
    margin: 0;
    color: #888;
    text-decoration: none;
}

div.s-content div.share-this a { float: right; clear: none; margin: 0 15px 0 0; opacity: 1; }
div.s-content div.share-this a:hover { }


/* Tertiary Navigation */
div.t-navigation  
{
    float: left; 
    clear: both;
    width: 202px;
    margin: 0 0 20px 0;
    font-size: 0.81em;
    background: url(/resources/img/pods/s-content/small/top.gif) 0 0 no-repeat;
}
div.t-navigation ul  
{
    width: 202px; 
    list-style: none; 
    float: left; 
    clear: both;
    background: url(/resources/img/pods/s-content/small/bottom.gif) bottom left no-repeat;
}
div.t-navigation ul li { width: 200px; list-style: none; float: left; clear: both; }
div.t-navigation ul li a { width: 200px; display: block; float: left; clear: both; }

div.t-navigation h3  
{
    margin: 0; 
    padding: 0; 
    width: 198px; 
    float: left; 
    clear: both;
}  
div.t-navigation h3 a  
{
    width: 176px; 
    float: left; 
    clear: both; 
    font-size: 1.17em; 
    padding: 9px 10px 5px 10px;
    color: #CF3E0C;
    text-decoration: none;
}
div.t-navigation h3 a:hover { color: #CF3E0C; }  

div.t-navigation ul li  { width: 200px; }

div.t-navigation ul li a  
{
    display: block; 
    width: 170px; 
    padding: 10px 15px 8px 15px;
    color: #888; 
    text-decoration: none;
    border-top: 1px solid #e1e1e1; 
    background: url(/resources/img/icons/arrow_off.png) 180px 14px no-repeat;
}
div.t-navigation ul li a:hover { color: #CF3E0C; }
div.t-navigation ul li.current_page_item a.active,
div.t-navigation ul li a.active,
div.t-navigation ul li.current_page_parent > a
{
    color: #CF3E0C; 
    background: url(/resources/img/icons/arrow_down.png) 177px 16px no-repeat;
    padding: 10px 15px 8px 15px;
}  
div.t-navigation ul li.current_page_item > a,
div.t-navigation ul li.current_page_item.single a,

div.t-navigation ul li.single a.active { color: #DF3A00; background: url(/resources/img/icons/arrow.png) 180px 14px no-repeat; }

div.t-navigation ul li.last a { border-bottom: 0; }


div.t-navigation ul li ul { display: block; background: none; }

div.t-navigation ul li ul li { color: #bbb; background: none; }
div.t-navigation ul li ul li a { background: none; border: 0; color: #bbb; padding: 0 15px 8px 20px; width: 165px; }

div.t-navigation ul li ul li a:hover,
div.t-navigation ul li ul li a.active { color: #777; }

div.t-navigation ul li ul li.current_page_item a { color: #575757; background: none; }

div.t-navigation ul li ul li.active a:hover { background: url(/resources/img/icons/arrow_up.png) 177px 14px no-repeat; }

div.t-navigation ul li ul li.active ul,
div.t-navigation ul li ul li.active ul li a:hover { background: none; }

body.page-id-26 div.t-navigation { display: none; }


/* Related Links (In this Section */

div.s-content div.in-this-section
{
    float: left; 
    clear: both;
    width: 202px;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 0.81em;
    background: url(/resources/img/pods/s-content/small/top.gif) 0 0 no-repeat;
}

div.s-content div.in-this-section h3 
{
    width: 182px; 
    float: left; 
    clear: both; 
    font-size: 1.09em; 
    padding: 9px 10px 6px 10px;
    margin: 0;
    color: #888;
    text-decoration: none;
}

div.s-content div.in-this-section ul  
{
    float: left; 
    clear: both;
    width: 202px;
    padding: 4px 0 14px 0;
    background: url(/resources/img/pods/s-content/large/bottom.gif) bottom left no-repeat;
} 
div.s-content div.in-this-section ul li  
{
    float: left; 
    clear: both;
    width: 202px; 
    list-style: none;
    font-size: 1em;
}
div.s-content div.in-this-section ul li a  
{
    float: left;
    clear: both;
    padding: 5px 10px 5px 30px;
    width: 152px;
    background: url(/resources/img/icons/arrow_off.png) 15px 10px no-repeat;
    color: #bbb;
    text-decoration: underline;
    font-size: 1em;
 } 

div.s-content div.in-this-section ul li a:hover  
{
    color: #888;
    text-decoration: none; 
}  


/* =Footer
--------------------------------------------------------------------------*/


div.footer
{
    width: 888px;
    padding: 55px 16px 32px 16px; 
    float: left; 
    clear: both;
    text-align: left;
    overflow: hidden;
    background: url(/resources/img/pods/full_bottom.gif) 0 0 no-repeat;
}

div.footer div { float: right; clear: both; width: 888px; }

div.footer a { color: #bbb; font-size: 1em; text-decoration: none; }
div.footer a:hover, div.footer ul.f-navigation li a:hover  { color: #DF3A00; }


div.footer p  
{
    color: #bbb; 
    font-size: 0.75em; 
    padding: 0 0 7px 0; 
    width: 100%; 
    float: right; 
    clear: both; 
    line-height: 1;
    text-align: right;
}

div.footer p a { color: #a2a2a2; }
div.footer p:last-child { padding: 0 0 15px 0; }


div.footer ul.f-navigation { float: right; clear: both; width: auto; padding: 0 0 18px 0; }
div.footer ul.f-navigation li { list-style: none; display: inline; padding: 0 0 0 17px; }
div.footer ul.f-navigation li a { font-size: 0.75em; color: #bbb; text-align: right; }


div.footer div.partnerships  
{
    float: right; 
    width: 765px; 
    display: inline; 
    clear: both; 
    padding: 20px 0 0 0; 
    position: relative;
}
div.footer div.partnerships h4 { display: none; }  

div.footer div.partnerships a  
{
    float: left; 
    clear: none;
    display: block; 
    position: relative;
    overflow: hidden;
    font-size: 0.75em;
    background: #fff;
    margin: 0 0 0 37px;
}
div.footer div.partnerships a span  
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
} 
div.footer div.partnerships a:hover span { background-position: 0 0; }


div.footer div.partnerships a.eeda { bottom: -13px; right: -3px; width: 80px; height: 25px; }
div.footer div.partnerships a.eeda span { width: 80px; height: 25px; background-image: url(/resources/img/icons/eeda.gif); } 

div.footer div.partnerships a.vodafone { width: 64px; height: 38px; }
div.footer div.partnerships a.vodafone span { width: 64px; height: 38px; background-image: url(/resources/img/icons/vodafone.gif); } 

div.footer div.partnerships a.alzh { width: 66px; height: 40px; }
div.footer div.partnerships a.alzh span { width: 66px; height: 40px; background-image: url(/resources/img/icons/alz.gif); } 

div.footer div.partnerships a.spring { width: 63px; height: 43px; }
div.footer div.partnerships a.spring span { width: 63px; height: 43px; background-image: url(/resources/img/icons/springnet.gif); } 

div.footer div.partnerships a.barcs { bottom: -14px; right: -5px; width: 111px; height: 19px; }
div.footer div.partnerships a.barcs span { width: 111px; height: 19px; background-image: url(/resources/img/icons/barclays.gif); } 

div.footer div.partnerships a.word { bottom: -10px; right: -5px; width: 26px; height: 26px; }
div.footer div.partnerships a.word span { width: 26px; height: 26px; background-image: url(/resources/img/icons/wordpress.gif); } 

div.footer div.partnerships a.herts { bottom: -6px; width: 35px; height: 35px; }
div.footer div.partnerships a.herts span { width: 35px; height: 35px; background-image: url(/resources/img/icons/herts.gif); } 

div.footer div.partnerships a.els { bottom: -7px; width: 37px; height: 23px; }
div.footer div.partnerships a.els span { width: 37px; height: 23px; background-image: url(/resources/img/icons/els.gif); } 

div.footer div.partnerships a.change { bottom: -12px; width: 48px; height: 23px; }
div.footer div.partnerships a.change span { width: 48px; height: 23px; background-image: url(/resources/img/icons/design_pledge.gif); }