/*
Transacta Screen Styles 2009
Table of Contents:
layout
typography
miscellaneous
/* layout
----------------------------------------------- */
body {
    margin:0;
    padding:0;
    font-size:.8em;
    background:url(../images/body_bg.jpg) repeat-x;
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

#container {
    width: 950px;
    margin-right:auto;
    margin-left:auto;
}

#header {
    background:url(../images/object_group.jpg) 780px 0px no-repeat;
    margin-top:0px;
    height:162px;
}

#main-nav {
    padding-top:92px;
    text-align:right;
    font:Arial, Helvetica, sans-serif;
    font-size:1.1em;
}

#partners {
    width:310px;
    background:url(../images/logo_btm.jpg) 0 0 no-repeat;
    padding-top:30px;
}

#corp-summary {
    width:600px;
    background:url(../images/shoppers_lrg_top.jpg) bottom right no-repeat;
    float:right;
    height:180px;
}

#bottom{
    background:url(../images/footer_bg.jpg) repeat-x;
    width:100%;
    clear:both;
}

#bottom-content {
    width: 900px;
    margin-right:auto;
    margin-left:auto;
    padding-left:50px;
}

#footer {
    margin:auto;
    width: 950px;
}

#footer-content {
    padding-top:15px;
    padding-bottom:100px;
    font-size:.85em;
    color:#969696;
    line-height:180%;
    clear:both;
    margin-left:40px;
}

#footer-front {
    padding-top:15px;
    padding-bottom:100px;
    font-size:.85em;
    color:#969696;
    line-height:180%;
    clear:both;
    margin-left:40px;
    border-top:1px solid #dcdcdc;
}

.news-1 {width:250px;
    float:left;
    padding-bottom:30px;
    margin-bottom:20px;
    line-height:150%;
}

.news-2 {width:375px;
    float:right;
    background:url(../images/shadow.jpg) no-repeat 0 1px;
    padding-bottom:30px;
    margin-bottom:20px;
}

.news-3 {width:255px;
    float:right;
    background:url(../images/shoppers_lrg_btm.jpg) top right no-repeat;
    padding-top:50px;
    padding-bottom:30px;
    margin-bottom:20px;
}

#inside {
    margin-top:0px;
    overflow: hidden;
}

#left-nav {width:311px;
    float:left;
    background:url(../images/nav_left_bg2.gif) repeat-y;
    margin-top:0x;
    margin-bottom:50px;
    font-size:1em;
}

#content {width:400px;
    float:right;
    margin-right:20px;
    margin-top:15px;
    line-height:170%;
    font-size:1em;
}

#right-nav {width:200px;
    float:right;
    background:url(../images/related_bg.jpg) no-repeat 0 0;
line-height:130%}

/*When it is two column*/
#content2 {width:605px;
    float:right;
    margin:15px 20px 5px 0px;
    line-height:170%;
    font-size:1em;
}

#left-nav-btm {background:url(../images/nav_bg3.gif) no-repeat 0 0;
    width:311px;
    height:16px;
}

#left-nav-top {background:url(../images/nav_left_bg.gif) no-repeat 0 0;
    width:311px;
    height:70px;
}

.news-1 ul{margin:0;
    margin-top:20px;
    margin-left:10px;
    padding:0;
    list-style-type:none;
}

.news-1 li{padding-left:10px;
    padding-bottom:18px;
}

.news-1 a {color:#d97b00;
}

/* typography
----------------------------------------------- */
h1 {
    margin:0;
    padding:0;
}

h2 {
    font-size:1.4em;
    margin:0;
    padding:0;
    margin-top:0px;
    margin-bottom:10px;
    color:#861c05;
}

h2.homepage-news {
    margin-left:20px;
}

h2.homepage-customers {
    margin-left:40px;
}

h3 {
    font-size:1.1em;
    margin:0;
    padding:0;
    margin-top:15px;
    color:#da7d00;
    text-transform:uppercase;
}

h3.green {
    color:#7db24e;
    font-size:1em;
    margin-top:10px;
}

h3.orangebg {
    color:#da7d00;
    background-color:#F5E8C6;
    text-align:center;
    padding:5px;
}

h3.black {
    color:#333;
    font-size:1.2em;
    line-height:150%;
    margin-top:20px;
    margin-bottom:5px;
}

h4 {
    color:#861c05;
    font-size:1em;
    margin:0;
    padding:0;
    margin-top:15px;
    text-transform:uppercase;
}

p {margin-top:5px;
    margin-bottom:15px;
}

a {color:#701604;
}

#breadcrumbs {
    color:#999;
    padding-bottom:15px;
    font-size:.85em;
    position:absolute;
    margin-top:-20px;
    margin-left:325px;
    width: 500px;
}

#breadcrumbs a{
    color:#999;
}

