/* global */

body
{
    background: #fff url(/c/i/bg_body.gif) repeat-x;
    font: 14px Trebuchet MS, Arial, Helvetica, Sans-Serif;
    color: #333;
    line-height: 160%;
    margin: 0;
    padding: 0;
    text-align: center;
}

/* headings */
h1, h2, h3, h4, h5, h6, .h1 .h2, .h3, .h4, .h5, .h6
{
    line-height: 100%;
    font-weight: normal;
    margin: .5em 0;
}
h1, .h1
{
    font-size: 32px;
}
h2, .h2
{
    font-size: 24px;
}
h1 span, h2 span
{
    color: #f38230;
}
h3, .h3
{
    font-size: 20px;
}
h4, .h4
{
    font-size: 17px;
}



.cols h2
{
    color: #0073e3;
    font-size: 18px;
    margin-top: 0;
}
.cols h3
{
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 .25em 0;
}

/* // headings */


/* image replacement */
.graphic, #logo, form#searchForm button
{
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    text-indent: -8000px;
}
/* // image replacement *//* // image replacement */

/* clearfix */

#content:after, .col li:after, .fixed:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#content, .col li, .fixed
{
    display: block;
}
/*  \*/
#content, .col li, .fixed
{
    min-height: 1%;
}
* html #content, * html .col li, * html .fixed
{
    height: 1%;
}

/* // clearfix */

/* HTML Tags */
a
{
    text-decoration: none;
    color: #0073e3;
}
a:hover
{
    color: #999;
}
table, input, textarea, select, li
{
    font: 100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
    line-height: 160%;
    color: #333;
}

table td, table th
{
    border: 0;
}

p, blockquote, form
{
    margin: 1em 0;
}
blockquote
{
}
img
{
    border: none;
}
hr
{
    display: none;
}
li
{
    display: list-item;
}

/* // HTML Tags */

/* // global */

/* page setup */

#container
{
    margin: 0 auto;
    width: 944px;
    text-align: left;
    position: relative;
}
#header
{
    height: 95px;
    position: relative;
}

#subheader
{
    background: url(/c/i/bg_nav.gif) no-repeat 0 0;
    height: 60px;
    position: relative;
    z-index: 999; 

}

#content
{
    background: url(/c/i/bg_content.gif) repeat-y; 
    margin: 1.5em 0;
}
#main
{
    float: left; 
    display: inline;
    width: 650px;
    margin-left: 1px;
}
.side /* pw */
{
    float: right;
    display: inline;
    width: 246px;
    margin: 0 0 0 46px;
    font-size: 13px;
}
#footer
{
    height: 60px;
    line-height: 60px;
    padding: 0 23px;
    background: url(/c/i/bg_footer.gif) no-repeat 0 0;
    font-size: 12px;
    margin: 1em 0;
}

/* //page setup */


/* navigation elements */


ul#nav, ul#nav ul, ul#nav li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#nav
{
    position: absolute;
}
ul#nav li
{
    float: left;
    position: relative;
    height: 1%;
}
ul#nav li a
{
    float: left;
    line-height:60px;
    text-transform: uppercase;
    padding: 0 0 0 18px;
    margin:0 0 0 10px;
    background: url(/c/i/bg_navstar.gif) no-repeat 0 50%;
}

ul#nav a.first 
{
    padding-left: 0;
    margin-left: 24px;
    background: none;
}

ul#nav ul
{
    position: absolute;
    top: 59px;
    left: 20px;
    width: 280px;
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    display: none;

}
ul#nav ul li, ul#nav ul li a
{
    float: none;
    display: block;

}

ul#nav li li a
{
    line-height:1.2;
    text-transform: none;
    padding: 3px 18px;
    margin: 0;
    background: none;
    color: #555;
    font-family:Arial, Verdana, Helvetica;
    font-size: 13px;

}

ul#nav ul li ul 
{
    margin-left:260px;
    top:0px;
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
}

ul#nav li:hover ul
{
    clear:left;   
}

ul#nav li li a:hover
{   
    color: #0073e3;
    background:#eee url(/c/i/searchArrow1.gif) no-repeat 6px 50%;
}



/* main nav */

/* top nav */

#header ul, #header ul li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#header ul
{
    height: 27px;
    margin: 0;
    position: absolute;
    right: 0px;
    top: 35px;
}
#header ul li
{
    float: left;
    height: 27px;
    line-height: 27px;
}
#header ul li a
{
    float: left;
    height: 17px;
    line-height: 17px;
    color: #333;
    margin-left: 10px;
    margin-top: 5px;
    font-size: 12px;
    padding-right: 10px;
    border-right: 1px solid #999;
}
#header ul li a:hover
{
    color: #555;
    text-decoration: underline;
}

/* //top nav */



