/* --- base styles --- */
* {margin: 0; padding: 0;}
* img {border:0;}
* form {margin: 0;}
* ul {margin-bottom: 16px;list-style: none;}
.purolator-red a, .purolator-red {color:#ED1C24;}
.black {color:#000;}

/* --- body --- */
html,body {height: 100%;}
body{margin:0px;padding:0px;background-color:#F1F0ED;height:100%;font-size:76%;}
p {line-height:1.3em;margin-bottom:16px;font-size: 1em;}

/* --- wrappers --- */
#wrapper{height:100%;width:100%;text-align:center;}
#container{margin: 0 auto;width:955px;text-align:left;background-color:#FFF;}

/* --- site banner --- */
#header{width:955px;height:60px;}
#flash-banner{width:955px;height:251px;}

/* --- main content container --- */
#content{margin:30px 20px 20px 20px;}

/* --- left content --- */
#content .left-col #left-main-menu {margin-bottom:15px;}
#content .left-col{width:210px;float:left;padding-right:10px;font-family: "Trebuchet MS", Geneva, Arial, sans-serif;}
#content .left-col h1{font-size:1.35em; color:#ef383f; margin-bottom:5px; font-style:oblique; letter-spacing: -1px; }
#content .left-col ul{font-size:1.2em; list-style:none; padding:0px; line-height: 1.5em; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 15px; }
#content .left-col ul li{font-style:italic;}
#content .left-col ul li a{color:#02178F;text-decoration:none;}
#content .left-col ul li a:hover{color:#28348A;text-decoration:underline;}
#content .left-col ul ul{ font-size:80%; list-style:none; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 10px; line-height: 1.3em; }
#content .left-col ul ul li{font-style:italic;}
#content .left-col ul ul li a{color:#9BA0C8;text-decoration:none;}
#content .left-col ul ul li a:hover{color:#28348A;text-decoration:underline;}
#content .left-col .request-info{width:140px;border-top:1px solid #cecfd0;border-bottom:1px solid #cecfd0;padding:10px 0px 10px 0px;margin-left:15px;}

#content .left-col #client-quote { font-family: "Trebuchet MS", Arial, sans-serif; background-color: #F0EBF3; padding: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #F0EBF3; border-right-color: #C8C6C9; border-bottom-color: #C8C6C9; border-left-color: #F0EBF3; }
#content .left-col #client-quote h1 { font-size: 1.1em; color:#737373; line-height: 1.2em; margin-bottom: 10px; letter-spacing: 0px; }
#content .left-col #client-quote h2 { font-size: 0.8em; color:#233E91; line-height: 1.2em; margin: 0px; padding: 0px; font-weight: normal; }

/* --- middle content --- */
#content .mid-col{ width:420px; float:left; color:#868686; font-size:1em; font-family:Arial, Geneva, sans-serif; margin-left: 16px; }
#content .mid-col h1{font-size:1.3em;font-style:italic;font-weight:bold;margin-bottom:16px;font-family: "Trebuchet MS", Geneva, Arial, sans-serif;}
#content .mid-col .h1style2 {margin-bottom:2px;}
#content .mid-col h2{margin-bottom:5px; color:#7F7F7F;font:bold 1.1em "Trebuchet MS", Geneva, Arial, sans-serif; }
#content .mid-col .h2style2 { margin-bottom:0px; font-weight: normal; border-bottom: 1px solid #CCCCCC; padding-bottom: 16px; }
#content .mid-col p{font-family:Arial,Tahoma,verdana;line-height:1.4em;}
#content .mid-col a {color:#ED1C24;}
#content .mid-col ul { list-style-type: disc; margin-left: 23px; margin-bottom: 16px; }
#content .mid-col li { margin-bottom: 8px; }

/* --- right content --- */
#content .right-col{width:220px;float:right;}
#content .right-col h1{ color:#FFFFFF; font-size:1.1em; margin:0px; background-image:url(../images/right-col-header-bg.gif); background-position:left top; background-repeat:no-repeat; font-weight: normal; font-style: italic; font-family: "Trebuchet MS", Geneva, Arial, sans-serif; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 15px; background-color: #ED1C24; display: block; }
#content .right-col .right-block{background-color:#e9e9e1;border-right:1px solid #bfc1c1;border-bottom:1px solid #bfc1c1;width:219px;/*padding:10px;*/}
#content .right-col .right-block p{font-style:italic;font-size:1.1em;color:#9b9b9b;margin:0px;}
#content .right-col .right-block2 { background-color:#e9e9e1; border-right:1px solid #bfc1c1; border-bottom:1px solid #bfc1c1; width:193px; padding:10px 13px; }
#content .right-col .right-block2 p{ color:#7E7E7E; margin-bottom: 10px; }
#content .right-col .right-block2 h2{ font-size:1.1em; background-image: url(../images/icon-line.gif); background-repeat: repeat-x; background-position: left 8px; margin-bottom: 2px; }
#content .right-col .right-block2 h2 span{ color:#666666; line-height: 2em; font-size: 1em; font-style: oblique; background-color: #E9E9E1; padding-right: 5px; }

#content .right-col .right-block2 a.demolink {color: #787878;text-decoration: underline;line-height:19px;}
#content .right-col .right-block2 a:hover.demolink {color: #28348A;text-decoration: underline;line-height:19px;}
#content .right-col .democopy{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#787878;}

#content .right-col .right-block2 {}
#content .right-col #ulstyle1 li a { line-height: 115%;}
#content .right-col .right-block2 ul { margin-bottom: 10px; }
#content .right-col .right-block2 li { padding: 0px; padding-bottom:8px;}
#content .right-col .right-block2 .pdf { background-image: url(../images/icon-pdf.gif); background-repeat: no-repeat; background-position: left 0px; padding-left: 20px; }
#content .right-col .right-block2 .nopdf {padding-left: 20px; }
#content .right-col .right-block2 .lispecial-1 {padding-left:0;}

#content .right-col span.feature-new { color: #ED1C24; font-weight:bold; font-size: 120%; }

#content .mid-col ul#ulstyle2 {margin-bottom:10px;list-style:none;margin-left:0; }
#content .mid-col #ulstyle2 li {padding:0px;padding-bottom:8px;list-style:none;margin-left:0; }
#content .mid-col #ulstyle2 li a:hover {color:#990000; background-color:#FFFFD7;}
#content .mid-col #ulstyle2 .pdf {padding-left:20px;background:url(../images/icon-pdf.gif) no-repeat left 0px; }

#content #roi-calculator { margin-bottom:10px;background-position: left 20px;}
#content #roi-calculator a { color:#ED1C24; }
#content #roi-calculator span {line-height: 1.3em;}
#content #roi-calculator a:hover { color: #003366; }

/* --- footer content --- */
#footer{ border-top:1px solid #dedede; font-family: Arial, Helvetica, sans-serif; font-size:0.8em;color:#CCC; padding-top:8px; padding-right:16px; padding-left:16px; display: block; padding-bottom:8px; }
#footer ul{ list-style:none; display:block; padding-top: 10px; padding-right: 0px; padding-left: 0px; text-align: left; margin-bottom: 5px; padding-bottom: 0px; }
#footer li{ padding-top:0; padding-right:8px; padding-bottom:0;padding-left:6px;display:inline;border-right-width:1px;border-right-style:solid;border-right-color:#CCC;}
#footer li a{ text-decoration:underline; color: #999999; }
#footer li a:hover{ color:#666666; text-decoration:underline; }
#footer li.first{ padding-left: 0px; }
#footer li.last{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-right: 0px; }
#footer li.spacer{float:left;padding:0px;color:#b4b5b4;font-size:10px;padding-top:4px;}
#footer p{ display:block; padding:0px; }

/* --- misc content --- */
#content .request-info { display: block; margin-top: 5px; margin-bottom: 20px; }
#content .request-info h1{font-size:1.1em;color:#ef383f;font-style:italic;margin:0px;letter-spacing:0;}
#content .request-info p{ font-size:0.9em; color:#a2aad1; font-style:italic; line-height: 1.3em; margin-bottom: 6px; }
#content .request-info p a {color:#9BA0C8;text-decoration:none;}
#content .request-info p a:hover {color:#28348A;text-decoration:underline;}

/* --- nav active menu handle --- */
#purolator-home .left-col .overview a,
#purolator-benefits span,
#purolator-benefits .left-col .benefits a,
#peak-season-volumes span,
#speed-to-market span,
#delays-at-port span,
#streamline-distribution span,
#calculator .left-col .calculator a,
#contact .left-col .contact a,
#supply-chain-visibility span,
#study .left-col .study a ,
#news .left-col .perspectives a,
#case-studies .left-col .case-studies a{color:#ED1C24;}

#purolator-benefits .left-col .benefits a,
#peak-season-volumes .left-col .peak-season-volumes a,
#speed-to-market .left-col .speed-to-market a,
#delays-at-port .left-col .delays-at-port a,
#streamline-distribution .left-col .streamline-distribution a,
#supply-chain-visibility .left-col .supply-chain-visibility a {color:#28348A;}
#news .left-col .news a {color:#ED1C24;}/*special color for sub here*/
#content .left-col .special1 {color:#28348A;}

/* --- on/off switch for featured testimonials --- */
#content .right-col .right-block2 .casestudy-suntech,
#content .right-col .right-block2 .casestudy-port-to-purchase,
#content .right-col .right-block2 .casestudy-lacoste { margin-top: 0.8em; margin-bottom: 10px; text-align: center; }
/* --- off switch for casestudy-suntech --- */
#purolator-home .right-col .casestudy-suntech,
#speed-to-market .right-col .casestudy-suntech,
#streamline-distribution .right-col .casestudy-suntech,
#delays-at-port .right-col .casestudy-suntech,
#case-studies .right-col .casestudy-suntech,
#video-gsc .right-col .casestudy-suntech {display:none;}
/* --- off switch for casestudy-port-to-purchase --- */
#peak-season-volumes .right-col .casestudy-port-to-purchase,
#purolator-home .right-col .casestudy-port-to-purchase,
#contact .right-col .casestudy-port-to-purchase,
#supply-chain-visibility .right-col .casestudy-port-to-purchase,
#purolator-benefits .right-col .casestudy-port-to-purchase,
#news .right-col .casestudy-port-to-purchase,
#case-studies .right-col .casestudy-port-to-purchase,
#video-gsc .right-col .casestudy-port-to-purchase {display:none;}
/*--lacoste casestudy on/off--*/
/*#purolator-home .right-col .casestudy-lacoste,*/
#purolator-benefits .right-col .casestudy-lacoste,
#peak-season-volumes .right-col .casestudy-lacoste,
#delays-at-port .right-col .casestudy-lacoste,
#streamline-distribution .right-col .casestudy-lacoste,
#news .right-col .casestudy-lacoste,
#speed-to-market .right-col .casestudy-port-to-purchase,
#supply-chain-visibility .right-col .casestudy-suntech {display:none;}

/* --- off switch for video --- */
#small-video-container {padding-bottom:16px; display:block;}
#purolator-home #small-video-container,
#news #small-video-container,
#case-studies #small-video-container,
#video-gsc #small-video-container {display:none}
.right-col #small-video-container h1 { font-size:1.3em; font-style:italic; font-weight:bold; margin-bottom:10px; font-family: "Trebuchet MS", Geneva, Arial, sans-serif; background: url(../../css/none); background:none; color:#868686;padding-left:0; font-style:normal; }