html, body {
	margin: 0;
	padding: 0;
	line-height: 14px;
	border: none;
	font-size: 11px;
	font-family: Verdana, Geneva, "Arial", Helvetica, sans-serif;
	background:url(images/bg.gif) repeat-y center top;
	color:#666666;
	background-color:#eaeaea;
}
img {
	border: 0;
}
p {
	margin: 0 0 15px 0;
}
a {
	outline:none;
	color:#d52b1e;
}
a:hover {
	text-decoration: none;
}
h1, h2, h3, h4, h5, form {
	margin: 0;
}
/* --------------------------------------------

|  STRUCTURE												

--------------------------------------------- */
.lang{
	float:right;
	padding:30px 30px 0 0;
	}
.logo{
	float:left;
	}

#maincontainer {
position:relative;
	border-left: 1px #DDDEDF solid;
	border-right: 1px #DDDEDF solid;
	width:880px;
	height:501px;
	padding-left:8px;
}

#siteContainer {
	width:900px;
	margin:auto;
	position:relative;
}
/* -- HEADER -- */

#main-header {
	width:890px;
}

#header {
	width:900px;
	padding:35px 0 0 0;
}
#logo {
	float:left;
}
#nationalSlogan {
	background:url(graphics/slogan_national.gif) no-repeat;
	width:438px;
	height:64px;
	margin-right:6px;
	float:right;
}
#nationalSloganBase {
	background:url(graphics/slogan_national_base.gif) no-repeat;
	width:427px;
	height:23px;
	margin:18px 6px 0 0;
	float:right;
}
#nationalSloganReach {
	background:url(graphics/slogan_national_reach.gif) no-repeat;
	width:445px;
	height:43px;
	margin:18px 6px 0 0;
	float:right;
}
#nationalSloganStrengths {
	background:url(graphics/slogan_national_strengths.gif) no-repeat;
	width:428px;
	height:23px;
	margin:18px 6px 0 0;
	float:right;
}
#frenchSlogan {
	background:url(graphics/slogan_french.gif) no-repeat;
	width:591px;
	height:63px;
	margin:18px 6px 0 0;
	float:right;
}
#provSlogan {
	background:url(graphics/slogan_prov.gif) no-repeat;
	width:343px;
	height:44px;
	float:right;
	margin:14px 9px 0 0;
}
#downtownSlogan {
	background:url(graphics/slogan_downtown_to.gif) no-repeat;
	width:373px;
	height:57px;
	float:right;
	margin:0 6px 0 0;
}
#choosePurSlogan {
	background:url(graphics/slogan_choose_purolator.gif) no-repeat;
	width:497px;
	height:50px;
	margin:18px 6px 0 0;
	float:right;
}
/* -- BODY -- */

#contentAreaNational {
	padding:45px 0 0 0;
}
#contentAreaCity {
	padding:10px 0 0 0;
}
/* -- LOCATIONS TOP -- */

#locationsTop {
	clear:both;
	padding:3px 0 0 40px;
	color:#333;
	height:145px;
}
#locationsTop ul {
	margin:0;
	padding:0;
	list-style:none;
}
#locationsTop ul li {
	float:left;
	text-align: right;
	padding-right:35px;
}
#locationsTop ul li.padTop {
	padding-top: 10px !important;
}
.last {
	padding-right:0 !important;
}
.location {
	color:#d52b1e;
	background:url(graphics/small_arrow.gif) no-repeat 0 4px;
	padding-left:13px;
	font-size:12px;
	font-weight:bold;
}
.edmonton {
	padding-left: 225px !important;
}
.vancouver {
	padding-left: 0 !important;
	padding-bottom: 70px !important;
}
.winnipeg {
	padding-left: 150px !important;
}
.halifax {
	padding-left: 385px !important;
}
.london {
	padding-left: 300px !important;
}
.mississauga {
	padding-left: 150px !important;
}
.ottawa {
	padding-left: 220px !important;
}
.toronto {
	padding-left: 95px !important;
	padding-bottom: 50px !important;
}
.downTowntoronto {
	padding-left: 253px !important;
}
.montreal {
	padding-left: 220px !important;
}
/* -- CTAS MIDDLE -- */
#ctaTop {
	background:url(images/main-bucket.jpg) no-repeat;
	width:890px;
	height:373px;
	padding:8px 0 0 8px;
}


#ctaLeft, #ctaMiddle, #ctaRight {
	background:url(images/bg_cta_box.gif) no-repeat;
	width:283px;
	height:244px;
	position:relative;
	float:left;
	padding:8px 0 0 8px;
}
#ctaRight {
	background:url(images/bg_cta_box2.gif) no-repeat;
	width:283px;
	height:440px;
	position:relative;
	float:right;
	padding:8px 0 0 8px;
}

#ctaLeft, #ctaMiddle {
	margin-right:0px;
}
.cta-delivery {
	background:url(images/delivery.gif) no-repeat;
	width:265px;
	height:427px;
	position:relative;
	line-height: 17px;
}

.cta-delivery ul{
	margin: 0px;
	padding: 0px;
	margin-left: 13px;
	top: 33px;
	position: relative;
}

.cta-delivery li{
	list-style: none;
}

.cta-delivery  .international {
	margin-top: 71px;
}

.cta-delivery  .us {
	margin-top: 70px;
}

