/*skiplinks*/
@import url(skiplinks.css);
@import url(generic_form.css);
/*undo browser defaults*/
:link,:visited { text-decoration:none;}
ul, ol{ list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em;  }

ul, ol, li, h1, h2, h3, h4, h5, h6, pre,  form, body, html, p, blockquote, fieldset, input, dl, dt, dd
{ margin:0px; padding:0;}
a img,:link img,:visited img, fieldset { border:none;  }
th{
text-align:left;
}

/*main layout styling in current source order*/
html {
padding:0;
margin:0;
}

body{
font-family: arial, tahoma, verdana, sans-serif;
margin:0 0 0 1px;
padding:0;
color:#777;
z-index:1;
font-size:80%;
line-height:1.5em;

}

/*there is a compromise here - to get a proper indent beyond the first line we need use position:outside and margin left. the margin is lost if there is  left floated image so the bullets appear under it*/
/*Can't use bg image for bullets as they go under floated images. gone back to using list bullets but IE5,6&7 place it differently. Used a different image for these see sheets*/
ol, ul
{ list-style:disc;
list-style-position: outside;
margin: 0;
  padding: 0;
list-style-image: url(/img/bg/square_bullet.gif);
margin-left:15px;
}

li{
margin: 0 0 .5em 0;
padding: 0;
}


/*=links (main)*/
a:link{
color:#4f596d;
text-decoration: none;
border-bottom:1px dotted #d4ddec;
font-weight:bold;
}
a:visited {
color:#4f596d;
text-decoration: none;
border-bottom:1px dotted #d4ddec;
font-weight:bold;
}
a:hover {
text-decoration: underline;
color:#333333;
font-weight:bold;

}
a:active {
color:#4f596d;
text-decoration: none;
border-bottom:1px dotted #d4ddec;
font-weight:bold;
}

#header{
border-bottom:1px solid #798aa8;
padding-bottom:15px;
text-align:right;
}

#header a#logo{
border:none;
}

#nav{
display:none;
}




/*see min height fix for <ie7*/
#content{
}

#footer{
clear:both;
border-top:1px solid #ccc;
padding-top:15px;
text-align:right;
margin-top:.8em;
}


#footer ul
{ list-style:none;
margin: 0;
padding: 0;
list-style-image: none;
margin: 0 10px 0 0;
color:#999;
}

#footer ul li
{ display:inline;
}

#footer ul li a
{ border-right:1px solid #999;
padding-right:5px;
color:#999;
}





/*=misc*/
.clear{
clear:both;
height:1px;
font-size:1px;
line-height:1px;

}



/*backend stuff*/
tr.highlight{
background:yellow;
}

.err
{
    color: red;
}

/*from inner*/

#content h1,
#content_backend h1
{
border-bottom:1px solid #dbdee4;
font-size:2em;
padding:15px 0px;
margin-bottom:.5em;
line-height:1.4;
}

#content h1.news span,
#content_backend h1.news span
{
color:#a0a0a0;
font-style:italic;
}


h1, h2, h3, h4, h5, h6{
color:#4f596d;
font-weight:normal;
}

h2{
font-size:1.4em;
}
h3{
font-size:1.2em;
}
h4{
font-size:1.1em;
}
h5{
font-size:1em;
font-weight:bold;
}
h6{
font-size:1em;
font-weight:bold;
}

img
{border:1px solid #d9dce1;
padding:1px;
}

#nav img{
border:none;
padding:0px;
}

.flright{
float:right;
margin-left:10px;
margin-bottom:5px;

}


.flright_noborder{
float:right;
margin-left:10px;
margin-bottom:5px;
border:none;
}


.flleft{
float:left;
margin-right:10px;
margin-bottom:5px;
}

.flleft_noborder{
float:left;
margin-right:10px;
margin-bottom:5px;
border:none;
}

.hide{
display:none;
}

.text_align_right{
text-align:right;
}


#content img.noborder,
#content_backend img.noborder
{
border:none;
padding:0;
}


