/* CSS for www.pcb.ca Created: April 2008 Modified: 2008-12-19 Authors: Brian Lang, Jason Bourassa /*
/* RESET ALL ELEMENTS - http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}
/* LAYOUT GRID - 960 Grid System ~ Core CSS - http://960.gs/ Licensed under GPL and MIT */
.container_16{margin-left:auto; margin-right:auto; width:960px}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16{display:inline; float:left; margin-left:10px; margin-right:10px}
.alpha{margin-left:0}
.omega{margin-right:0}
.container_16 .grid_1{width:40px}
.container_16 .grid_2{width:100px}
.container_16 .grid_3{width:160px}
.container_16 .grid_4{width:220px}
.container_16 .grid_5{width:280px}
.container_16 .grid_6{width:340px}
.container_16 .grid_7{width:400px}
.container_16 .grid_8{width:460px}
.container_16 .grid_9{width:520px}
.container_16 .grid_10{width:580px}
.container_16 .grid_11{width:640px}
.container_16 .grid_12{width:700px}
.container_16 .grid_13{width:760px}
.container_16 .grid_14{width:820px}
.container_16 .grid_15{width:880px}
.container_16 .grid_16{width:940px}
.container_16 .prefix_1{padding-left:60px}
.container_16 .prefix_2{padding-left:120px}
.container_16 .prefix_3{padding-left:180px}
.container_16 .prefix_4{padding-left:240px}
.container_16 .prefix_5{padding-left:300px}
.container_16 .prefix_6{padding-left:360px}
.container_16 .prefix_7{padding-left:420px}
.container_16 .prefix_8{padding-left:480px}
.container_16 .prefix_9{padding-left:540px}
.container_16 .prefix_10{padding-left:600px}
.container_16 .prefix_11{padding-left:660px}
.container_16 .prefix_12{padding-left:720px}
.container_16 .prefix_13{padding-left:780px}
.container_16 .prefix_14{padding-left:840px}
.container_16 .prefix_15{padding-left:900px}
.container_16 .suffix_1{padding-right:60px}
.container_16 .suffix_2{padding-right:120px}
.container_16 .suffix_3{padding-right:180px}
.container_16 .suffix_4{padding-right:240px}
.container_16 .suffix_5{padding-right:300px}
.container_16 .suffix_6{padding-right:360px}
.container_16 .suffix_7{padding-right:420px}
.container_16 .suffix_8{padding-right:480px}
.container_16 .suffix_9{padding-right:540px}
.container_16 .suffix_10{padding-right:600px}
.container_16 .suffix_11{padding-right:660px}
.container_16 .suffix_12{padding-right:720px}
.container_16 .suffix_13{padding-right:780px}
.container_16 .suffix_14{padding-right:840px}
.container_16 .suffix_15{padding-right:900px}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear{background:none; border:0; clear:both; display:block; float:none; font-size:0; list-style:none; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:after{clear:both; content:'.'; display:block; visibility:hidden; height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
html{overflow-y:scroll;}
/* TEXT(FONTS) rules 960 Grid System ~ Text CSS - http://960.gs/ Licensed under GPL and MIT */
body{font:12px/1.3 Arial,FreeSans,sans-serif}
a:focus{outline:1px #666 dotted}
hr{border-color:#ccc; border-style:solid; border-width:1px 0 0; clear:both; height:0}
h1{font-size:17px}
h2{font-size:14px; margin-top:10px}
h3{font-size:15px}
h4{font-size:14px}
h5{font-size:13px}
h6{font-size:13px; margin-top:0px; color:#FFF; font-weight:bold; line-height:26px}
small{font-size:9px}
ol{list-style:decimal}
ul{list-style:square}
li{margin-left:30px}
p, dl, h1, h2, h3, h4, h5, ol, ul, pre, table, address, fieldset{margin-bottom:10px}
h6{margin-bottom:5px}
/* Accessibility Block */
#skipnav{position:absolute; margin-left:-1000px}
#skipnav a:focus, #skipnav a:active{margin-left:1000px; overflow:visible; display:block; width:10em}
#blah:active{}
/* PCB.ca Rules */
body{color:#000; background-color:#f1f1f1; background-image:url(/images/pcb-background.jpg); background-repeat:repeat-y; background-position:center}
a, a:visited{color:#730000; text-decoration:none; font-weight:bold}
a:hover{text-decoration:underline; color:#132448; font-weight:bold}
#body{padding-top:10px}

#header-logo{height: 60px; vertical-align:middle;}
#social-links{height: 27px; margin:0; padding:5px 10px 0 0;}
#social-links p {height: 27px; text-align:right; margin: 0; padding:0;}

#navcontainer{height:50px; margin-top:10px; margin-bottom:15px; background-image:url(/images/pcb-navbar.gif); background-repeat:no-repeat; background-position:left top}
#navigation{line-height:normal}
#navigation ul{padding:3px 10px 0; list-style:none}
#navigation li{float:left; margin:0}
#navigation a{color:#cfd2da; display:block; float:left; font-weight:bold; padding:6px 9px 4px 9px; text-decoration:none}

#navigation a, #subnavigation a, #footnav a{float:none}

#navigation a:hover, #subnavigation a:hover{color:#fff}
#navigation #current{color:#fff; background-image:url(/images/tab-current-right.gif); background-repeat:no-repeat; background-position:right top}
#navigation #current a{color:#fff; padding:6px 10px 4px 24px; background-image:url(/images/tab-current-left.gif); background-repeat:no-repeat; background-position:left top}
#subcontainer{clear:both}
#navdate{color:#001B32; float:left; margin:3px 10px; font-weight:bold; width:220px}
#subnavigation li{margin:0 2px; padding:0}
#subnavigation ul{list-style:none; margin:0; padding:1px 16px 0 6px}
#subnavigation li{float:left; background-image:url(/images/tab-subnav-right.gif); background-repeat:no-repeat; background-position:right top; padding:0px 16px 0px 0px}
#subnavigation a{color:#CFD2DA; display:block; float:left; font-weight:bold; padding:1px 10px; text-decoration:none; background-image:url(/images/tab-subnav-left.gif); background-repeat:no-repeat; background-position:left top}
#subnavigation #subcurrent{color:#001B32; background-image:url(/images/tab-current-subnav-right.gif); background-repeat:no-repeat; background-position:right top}
#subnavigation #subcurrent a{color:#001B32; background-image:url(/images/tab-current-subnav-left.gif); background-repeat:no-repeat; background-position:left top}

#footer{height:50px; line-height:normal; background-image:url(/images/pcb-footer.gif); background-repeat:no-repeat; background-position:left top}
#footnav{margin-left:auto; margin-right:auto; clear:both; padding:0}
#footnav ul{margin:0; padding:7px 10px 0 10px; list-style:none}
#footnav li{float:left; margin:0; padding:0}
#footnav a{color:#3C434C; text-align:center; display:block; padding:3px 8px 4px 8px; text-decoration:none}
#footnav a:hover{color:#132448}
#footlegal{clear:both; float:left; width:940px; color:#fff; font-size:11px; text-align:center; padding-top:6px}

.greyborder-top {border-left:1px solid #6b6b6b; border-right:1px solid #6b6b6b; border-top:1px solid #6b6b6b}
.greyborder-bottom {border-left:1px solid #6b6b6b; border-right:1px solid #6b6b6b; border-bottom:1px solid #6b6b6b}
.roundpod{margin-bottom:10px}
.roundpod .podcontent, .roundpod .podcontent .sb-inner{background:#fff url() repeat-x}
.roundpod .sb-border{background-color:#6b6b6b}
.roundpod h2.whitered{margin:0; padding:20px 20px 0; font-size:30px; color:#730000; font-weight:normal}
.roundpod h2.whitered, .roundpod h2.whitered .sb-inner{background-color:#fff}
.roundpod h2.whiteblue{margin:0; padding:20px 20px 0; font-size:30px; color:#1d2e3f; font-weight:normal}
.roundpod h2.whiteblue, .roundpod h2.whiteblue .sb-inner{background-color:#fff}
.roundpod h2{margin:0; padding:3px 10px 2px; color:#fff; font-weight:bold; font-size:13px}
.roundpod h2.red{background-color:#9d0e12}
.roundpod h2.red .sb-inner{background:#9d0e12 url(/images/podtop-red.gif) repeat-x}
.roundpod h2.blue{background-color:#132448}
.roundpod h2.blue .sb-inner{background:#132448 url(/images/podtop-blue.gif) repeat-x}
.roundpod h2.black{background-color:#000}
.roundpod h2.black .sb-inner{background:#000 url(/images/podtop-blue.gif) repeat-x}
.roundpod h2.gray{background-color:#666}
.roundpod h2.gray .sb-inner{background:#666 url(/images/podtop-gray.gif) repeat-x}
.roundpod h2.white{margin:0; padding:2px 10px; color:#000; font-weight:bold}
.roundpod h2.white, .roundpod h2.white .sb-inner{background-color:#fff}
.roundpod .podcontent{padding:10px}
.podcontent ul{margin:auto; margin-bottom:10px; list-style-image:url(/images/redarrow.gif); list-style-position:inside}
.podcontent li{margin:0 0 0 2px}
.podcontent .indent{margin:20px}
.podcontent p a img{float:left; margin-right:5px}
.podcontent table{width:100%}
.podcontent ol{margin:0 30px;}
.podcontent ol ol{margin: 0 20px;}
.podcontent ol ol ol{margin: 0 20px;}
.redtape{background:#fff url(/images/redtape-rolls.jpg) no-repeat; width:100%}
.redtape h2{padding-left:100px; font-size:34px; color:#b2191b; letter-spacing:-1px;}
.redtape h2 a{color:#A30E13}
.redtape a:hover{color:#0A1B30; text-decoration:none}
.redtape h3{font-size:23px; color:#3E3E4A; letter-spacing:-1px; margin-top:215px; text-align:center; font-weight:bold}
#redtapepod{background-image:url(/images/redtape-rolls2.jpg); background-repeat:no-repeat; padding:90px 0 0 15px}
.narrow{width:275px; text-align:justify}
#content .podcontent{line-height:1.5}
#content .indent{margin-left:20px}
#content .indent2{margin-left:30px}
#content p, #content ul, #content h4, #content h3, #content h4, #content h5, #content dl, #content hr{padding:0 10px}
.podcontent hr{margin:0!Important; padding:0 20px 20px!Important;}
.language{margin:0 10px}
.NewsStory{padding:0 5px}
#exchangerates h3{font-size:14px}
#exchangerates p, #parslookup p, #quotebox p, #seminars p{font-size:11px}

#bloghead {
	background: url(/images/blog-animation-your-broker-knows.gif) no-repeat;
	height: 54px;
	margin: 0;	
	width: 160px;
}
#blog {
	background: url(/images/blog-column-vert-repeater.gif) repeat-y;
	margin: 0 !important;	
}
#blogcontent {
	margin: 0;
	padding: 10px 10px 1px;	
}
#blogcontent ul {
	list-style-image: url(/images/redarrow.gif);
	list-style-position:inside
}
#blogcontent li {
	margin: 0 0 5px 2px;
}
#blogcontent p {
	margin: 10px 0 0;	
}
#blogfoot {
	background: url(/images/blog-column-bottom.gif) no-repeat;
	height: 10px;
	margin: 0 0 10px 0;
	width: 160px;	
}

dd{padding-left:20px}
#concierge h3, #concierge h4{font-variant:small-caps; color:#b2191b}

table{margin-bottom:0}
.required{color:#a31220}
.form th{text-align:right; vertical-align:top; padding:0 10px}

#languages{text-align:center}
#english{padding:0 15px; text-align:justify}
#french{padding:0 10px; text-align:justify}
#spanish{padding:0 10px; text-align:justify}
#chinese{padding:0 10px}
#chinese, #french, #spanish{display:none}

#brokerageapplication, #freightmessage, #brokeragemessage, #freighttab, #freightstep, #airfreightquote, #groundfreightquote, #oceanfreightquote{display:none}

.disc li{list-style-type:disc; list-style-position:inside; padding-left:20px}

.hidden{display:none}
.left{float:left}
.right{float:right}
.italic{font-size:14px; font-style:italic}
.center{text-align:center}

#nav{border-top:1px solid #999; height:26px; margin-top:10px; padding-top:10px; text-align:center; background-color:#FFF}
#nav a{background:#ddd; text-decoration:none; margin:0 4px; padding:2px 5px}
#nav a.activeSlide{background:#9cf}
#f1{height:335px}
#f1 div{text-align:left; font-size:12px; margin-bottom:1px; background-color:#FFF}
#f1 div img{margin:0 auto}
#n1{height:550px}
#n1 p{padding-bottom:0 !Important}
#f2{height:171px; margin-bottom:10px}
#f2{z-index:10}
#t1{height: 36px; text-align:right; margin: 0; padding: 0;}
#t1 p{height: 36px; bottom: 0; margin:0; padding:0; text-align:right}

.about{font-size:11px; padding-top:10px}
#aboutExchangeRates, #aboutPars, #aboutQuote, #aboutSeminars{display:none; text-align:left}

@media projection, screen{ .ui-tabs-hide{ display:none}
}

@media print{ .ui-tabs-nav{ display:none}
}

.ui-tabs-nav, .ui-tabs-panel{}
.ui-tabs-nav{ list-style:none; list-style-image:none !Important;  margin:0 !Important;  padding:0 0 0 4px}
.ui-tabs-nav:after{ display:block;  clear:both;  content:""}
.ui-tabs-nav li{ float:left;  margin:0 0 0 1px;  min-width:84px}
.ui-tabs-nav a, .ui-tabs-nav a span{    display:block;     padding:0 10px;     background:url(/images/tab-pcbtabs.png) no-repeat}
.ui-tabs-nav a{ margin:1px 0 0;  padding-left:0;  color:#27537a;  font-weight:bold;  line-height:1.2;  text-align:center;  text-decoration:none;  white-space:nowrap;   outline:0}
.ui-tabs-nav .ui-tabs-selected a{ position:relative;  top:1px;  z-index:2;  margin-top:0;  color:#000}
.ui-tabs-nav a span{ width:64px;  min-width:64px;  height:18px;  min-height:18px;  padding-top:6px;  padding-right:0}
*>.ui-tabs-nav a span{ width:auto;  height:auto}
.ui-tabs-nav .ui-tabs-selected a span{ padding-bottom:1px}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active{ background-position:100% -150px}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active{ background-position:100% -100px}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span{ background-position:0 -50px}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span{ background-position:0 0}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited{ cursor:text}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, 
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active{ cursor:pointer}
.ui-tabs-panel{ border-top:1px solid #97a5b0;  padding:1em 8px;  background:transparent}
.ui-tabs-loading em{ padding:0 0 0 20px;  background:url(loading.gif) no-repeat 0 50%}

* html .ui-tabs-nav{ display:inline-block}
*:first-child+html .ui-tabs-nav{ display:inline-block}

#pcbTabs dt{font-weight: bold}

dl.faq dt{margin-top:5px}

div.faq{margin:10px 0 0 0}
div.faq .question{color:#730000; font-weight:bold; cursor: pointer; padding-left:20px; margin-left:10px; background:url(/images/next-16x16-blue.gif) no-repeat left}
div.faq .question.active{background-image:url(/images/up-16x16-blue.gif)}
div.faq .answer{margin-left:40px}
div.faq ul, 
div.faq ol{margin:0 0 10px 20px}
.faqsection{margin-top:10px}
.custom_error{background-color:#9d0e12; border-bottom:1px solid #FFF; padding:5px; color:#fff; display:none}
.state-error, .widget-content .state-error {border: 1px solid #cd0a0a; background: #e14f1c; color: #000; }
.state-error a, .widget-content .state-error a { color: #ffffff; }
.state-error-text, .widget-content .state-error-text { color: #ffffff; }

.faq dt{font-weight: bold; color:#730000;}
table{table-layout:auto}
td{vertical-align:top; padding:1px}
th{padding:1px}
.exchrates{width:90%; margin:0 auto}
.exchrates td{padding:1px 2px}
.exchrates .row1 td{background-color:#ddd}

#modalOverlay{ background-color:#000;  cursor:wait}
#modalContainer{ height:170px;  width:300px;  left:50%;  top:15%;  margin-left:-150px;   background-color:#fff;   border:3px solid #ccc;   padding:15px}
#modalContainer a.modalCloseImg{  background:url(/images/x.png) no-repeat;  width:25px;  height:29px;  display:inline;  z-index:3200;  position:absolute;  top:-14px;  right:-18px;  cursor:pointer}

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; }
.ui-corner-tr { -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; }
.ui-corner-br { -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; }
.ui-corner-top { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; }
.ui-corner-right {  -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; }
.ui-corner-left { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; }
.ui-corner-all { -moz-border-radius: 8px; -webkit-border-radius: 8px; }