.cta-delivery  a {
color: #5F6165;
}
.ctaButton {
	background:url(images/b_cta_bg.gif) no-repeat;
	width:223px;
	height:29px;
	display:block;
	font: 11px "Arial";
	font-weight:bold;
	color:#fff;
	line-height:30px;
	text-align: center;
	position:absolute;
	top:-27px;
	right:20px;
	padding-left:0px;
	text-decoration:none;
}
/*.ctaButton:hover {
	background-position: 0 -29px;
	text-decoration: none;
}*/
.ctaButtonred {
	background:url(images/b_cta_bg_red.gif) no-repeat;
	width:223px;
	height:29px;
	display:block;
	font: 11px "Arial";
	font-weight:bold;
	color:#fff;
	line-height:30px;
	text-align: center;
	position:absolute;
	top:-27px;
	right:20px;
	padding-left:0px;
	text-decoration:none;
}
/*.ctaButtonred:hover {
	background-position: 0 -29px;
	text-decoration: none;
}*/
.ctaButtonFR {
	background:url(graphics/b_cta_bg.gif) no-repeat;
	width:191px;
	height:41px;
	display:block;
	text-transform: uppercase;
	font: 12px "Arial";
	font-weight:bold;
	color:#fff;
	line-height:40px;
	text-align: center;
	position:absolute;
	top:-41px;
	right:6px;
	padding-left:7px;
	text-decoration:none;
}
.ctaButtonFR:hover {
	background-position: 0 -41px;
	text-decoration: none;
}
.ctaContent {
	padding:6px 10px 0 12px;
	width: 250px;
}

.ctaContent2 {
	padding:75px 10px 0 12px;
	width: 350px;
}
.ctaButtonBot {
	/*background:url(graphics/b_cta_small.gif) no-repeat;*/
	width:118px;
	height:22px;
	display:block;
	font: 12px "Arial";
	font-weight:bold;
	color:#fff;
	text-align: center;
	line-height:22px;
	position:absolute;
	bottom:15px;
	right:5px;
	text-decoration:none;
}
.ctaButtonBot:hover {
	background-position: 0 -22px;
	text-decoration: none;
}
.ctaButtonBot.french {
	width:198px !important;
	background:url(graphics/b_cta_small.gif) repeat-x !important;
	left: 48px !important;
}
.ctaButtonBot.french:hover {
	background-position: 0 -22px !important;
	text-decoration: none !important;
}
/* -- MIDDLE CONTENT -- */	

	#leftbuckets {
		float:left;
	}
	#bottombucket {
		clear:both;
		position:relative;
		float:left;
		width:560px;
		height:190px;
	}
	#main-container-bottom {
		
	}

#middleCont {
	padding-top:10px;
	width:578px;
	position:absolute;
	bottom:100px;
}
#contentMiddle {
	background:url(images/bg_middle.jpg) no-repeat;
	width:575px;
	height:180px;
	padding:15px 0 0 0px;
}
#contentMiddle ul {
	margin:0;
	padding:10px 0 0 7px;
	list-style:none;
}
#contentMiddle ul li {
	list-style:none;
	/*background:url(graphics/bullet_grey.gif) no-repeat 0 7px;*/
	padding-left:0px;
	margin-bottom:4px;
}
.rightList {
	margin-left:15px !important;
}
#contentMiddle #colLeft {
	float:left;
	width:260px;
	position:absolute;
	left:299px;
	top: 15px;
}
#contentMiddle #colLeft ul {
	margin:0;
	padding:0;
}
#visitLinks {
	padding:0px 0 0 5px;
}
#learnMore {
	clear:both;
	padding:10px 0 0 210px;
	height:20px;
}
#learnMoreFrench {
	clear:both;
	padding:0px 0 0 210px;
	height:20px;
	position:relative;
	top:-5px;
}
.redArrow {
	background:url(graphics/arrow_red.gif) no-repeat right;
	padding-right:30px;
	line-height:19px;
	padding-bottom:5px;
}
#contentMiddle #colRight {
	float:left;
	width:250px;
	padding:0 0 0 5px;
}
.btn {
	padding-top:5px;
}
#contentMiddle #colRight p {
	width:250px;
	padding-top:3px;
}
#contentMiddle #colRight .frenchPara {
	width:236px;
	padding-top:3px;
}
#didKnow {
	background:url(graphics/bg_did_you_know.gif) no-repeat;
	width:900px;
	height:72px;
	margin-top:10px;
}
#didKnow p, #didKnowFR p {
	padding:20px 50px 0 203px;
}
#didKnowFR {
	background:url(graphics/bg_did_you_know_fr.gif) no-repeat;
	width:900px;
	height:72px;
	margin-top:10px;
}
#provLocation {
	float:right;
	margin:15px 0 0 0;
}
#colRight {
}
/* -- FOOTER -- */

#footer {
	clear: both;
	padding:15px 0px 46px 0px;
}
#footer ul {
	margin:0;
	padding:0 0 0 20px;
	list-style:none;
	float:left;
}
#footer ul li {
	float:left;
	color:#d52b1e;
}
#footer p {
	font-size:9px;
}
#containerbottom {
height:8px;
	clear:both;
	float:left;
}
/* --------------------------------------------

|  CONTENT SPECIFIC										

--------------------------------------------- */



.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearBoth {
	clear: both;
	height:1px;
}
.legalNote {
	font-size: 9px;
}
sup {
	position: relative;
	top: -3px;
	vertical-align: top;
	font-size: 90% !important;
	line-height: inherit !important;
}