.smallest{
font-size:.8em;
}
.smaller{
font-size:.9em;
}

.bigger{
font-size:1.3em;
line-height:1.5em;
}

.biggest{
font-size:1.6em;
line-height:1.5em;
}

.red_highlight{
color:#C41230;
}



.textalignright{
text-align:right;
}


hr{
background:none;
border:none;
border-top:1px dotted #ccc;
height:1px;
line-height:1;
margin:0;
padding:0;
font-size:1px;
overflow:hidden;
}

.err{
color:red;
}



#results_list {
margin-top:1.3em;
}

#results_list img{
margin-top:1.3em;
}

#news_results_list {
margin-top:1.3em;
}

#news_results_list img{

float:right;
}

#news_results_list p{

border-bottom:1px dotted #ccc;
padding-bottom:1em;
margin-bottom:1em;
}


#news_results_list hr{
margin-top:2em;
clear:both;
}

.job_item{
margin-top:1em;
border-bottom:1px dotted #ccc;
padding-bottom:1em;
}

.job_item .title{
font-size:1.1em;
}


#results_list dl{
margin-top:1.5em;
line-height:1.4em;
}

#results_list dt{
color:#aaa;

}
#results_list dt span.date{
white-space: nowrap;
margin-left:6px;
}

#results_list dd {
margin-bottom:1em;
margin-top:.5em;
border-bottom:1px dotted #ccc;
padding-bottom:.5em;
}

/*taken bg img off for ie5 see sheet also ie 5 has padd not marg on dl*/
#results_list dt a{
font-size:1.1em;
padding-left:9px;
}

#distributers{
margin-top:.5em;
padding-top:1em;
padding-bottom:4em;
float:left;
padding-left:100px;
}
/*list of distibuters*/
#distributers dl{
float:left;
width:189px;
}

#distributers dt{
font-size:1.2em;
font-weight:bold;
margin-top:.5em;
}


#distributers dd{
background: url(/img/bg/dots.gif) no-repeat 0 .5em;
padding-left:10px;
}

/*individual details*/
.distco{
border-bottom:1px dotted #ccc;
margin-top:1.5em;
padding-bottom:1em;
}

#contact_split{width:320px; float:left; margin-right:15px; border-right:1px solid #ddd; padding-right:5px;}

.ex{
background: #f1f3f6;
display:block;
padding-left:15px;
margin-top:1em;
}

.ex ul{
 list-style:none;
margin: 0 0 0 0;
padding: 0  0 1em 0;
list-style-image: none;
}

.ex ul li{
padding-left:15px;
border-left:1px solid #ccc;
}



.ex .hide_showthing{
display:block;
padding-left:15px;
font-weight:bold;
margin-bottom:.5em;

}

.ex .hide_showthing:hover{
cursor:pointer;
}

.dist_apply{
font-size:1.1em;
background:url(/img/bg/hand.gif) no-repeat 0 0;
padding-left:40px;
padding-bottom:20px;
}

/*display inline fix for ie6*/
#extra_nav_normal{
width:189px;
float:right;
margin-left:15px;
margin-bottom:10px;
color:#999;
font-size:.9em;
margin-right:-10px;
display:inline;
padding-bottom:1em;
}


#extra_nav_normal ul
{ list-style:none;
margin: 0;
  padding: 0;
list-style-image:none;
padding:2em 10px 0 20px;
}

#extra_nav_normal ul li
{
margin: 0;
padding: .2em 0 .2em 0;
border-bottom:1px dotted #ccc; 
}

#extra_nav_normal ul li a
{
border-bottom:none; 
}




/*frontpage*/
body#homepage h1{
display:none;
}

/*Bring this back when we sort out flash thingy*/

body#homepage #branding #flashcontent{
display:none;
}



body#homepage #branding h2
{
font-size:1.8em;
text-align:left;
border-bottom:1px solid #ccc;
text-align:right;
padding-bottom:10px;
padding-top:10px;
}
body#homepage #products_front{

