/* All styles placed in this file must have t_ appended to them for testing*/



.news-list li span.category{padding-left:5px; font-style:italic;}
.search_info{
    color:#090;
}
.quoteChar{
    text-align:left;
    font-size:20px;
    font-family:Arial;
    font-weight:bold;
}
.faqArea{
    width:74%;
    /* clear:both; - S.Lewis, 16/11/2009.  Problem with FAQ items jumping vertically slightly on 14471.  This fixes it. */
    clear:left; /* S.Lewis, 09/12/2009, Gemini 609. Clear both is too much -- means that RH promos push the FAQ section down the page. */
    /* margin-left:25%; S.Lewis, 09/12/2009, part of Gemini 609.  Removed because it looks better without it.  */
}
.tagCloud1{
    font-size:160%;
}
.tagCloud2{
    font-size:150%;
}
.tagCloud3{
    font-size:140%;
}
.tagCloud4{
    font-size:120%;
}
.tagCloud5{
    font-size:100%;
}
.tagCloud6{
    font-size:80%;
}
/* page content or inner wrapper as it is */
#t_pageContent{
    display:inline;
    width:968px;
    font-size:70%;
}
#t_pageContent p{
    margin-left:0px;
}
/* stops links nested in paras shrinking */
#t_pageContent a{
    font-size:100%;
}
/* main column layout */
#leftcolumn { 
 margin: 10px 0 0 10px;
 padding: 0px;
 height: 100%;
 width: 160px;
 display:inline;
 float: left;
 font-size:110%;
 
}
#rightcolumn { 
 float: right;
 margin: 10px 0 0 10px;
 padding: 0px 10px 0 0;
 height: 100%;
 width: 755px;
 display: inline;
 position: relative;
 font-size:110%;
 line-height:1.3em;
 
}
#rightcolumn li {
    padding-bottom:0.7em;
}
#rightcolumn p {
    line-height:1.4em;   
}
/* side nav */
#t_sideNav{
    width:170px;
    margin:5px 0px 0px 0px;
    padding:0px;
}
#t_sideNavContent{
    width:100%;
    margin-left:0px;
    margin-bottom:4px;
    margin-right:4px;
}
#t_pageImageBanner {
    margin-top:0px;
    margin-right:0px;
    clear:both;
    width:590px;
    text-align:left;
    float:left;
    margin-bottom:5px;
    background-color:none;
}
#t_pageImageBanner .imageBanner{
    margin-top:0px;
    margin-bottom:5px;
    margin-right:0px;
}
#t_infoShell {
    width: 750px; clear: both; }
#t_infoShell_noBack {
    width: 750px; clear: both; border-top-color: rgb(171, 151, 69); border-top-width: 1px; border-top-style: solid;
}
#t_infoMainText {
    padding: 2px 5px; margin-right: 170px; background-color:#EEEEEE;
}
#t_infoMainText_noBody {
    padding: 2px; margin-right: 10px;
}
#t_infoMainText p {
    margin-right: 10px;
}
#t_infoMainText_noBody p {
    margin-right: 10px;
}
#t_infoMainText ul {
    margin-right: 10px;
    clear:left;
}
#t_infoMainText_noBody ul {
    margin-right: 10px;
}
.t_boxContent {
    padding: 8px 10px;
}
#t_promoShell {
    padding: 0px 5px 50px; width: 157px; clear: right; font-size: 100%; /*margin-top: 4px;*/ margin-bottom: 0px; margin-left: 4px; float: right;
}
#t_boxOut {
     margin-bottom: 6px; margin-left: 4px; border-bottom-color: rgb(171, 151, 69); border-bottom-width: 1px; border-bottom-style: dashed; float: left; min-height: 50px;
}
#t_boxOutContent {
    padding: 4px;
}
#t_heading {
    color: rgb(171, 151, 69); font-family: Verdana, Arial, Helvetica, Sans; font-size: 110%; font-weight: normal; margin-top: 6px; margin-bottom: 6px;
}
#t_LinksArea {
    width: 155px; clear: right; margin-left: 4px; float: right;
}
#t_ListShell ul {
    margin-left: 0px;
}
#t_List {
    margin: 0px; padding-right: 0px; padding-left: 0px; list-style-type: none;
}
#t_List li{
    list-style-type:none;
    background: url(/en/images/partners_bullet.gif) 0px 6px no-repeat;
    padding:0px;
    margin:0px;
}
#t_List li div{
    margin-left:8px;
    padding:2px 0px;
}
#t_List li a{
    font-family:Verdana, Arial, Helvetica, Sans;
    font-weight:normal;
    color:#444;
}
/* product landing page template additions with p_ */
    .p_gallery ol, .p_gallery ul, .p_gallery li 
    { list-style:none; 
      margin:0px; 
      padding:0px;
    }
    .p_gallery a 
    { outline:none;
      text-decoration:none; 
    } /* Gets rid of Firefox's dashed borders */
    .p_gallery a img.p_img { 
        border:none; 
        width:160px; 
        height:98px;
    }
    div.p_gallery { 
        width:565px; 
        margin:0px 0 0 0px;
        padding:0px;
    }
    div.p_gallery ul li { 
        float:left; 
        padding:3px; 
        margin:0 0 10px 10px; 
        background-color:#fff;
        border:1px solid #ccc;
        width:160px; 
        height:160px; 
    }
    .productTitle{
        width:100%;
        cursor:pointer;
        height:62px;
        font-size:110%;
        font-weight:bold;
        color:#fff;
        padding:0px;
        margin:0px;
        text-align:center;
        vertical-align:middle;
        background:#02548c url(/en/images/prod_title_bg_fade.jpg) repeat-x top left;
    }
    .productTitle span{
        margin-top:5px;
        margin-bottom:2px;
    }
    .p_backdrop{
        background:url(/en/images/product_land_bk_fade.jpg) repeat-x bottom left;
        width:760px;
        height:463px;
        border:1px solid #ccc;
        margin:3px;
        padding:0px;}
    .p_inner{
        background:#0086C6 url(/en/images/product_search_bk_fade.jpg) repeat-x top left;
        float:right;
        margin-top:10px;
        margin-right:10px;
        padding:4px;
        width:255px;
}
/* landscape versions */
   /* .p_outer_l{
        background:url(/en/images/landscape_sBGFade.jpg) no-repeat bottom right;
        margin-top:3px;
        margin-left:9px;
        width:754px;} */
    .p_inner_l{
        background:#006599 url(/en/images/landscape_sFade.jpg) repeat-x top left;
        padding:4px;
        left:10px;
        top:3px;
        height:90px;
        width:545px;
        position:relative;
    }
