/* ----------------------- 4D Sales and Marketing Stylesheet ----------------------- */

/* -- Minimum Height Hack for IE6 --*/
* html #page-header { height:142px; }


body {
font-family: "Trebuchet MS", helvetica, arial, sans-serif;
font-size: 100%;
margin: 0;
padding: 0;
background-image: url(/images/backgrnd_pattern.jpg);
background-repeat: repeat-x;
background-position: top center;
background-color: #d5d5d5;
}


#container {
width: 936px;
margin: 0 auto;
}

.clearboth { clear:both; }

h1 {
position:absolute;     /*<---- Hides the H1 tag  as it's redundant with the logo*/
left:-9999px;
}

h2 {
font-size: 1.25em;
font-weight: normal;
color: #232323;
margin: 18px 0 18px 6px;
}

a:link { color: #4680b2; text-decoration: none; }
a:visited { color: #4680b2; text-decoration: none; }
a:hover { color: #066dc5; text-decoration: underline; }

.bold {font-weight: bold;}

.underline {text-decoration: underline;}



/* --------- Top Area --------- */

/* --- Logo --- */

#logo {
width: 154px;
float: left;
margin: 32px 0 0 0;
padding: 0;
}

#toprightbox {
width: 692px;
float: right;
margin: 0;
padding: 0;
}

#toprightbox p {
width: 420px;
font-size: 0.875em;
font-weight: normal;
margin: 5px 0 0 208px;
line-height: 1.25em;
}

/* --- Top Navigation --- */

#navcontainer {
width: 690px;
height: 62px;
margin: 0;
padding: 30px 0 0 0;
background-image: url(/images/backgrnd_topnav.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#navlist {
float: right;
margin: 0;
padding: 0 70px 0 0;
font-size: 0.875em;
color: #181818;
text-transform: uppercase;
}

#navlist ul, #navlist li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited {
float: left;
line-height: 14px;
margin: 0 15px 4px 15px;
text-decoration: none;
color: #181818;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
border-bottom: 5px solid #4680b2;
padding-bottom: 4px;
background: transparent;
color: #181818;
}

#navlist a:hover { color: #181818; }

/* ------------ Home Page Area Only --------------- */

/* --- Slide Show Area --- */

#slideshow-holder {
width: 936px;
margin: 0;
padding: 30px 0 0 0;
}

#slideshow-container {
width: 916px;
margin: 30px 0 0 0;
background-color:#fff;
border: 10px solid #8599aa;
}

#logoParade {
    height: 136px;
    position: relative;
    
}

/* --- 4 Market Columns --- */

#home-col-one {
width: 220px;
float: left;
margin: 0 19px 0 0;
}

#home-col-two {
width: 220px;
float: left;
margin: 0 19px 0 0;
}

#home-col-three {
width: 220px;
float: left;
margin: 0 19px 0 0;
}

#home-col-four {
width: 217px;
float: left;
margin: 0;
}

.white-panel {
width: 202px;
height: 130px;
margin: 0;
padding: 15px 0 0 15px;
background-image: url(/images/white_panel.png);
background-repeat: no-repeat;
}

.market-header {
font-size: 0.875em;
font-weight: bold;
color: #2458a0;
margin: 0;
padding: 0 0 0 8px;
}

.market-text {
margin: 0;
padding: 10px 5px 0 15px;
font-size: 0.75em;
color: #3c3c3c;
line-height: 16px;
}

.home-separator {
width: 100%;
height: 1px;
background-color: #a1a1a1;
margin: 20px 0 20px 0;
}

.smalllist {
margin: 0;
padding: 10px 0 0 35px;
font-size: 0.75em;
color: #3c3c3c;
line-height: 14px;
}

.smalllist li {
margin: 0;
padding: 0 0 5px 0;
}

/* --------- Inside Pages - Main Page Area --------- */

#page-holder {
width: 936px;
margin: 0;
padding: 15px 0 0 0;
}

#page-area {
width: 916px;
border: 10px solid #e5e5e5;
background-color: #fff;
padding: 0 0 30px 0;
margin: 0 auto;
}

#page-header {
width: 900px;
margin: 8px auto 0 auto;
background-image: url(/images/page_header_backgrnd.gif);
background-repeat: repeat-x;
background-position: bottom;
min-height: 142px;
}

#header-left {
width: 475px;
float: left;
margin: 0;
padding: 16px 0 0 16px;
}

#header-right {
width: 340px;
float: right;
margin: 0;
padding: 8px 8px 0 0;
text-align: right;
}

.pageheader {
font-size: 18px;
font-weight: bold;
color: #4680b2;
margin: 0 0 3px 0;
text-transform: uppercase;
}

.headertext {
font-size: 14px;
color: #3c3c3c;
margin: 0;
line-height: 18px;
}

#page-content-area {
width: 840px;
margin: 0;
padding: 20px 30px 0 30px
}

#page-content-area-left {
float: left;
width: 490px;
margin: 0;
padding: 20px 30px 0 30px
}

#page-content-area-right {
float: right;
width: 295px;
margin: 0;
padding: 20px 30px 0 30px
}

#page-content-area  p {
font-size: 0.875em;
margin: 0 0 12px 0;
color: #3c3c3c;
line-height: 20px;
}

#page-content-area  ul, #page-content-area  ol {
font-size: 0.875em;
margin: 0 0 12px 0;
padding: 0 0 0 30px;
color: #3c3c3c;
line-height: 20px;
}


#page-content-area .brand-name {
font-size: 1em;
font-weight: bold;
color: #4680b2;
margin: 0;
}

#page-content-area .big-title , #page-content-area-left .big-title {
font-size: 1.25em;
font-weight: bold;
color: #4680b2;
margin: 0 0 10px 0;
line-height: 1.125em;
}

.push {padding: 0 0 20px 0;}

#page-content-area .section-title {
font-size: 1em;
font-weight: bold;
color: #4680b2;
margin: 0 0 8px 0;
}

.brand-text {
font-size: 0.75em;
color: #3c3c3c;
margin: 0 0 12px 0;
line-height: 16px;
}

.logo-holder {
width: 200px;
float: right;
margin: 0 0 15px 20px;
padding: 0;
text-align: center;
font-size: 0.75em;
}

.img-holder {
width: 267px;
float: right;
margin: 0 0 15px 20px;
padding: 0;
text-align: center;
font-size: 0.75em;
}

.separator {
width: 100%;
height: 1px;
background-color: #CCCCCC;
margin: 20px 0 20px 0;
padding: 0;
}

#page-content-area .rep {
font-size: 0.75em;
color: #4680b2;
margin: 0;
}

#page-content-area .request-link {
font-size: 14px;
font-weight: bold;
margin: 10px 0 0 0;
}

.request-link a:link {text-decoration: underline;}
.request-link a:visited {text-decoration: underline;}
.request-link a:hover {text-decoration: underline;}

/* --------- Footer Area --------- */

#footer {
width: 963px;
margin: 0;
text-align: center;
}

#footer p {
font-size: 12px;
line-height: 14px;
color: #3c3c3c;
margin: 0;
}

.img-margin {
margin: 0 0 10px 0;
}

.vertical-separator {
color: #9d9d9d; 
}

#footernav {
margin: 0 0 20px 0;
padding: 0;
}

#footernav li {
font-size: 12px;
color: #3c3c3c;
display: inline;
list-style-type: none;
margin: 0;
padding: 0 12px 0 0;
}

#footer a:link { color: #3c3c3c; text-decoration: none; }
#footer a:visited { color: #3c3c3c; text-decoration: none; }
#footer a:hover { color: #2378ba; text-decoration: underline; }