display:none;
}
/*body#homepage #products_front h2{
margin-top:.6em;
border-bottom:1px solid #ccc;
padding-bottom:10px;
}
body#homepage #products_front h2  a
{
font-size:1.1em;
font-weight:normal;

}
*/

#news_front{
clear:both;
margin-top:1em;
border-top:1px solid #ccc;
padding-top:1em;
border-bottom:1px solid #ccc;
padding-bottom:15px;
}

#news_front h2
{
font-size:1.8em;
}


#news_front h3{
margin-top:1em;
font-size:1.3em;
width:300px;
float:left;
clear:both;
}

#news_front p{
margin-top:.3em;
font-size:1.2em;
clear:left;
}


#news_front img{
float:right;
border:3px solid #dadee3;
margin-left:10px;
margin-top:2em;
}


#news_front .signup{
display:none;
}

/*front products CSS*/

/*exclusively on product_pages (and on some distributer pages where top tagbs are needed)*/

#super_group_links{
display:none;
}

/*undo inner sheet*/
#content img,
#content_backend img
{
padding:0;
border:none;
}



#bread_crumb{
clear:both;
padding-bottom:1em;
padding-left:0px;
border-bottom:1px solid #ccc;
margin-bottom:2em;
}

#bread_crumb ul
{ list-style:none;
margin: 0 0px 0 0px;
padding: 0;
list-style-image: none;
display:inline;
}

#bread_crumb ul li{
margin: 0 0px 0 0;
padding: 0em 0 0em 0;
display:inline;

}
#bread_crumb ul ul{
padding-left:7px;
}

#bread_crumb li.here
{
border-bottom:1px solid #777;
padding-right:5px;
}


#bread_crumb li,
#bread_crumb li a
{
color:#bbb;
}

#bread_crumb li a{
border-bottom:1px dotted #aaa;
font-weight:normal;
}


/*see double float fix for ie5 see box model fix ie5*/
#info_with_extra_nav{
float:left;
width:70%;
position:relative;
margin: 0 0px;
padding:0 0px 0 0px;
}


/* some of this is to overcome the default styling*/

#content #info_with_extra_nav h1
{
background:none;
padding:0 0px 0 0;
margin:.5em 0 0 0;
border:0;
text-align:left;
}

body#body_sg_2 #content h1{
color:#b7be1c;
}

body#body_sg_3 #content h1{
color:#faab4d;
}

body#body_sg_4 #content h1{
color:#543855;
}

#main_info{
margin-top:.5em;
padding:0 10px 0 0;
}

/*see min height fixes ie5&6*/
#extra_nav_1{
float:right;
width:25%;
background: url(/img/bg/extra_nav.jpg) no-repeat 0 0em;
margin: -19px 0px 0 0 ;
min-height:240px;
}

#extra_nav_1 dl{
border-bottom:1px solid #e2e2e4;
margin:15px 0px 0px;
line-height:1.3em;
background:url(/img/bg/inner_nav_bottom.gif) no-repeat left bottom;
padding-bottom:10px;

}
#extra_nav_1 dl dl{
border-bottom:none;
margin:0;
background:none;
padding-bottom:0;
}



#extra_nav_1 dt{
padding:0 0px 10px 0px;
background: url(/img/bg/linker.gif) no-repeat 10px .6em;
border-bottom:1px solid #e2e2e4;
font-weight:bold;
}

#extra_nav_1 dl dl dt{
padding:0 0px 0px 0px;
background: none;
border-bottom:none;
}



body#body_sg_2 dt{
color:#b7be1c;
}

body#body_sg_3 dt{
color:#faab4d;
}
body#body_sg_4 dt{
color:#543855;
}



#extra_nav_1 dd{
padding:.3em 0px .3em 0px;
background:#f8f8fa url(/img/bg/arrow_under_longer.gif) no-repeat 10px -15px;
}