#pageContent .p_inner_l {
    font-size:120%;
}
/* ps_ is the product section gallery and contents, listing the product sections contents. s_ is a generic list with a bigger picture and larger dimensions */
    .ps_gallery ol, .ps_gallery ul, .ps_gallery li, .s_gallery ol, .s_gallery ul, .s_gallery li, .fwl_wrapper ol, .fwl_wrapper ul, .fwl_wrapper li
    { list-style:none; 
      margin:0px; 
      padding:0px;
    }
    .ps_gallery a, .s_gallery a .fwl_wrapper a{ 
      outline:none;
      text-decoration:none; 
    } /* Gets rid of Firefox's dashed borders */
    .ps_gallery img { 
        border:none; 
        width:56px; 
        height:51px;
        }
    .s_gallery .sImage { 
        border:none; 
        width:80px; 
        height:100px;
        }
    .ps_gallery { 
        width:940px; 
        padding:10px;
   }
    .ps_gallery ul li { 
        float:left; 
        padding:3px; 
        margin:0px 5px 0px 0px; 
        background-color:#fff;
        width:450px !important; 
    }
    .s_gallery { 
        width:96%; 
        padding:10px 10px 10px 10px;
        /*margin-top:15px;*/
        text-align:center;
   }
    .s_gallery ul li { 
        float:left; 
        padding:3px; 
        margin:0px 0px 25px 10px; 
        background-color:#fff;
        width:347px;
    }
    .s_gallery li h3{background-color:#00559c; color:#fff; margin:0; padding:10px 20px;}
    .ps_gallery div, .s_gallery div{
        /*float:left;*/
    }
    .ps_gallery div.ps_info, .s_gallery div.s_info{
        /*height:12em;*/
        width:250px;
    }
    .ps_teaser, .s_teaser{
        padding:0px 0px 0px 14px;
    }
.fwl_wrapper{
    width:790px;
    padding:10px;
    /* border-bottom:1px solid #AB9745; */
}
.fwl_wrapper h2{
    margin-left:45px;
    margin-right:30px;
    padding-left:0px;
    border-bottom:1px solid #AB9745;
}
.fwl_wrapper div.left{
    float:left;
    width:175px;
}
.fwl_wrapper div.right{
    float:left;
    width:500px;
}
.fwl_wrapper div div{
    float:right;
    width:125px;
}
.fwl_wrapper .fwl_image{
    border:none;
    width:125px;
    height:110px;
}
.fwl_wrapper a{
    display:block;
}
.fwl_wrapper ul{
    float:left;
    width:450px;
    margin-left:10px;
}
.fwl_wrapper ul li { 
    list-style-type:none;
    background: url(/en/images/partners_bullet.gif) 0px 8px no-repeat;
    padding:3px; 
    margin:0px 5px 0px 0px; 
}
.fwl_wrapper li div{
    width:100%;
    float:none;
    margin-left:8px;
    padding:2px 0px;
}
.fwl_wrapper li a{margin:0 0 0 10px; padding:0 0 0 0; display:inline-block;}
.fwl_wrapper li span{display:inline; padding:0; margin:0 0 0 10px;}
/* general form settings (to eventually take over older forms, starting with a portrait and landscape version) */
#f_form, #f_form_l{
    font: normal 60% Verdana, Arial, Helvetica, 'Sans Serif';
    color:#fff;
}
#f_form fieldset label, #f_form_l fieldset label{
        font: normal 120% Verdana, Arial, Helvetica, 'Sans Serif';
}
#f_form label, #f_form_l label{
    font: bold 160% Verdana, Arial, Helvetica, 'Sans Serif';
}
#f_form fieldset{
    /* width:250px; */
}
#f_form fieldset legend{
    color:#fff;
}
#f_form_l div.top{
    width:530px;
}
#f_form_l div.left{
    width:300px;
    float:left;
}
#f_form_l div.left fieldset{
    /*height:75px;*/
}
#f_form_l div.left fieldset legend,#f_form_l div.right fieldset legend {
    color:#fff;
}
#f_form_l div.right{
    width:545px;
    float:left;
    margin-left:10px;
}
#f_form_l sectionDiv{
    display:block;
}
#f_form_l div.right div{
    width:255px;
    float:left;
    margin-right:5px;
}
#f_form fieldset a, #f_form_l fieldset a{
    font: bold 100% Verdana, Arial, Helvetica, 'Sans Serif';
    color:#fff;
    margin-top:4px;
}
/* custom form parts */
#f_form .formMandatory{
    color:#d00;
}
#f_form .formComment{
    font-style:italic;
}
#f_form #formError{
    color:#d00;
    background-color:#fff;
    border:1px dotted #d00;
    padding:2px;
}
#prodAtoZLink{
    border:2px solid #ddd;
    margin:4px 0px 4px 0px;
    padding:2px;
    font-size:1em;
    background-color:#fff;
    
}
#prodAtoZLink a{
    font-size:1em;
    color:#222;
}
/*** New Header styles ***/
#t_quickSearch{
    position:absolute;
    font-size:0.9em;
    font-weight:bold;
    color:#fff;
    padding:0px;
    margin:0px;
    right:19px;
    top:93px;
    z-index:1001;
    background-color:#fff;
    border:solid 2px silver;
}
#t_quickSearch label{display:none;}
#t_quickSearch input{ border:none; color:silver; padding: 3px !important; width:131px;}