ul.sidenav, ul.sidenav ul, ul.sidenav li
{
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.sidenav
{
    border-top: 1px solid #f3f3f3;
    margin-bottom:1.5em;
}
ul.sidenav li a
{
    display: block;
    padding: .4em 0 .4em 30px;
    border-bottom: 1px solid #f3f3f3;
    color: #555;
    width: auto;
    background: url(/c/i/goArrow.gif) no-repeat 0 50%;
}
ul.sidenav li li a
{
    color: #777;
    background: none;
    font-size: 12px;
}
ul.sidenav li a.current, ul.sidenav li a:hover
{
    color: #0073e3;
}


.callouts
{
    padding: 1em 0;
}



/* //side nav */

/* //navigation elements */


/* header */

#logo
{
    position: absolute;
    width: 208px;
    height: 67px;
    top: 15px;
    left: 4px;
    background: url(/c/i/UtimacoLogo2.gif) no-repeat 0 0;
}
#logo a
{
    display: block;
    height: 47px;
}


/* // header */

/* content */

#country
{
    position: absolute;
    top: 19px;
    right: 24px;
}
#country a
{
    float: right;
    background: url(/c/i/goArrow.gif) no-repeat 100% 50%;
    padding-right: 22px;
    color: #555;
}
#country a.us
{
    background: url(/c/i/flags/globe.gif) no-repeat 100% 50%;
}

#country a.pt
{
    background: url(/c/i/flags/br.gif) no-repeat 100% 50%;
}

#country a.mx
{
    background: url(/c/i/flags/mx.gif) no-repeat 100% 50%;
}

#country a.de
{
    background: url(/c/i/flags/de.gif) no-repeat 100% 50%;
}

.breadcrumbs ul
{
    color: #555;
    float:left;
    display:inline;
}
#main .breadcrumbs /* no margin in 2-col layout */
{
    margin: 0;
}



.breadcrumbs
{
    font-size: 11px;
    margin: 20px 0;
    float:none;
}

.breadcrumbs li
{   
	background-image: url(/c/i/sophos/bullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
	display: inline; 
	list-style-type: none; 
	padding: 0px 5px 5px 7px; 
	color: #2C3C6A;
}


.breadcrumbs .noBullet
{
    background-image: none;
    color: #555;
    padding-left:0;
}





/* cols */

.cols
{
    background: url(/c/i/bg_cols.gif) repeat-y;
    margin: 1.5em 0;
    font-size: 12px;
}
.col
{
    float: left;
    display: inline;
    width: 268px;
    margin-left: 46px;
}
.cols .first
{
    width: 291px;
    margin-left: 1px;
}


.cols p
{
    margin: .25em 0;
    line-height: 150%;
    color: #555;
}
.cols ul p
{
    line-height: 130%;
}
.cols ul, .cols li
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.cols li
{
    padding-left: 20px;
    background: url(/c/i/goArrow.gif) no-repeat 0 .2em;
    margin-bottom: .75em;
}
.cols .first li
{
    padding-left: 0;
    background: none;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: .35em;
}

.cols img
{
    float: left;
    margin-right: 15px;
}

.cols li em
{
    font-style: normal;
    font-weight: bold;
    color: #333;
}

/* // cols */


/* form */

form
{
}

/* pw 
fieldset
{
    margin: 0;
    padding: 0;
    border: none;
}
legend
{
    display: none;
}  */


fieldset
{
    border: 1px solid #0073e3;
    margin: 1em 0;
    padding: 0 1em;
    font-size: 93%;
}

legend
{
    padding: 0.2em 0.5em;
    border: 1px solid #0073e3;
    color: #0073e3;
    text-align: right;
}



form p
{
    margin: .5em 0;
}
form p.submit
{
    margin-top: 1.5em;
}
form p a
{
    float: right;
    font-size: 12px;
    text-decoration: underline;
    color: #0072e2;
}
label
{
    display: block;
}
input, textarea
{
    border: 1px solid #c9c9c9; /* pw, I don't like these global default widths     width: 273px;      */
    padding: 3px;
}
textarea
{
    height: 125px;
    overflow: auto;
}
button
{
    background: url(/c/i/bg_button.gif) no-repeat 0 0;
    border: none;
    height: 43px;
    line-height: 43px;
    width: 230px;
    text-align: center;
    color: #fff;
    margin-left: 31px;
    font-size: 14px;
    cursor: pointer;
}

.error
{
    display: block;
    color: #f00;
}

form#searchForm
{
    margin: 0;
    position: absolute;
    right: 0;
    top: 35px;
}
form#searchForm input
{
    width: 99px;
    height: 21px;
    padding: 3px 12px;
    float: left;
    vertical-align: middle;
    background: url(/c/i/bg_input.gif) no-repeat 0 0;
    border: none;
}
form#searchForm label
{
    display: none;
}
form#searchForm button
{
    float: left;
    margin-left: 5px;
    width: 27px;
    height: 27px;
    padding: 0;
    vertical-align: middle;
    background: url(/c/i/bg_go.gif) no-repeat 0 0;
}


/* // form */

/* // content */

.cleaner
{
    clear: both;
    height: 1px;
    font-size: 1px;
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
}