#promo-right p {
    margin-top:0px;
    padding:10px;
}

#main-nav ul {
    list-style-type:none;
    font-family:Arial, Helvetica, sans-serif;
    padding:0;
    margin:0;
    margin-left:0px;
}

#main-nav ul li {
    display:inline;
    padding:0px;
    padding-left:15px;
    padding-right:15px;
    margin:0;
    font-weight:bold;
}

#main-nav ul li.last {
    padding-right:15px;
}

#main-nav a {
    color:#DC993A;
    text-decoration:none;
    padding-bottom:40px;
}

#main-nav a.selected{
    color:#fff;
    text-decoration:none;
    background:url(../images/nav_arrow.gif) no-repeat center 26px;
    padding-bottom:40px;
}

#main-nav a:hover {
    color:#fff;
}

#content ul, #content2 ul  {
    margin:0;
    margin-top:10px;
    margin-left:10px;
    padding:0;
    list-style-type:none;
}

#content ul li,#content2 ul li  {
    padding-left:25px;
    padding-bottom:7px;
    background:url(../images/bullet_red.gif) no-repeat 5px 3px;
}

#left-nav ul {
    margin:0px;
    margin-top:5px;
    margin-left:0px;
    padding-bottom:50px;
    padding:0px;
    padding-left:105px;
    list-style-type:none;
    line-height:140%;
}

#left-nav ul li {
    margin:0px;
    padding-left:22px;
    padding-bottom:10px;
    background:url(../images/li_bg.gif) no-repeat 10px 6px;
}

#left-nav ul li ul { margin:0;
    padding:0;
    margin-top:10px;
    margin-left:-10px;
    padding-right:35px;
    font-size:.85em;
}

#left-nav ul li ul li { background:url(../images/bullet_red_small.gif) no-repeat 10px 5px;
    padding-left:20px;
}

#left-nav a {text-decoration:none;
}

#left-nav a:hover {text-decoration:underline;
}

#left-nav a.current {font-weight:bold;
}

#right-nav h2 { color:#333;
    margin-top:20px;
    padding-top:0px;
    margin-bottom:20px;
    font-size:1em;
    margin-left:30px;
}

#right-nav ul{ padding:0;
    margin:0;
    padding-left:0px;
    margin-top:10px;
    margin-bottom:50px;
    margin-left:18px;
    list-style-type:none;
    padding-bottom:100px;
}

#right-nav li{ padding-bottom:8px;
    padding-left:13px;
    font-size:.85em;
}

#right-nav .pdfs ul{ padding:0;
    margin:0;
    padding-left:0px;
    margin-top:10px;
    margin-bottom:20px;
}

#right-nav .pdfs li{ padding-bottom:5px;
    background:url(../images/pdf_icon.gif) no-repeat 0 4px;
    padding-left:30px;
}

#right-nav a {  text-decoration:underline;
}

#right-nav a:hover { text-decoration:underline;
color:#da7d00}

#footer a{ color:#666;
}

#container ul.inline-list {list-style-type:none;
    text-align:center;
    margin:0px;
    margin-top:15px;
}

#container ul.inline-list li {display:inline;
    margin:0;
    padding:0;
    padding-right:10px;
    padding-left:none;
    background:none;
}

#right-nav p {margin-left:30px;
}

strong {color:#333;
}

/* misc
----------------------------------------------- */
.taglines { border-top: 1px solid #e2e2e2;
    text-align:center;
    padding-bottom:5px;
    margin-top:10px;
}

.centre-me {
    text-align:center;
}

.grey {color:#999999;
}

.blue {color:#99b1d2}

.date {font-size:.85em;
    padding-top:5px;
    padding-bottom:5px;
}

.shaded-box {
    padding:0px;
    padding-left:20px;
    padding-bottom:5px;
    background-color:#bcd9ff;
    border:1px solid #8099ba;
}

.quote {
    font-style:italic;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#861c05;
    line-height:160%;
    font-weight:;
}

.img-bdr {
    border:1px solid #acacac;
    padding:2px;
}

.divider {border-top:1px solid #d6d6d6;
    height:1px;
    padding:0px;
    margin-top:20px;
}

.shaded-divider {
	 background:url(../images/divider_bg.jpg)repeat-x 0 0;
}

.off-left {
    position: absolute;
    left: -1000px;
    width: 100px;
}

.no-space {margin-top:0px;
}

.space-top {
    padding-top:10px;
}

.space-btm {
    padding-bottom:20px;
}

.space-left {
    margin-left:40px;
}

.float-right {
    float:right;
}

.float-left {
    float:left;
}

.text-right {
    text-align:right;
}

.small-text {font-size:.75em;
}

.post-date{font-size:.85em;
    line-height:2em;
    color:#999;
}

.current{font-weight:bold;
}

.tight-text {letter-spacing: -0.05em;
}