#headerLinks ul{
    list-style:none;
    margin:0px;
    padding:0px;
}
#headerLinks ul li{
    float:left;
    margin:3px;
}
#headerLinks ul li a{
    color:#00669c;
    display:block;
    width:122px;
    height:28px;
}
#headerLinks ul li a span{
    display:inline; /*stops IE6 double margin float bug*/
    padding:0px;
    float:left;
    margin-left:30px;
    margin-top:7px;
    cursor:pointer;
}
#headerLinks ul #CU a{
    background:url(/en/images/contact_usbg_inc_h.gif) no-repeat top left;
}
#headerLinks ul #CU a:hover{
    background-position: -122px 0px;
}
#headerLinks ul #VA a{
    background:url(/en/images/vacanciesbg_inc_hl.gif) no-repeat top left;
}
#headerLinks ul #VA a:hover{
    background-position: -122px 0px;
}
#GO_button{
    width:21px;
    height:20px;
    margin:0 ;
    padding:0px 0 0 0px;
    border:0px;
    background:transparent url(/en/images/searchIcon.jpg) no-repeat 0 0;
    text-indent:-1000em;
    cursor:pointer;
z-index:9999;
    cursor:hand; /*IE 5.x*/
    
}
/*** End of new header styles ***/
/*New Product and Search classes, DFookes 19/07/2010 */
#f_form fieldset label.searchHeading {
    font-weight:bold;
    font-size:120%;
}
#f_form fieldset a.filterByArea{
    font-weight:normal;
}
.productFilter {
    margin-left:10px;
    border:none;
}
.filterPanel {
    width:200px;
    font-weight:normal;
}
.noNav{width:936px !important; margin-left:0;}
.noNav h1{width:969px;}
.noNav #t_infoShell {width:935px; }
.noRCol{ margin-right:0px; width:740px;}
.noNav .noRCol{margin-right:0px;width:928px;}