#clear_products{
clear:both;
border:1px solid #ccc;
height:10px;
margin:0 5px;
}

#extra_nav_2{
margin:1em 0px 0 0px;
float:left;
width:70%;
border-top:2px solid #ccc;
}

#extra_nav_2 h2{
padding:0 0 .5em 0px;
font-size:1.2em;
margin:1em 0px 0 0px;
border-bottom:1px solid #e4e4e4;
}

body#body_sg_2 #extra_nav_2 h2{
color:#b7be1c;
}

body#body_sg_3 #extra_nav_2 h2{
color:#faab4d;
}
body#body_sg_4 #extra_nav_2 h2{
color:#543855;
}

#extra_nav_2 ul
{ list-style:none;
margin: 0em 0 0 0px;
padding: 0 0 0 0;
list-style-image: none;
}


#extra_nav_2 li{
margin: 0 0 0em 0px;
padding: 0 0 0 0px;
font-style:italic;
color:#555;
padding-top:5px;
}

/*ie 5 ahslyoutfix see sheet*/
#extra_nav_2 li .here{
padding-right:0px;
}




#extra_nav_2 a:link{
color:#888;
text-decoration: none;
border-bottom:1px dotted #aaa;
font-weight:normal;
font-style:normal;
}


#extra_nav_2 a:visited {
color:#888;
text-decoration: none;
border-bottom:1px dotted #aaa;
font-weight:normal;
font-style:normal;
}
#extra_nav_2 a:hover {
text-decoration: underline;
color:#666;
font-weight:normal;
font-style:normal;
}
#extra_nav_2 a:active {
color:#888;
text-decoration: none;
border-bottom:1px dotted #aaa;
font-weight:normal;
font-style:normal;
}

#bespoke_nav_inner{
margin:0 0px 0 0px;
}

#bespoke_nav_inner h2{
padding:1em 0px 0 0px;
font-weight:bold;
font-size:1.2em;
line-height:1.3em;
}

#bespoke_nav_inner p{
padding:.6em 0px 0 0px;
line-height:1.3em;
}


#bespoke_nav2{
background:  url(/img/bg/bespoke_2nd.jpg) no-repeat 0 0;
margin:1em 0px 0 0;
width:25%;
float:right;
border-top:2px solid #ccc;
}

#bespoke_nav2 h2{
padding:1em 0px 0 0px;
font-weight:bold;
font-size:1.2em;
line-height:1.3em;
}

#bespoke_nav2 p{
padding:.6em 0px 0 0px;
line-height:1.3em;
}


#product_info{
margin-top:.5em;
padding:0 15px 1em 15px;
}

#content #product_info h1,
#content_padding #product_info h1
{
background:none;
padding:0;
margin:0;
border:0;
text-align:left;
}



/*products pic*/

#product_images{
margin-top:30px;
padding:0 10px;
text-align:center;
font-size:.8em;
}

#container_all #content #product_images img{
display:block;
margin-top:10px;
border:none;
}


#product_details #hp_buyme{
border:none;
display:block;
border-top:1px solid #e4e4e4;
margin-top:.5em;
padding-top:.5em;

}

/*some haslayout uig fixing in ie5&6*/
#product_details{
background: #f4f4f4;
padding:5px;
border:1px dotted #ccc;
margin-top:1em;
margin-bottom:1em;
}

#product_details h2{
font-size:1.1em;
font-weight:bold;
border-bottom:1px solid #e4e4e4;
padding-bottom:.2em;
}



#product_details ul#thedownloads
{ list-style:none;
list-style-image: none;
padding:0 0 .3em 0px;
margin:.2em 0 0 0;
}

#product_details ul#thedownloads li{
padding:0 0 0 0px;
margin:0 0 .1em 0;
background:  url(/img/bg/info.gif) no-repeat 0 .4em;

}

#content #pr_header,
#content_padding #pr_header
{
border-top:1px solid #6a6f73;
border-bottom:1px solid #6a6f73;
}