/* base.css */

/*
--------------------------
CSS RESET
--------------------------
*/
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, 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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";}


/*
--------------------------
BASIC STRUCTURE
--------------------------
*/
html {}

body {font: .875em/normal "Trebuchet MS", Verdana, Arial, sans-serif; color: black; background: #858384 url(../images/bg-body.jpg); text-align: center;}

div#wrapper {width: 740px; position: relative; margin: 0 auto; padding: 0 55px 10px; background: white url(../images/bg-wrapper.jpg) repeat-y; text-align: left;}

div#header {position: relative; width: 740px; height: 190px; background: url(../images/bg-main-navigation.gif) repeat-x 0 177px;}

div#content {width: 740px; overflow: hidden;}

div#footer {padding-top: 60px;}
div#footer p {font-size:12px;}

div#copyright {}

.column {}

.column.left {float: left; position:relative;}
.column.right {float: right;}

/*
.inner-column-left {width: 460px; float: left;}
.inner-column-right {width: 110px; float: left;}
*/

.inner-column-left {/*width: 430px; padding-right: 10px;*/ width: 570px; /*margin-right: 10px;*/ float: left;}
.inner-column-right {width: 110px; float: left;}


.clear {clear: both;}

.img-text {position: absolute; top: -9999px;}


/*
--------------------------
FONTS/LINKS
--------------------------
*/
h1, h2, h3, h4, h5, h6, p, ul, ol {padding-bottom: 13px;}

h4 {padding-bottom: 0;}

h1, h2, h3, h4, h5, h6 {color: #e21e1e;}

h1 {}

h2 {font-size: 12px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; color: #e21e1e;}

h3 {font: 21px/normal Trebuchet MS, sans-serif; color: #e21e1e; font-weight: bold;}

h4 {font-size: 1.375em; font-weight:bold; color: #e21e1e;}

h5 {font-size: 12px; font-weight:bold; color: #e21e1e;}

h6 {font-size: 1.375em; color: #e21e1e; padding-bottom: 5px;}

div#content .column.left h4 {font: 36px/normal Arial, sans-serif; color: white; /*background: #3f4747 url(../images/bg-h4.gif) repeat-x 0 100%; padding: 5px 55px 20px;*/}

div#content .column.left h5 {font-size: 1.25em; color: #231f20; font-weight: bold; padding-bottom: 3px;}

div#get-me-started h6 {padding-bottom: 0;}
div#get-me-started p {padding-bottom: 0; font-size: .925em !important;}

em, i {font-style: italic;}

strong, b {font-weight: bold;}

div#content .column.right ul li {padding-bottom: 7px;}

a:link {color: #0000ff; text-decoration: underline;}
a:visited {color: #0000ff; text-decoration: underline;}
a:hover {color: #0000ff; text-decoration: underline;}

a.video-thumb {display: block; width: 156px; float: left; text-decoration: none !important; color: #333 !important; font-size: 12px; margin: 0 8px 20px 0; height: 150px;}
a.video-thumb span {color: #e21e1e !important;}
a.video-thumb img {display: block; margin-bottom: 8px;}
a.player.plain {margin-bottom: 20px;}


div#content div.column.left ol,
div#content div.column.left ul {list-style-position: outside; /*padding-left: 30px;*/ font-size:0.875em; padding-right:200px;}

div#content div.column.left ol li,
div#content div.column.left ul li {padding-bottom:5px;}

div#content div.column.left ol {list-style-type: decimal;}

div#content div.column.left ul {list-style-type: square;}

div#content div.column.left div.inner-column-left ul {list-style:none; margin-left: 55px; padding-right: 0;}

/*
--------------------------
MAIN NAVIGATION
--------------------------
*/
ul#navigation {position: absolute; z-index: 8999; top: 150px; left: 55px; width: 740px; height: 30px; padding-top: 15px; margin-bottom: 15px; padding: 0; list-style: none;  list-style-position:inside; font-size:12px !important;}
ul#navigation li {float: left; display: block; position: relative; text-transform: uppercase; font-weight: bold; height: 30px;}
ul#navigation li a {display: block; text-decoration: none; padding: 5px 8px 5px 6px;}
ul#navigation li a span {letter-spacing: -2px; color: #e21e1e;}

ul#navigation li ul li a span {letter-spacing: normal;}

ul#navigation li a:link {color: black;}
ul#navigation li a:visited {color: black;}

ul#navigation li.active a {color: #e21e1e;}

ul#navigation li.menu.menu-active a {background-image: url(../images/bg-menu-highlight.gif); background-repeat: no-repeat; background-position: 5px 100% !important;}

ul#navigation li a:hover, ul#navigation li.menu-active a {background-color: white;}

ul#navigation li#home a {padding-left: 0;}
ul#navigation li#home a:hover {border-color: white;}

ul#navigation li ul {position: absolute; z-index: 9999; top: 25px; left: 0px; z-index: 9999; width: 153px; padding-bottom: 0; border: 1px solid #231f20; background-color: white; display: none; padding-top: 10px;}
ul#navigation li.menu-active ul {display: block;}
ul#navigation li ul li {float: none; display: inline; text-transform: none; height: auto; line-height: 13px;}

ul#navigation li ul li a {border: none; padding: 5px 15px; background: none !important;}
ul#navigation li ul li a:hover,
ul#navigation li.menu.menu-active ul li a:hover {background: url(../images/bg-menu-link.gif) repeat-x 0 50% !important;}

ul#navigation li ul li img,
ul#navigation li.menu.menu-active ul li img {display: block; margin: 10px 15px 15px !important;}


h1#site-logo {padding: 0;}
h1#site-logo a {display: block; width: 460px; height: 50px; background: url(../images/bg-site-logo.gif) no-repeat;}

h2#site-name {position: relative; left: -3px; width: 540px; height: 80px; padding-bottom: 20px;}
h2#site-name span#name {width: 540px; height: 80px; position: absolute; z-index: 8888; top: 0; left: 0; background: url(../images/bg-site-title.gif) no-repeat;}
h2#site-name span#globe,
h2#site-name object#globe {position: relative; left: 223px; top: -7px; z-index: 0;}
h2#site-name span#globe {left: 223px; width: 85px; height: 100px; display: block; z-index: 0 !important; display: none;}

div#exporting-101 {position: absolute; top: 138px; left: 677px; z-index: 8888; width: 102px; height: 102px; margin: 0;}
div#exporting-101 a {display: block; width: 102px; height: 102px; background: url(../images/button-exporting-101.png) no-repeat;}


/*
--------------------------
LISTS
--------------------------
*/
ul#homepage-list {padding-bottom: 10px; list-style: none !important;  list-style-position:inside; padding-left: 0 !important; padding-right: 0 !important; font-size:12px;}
ul#homepage-list li {color: #1a1818; padding-bottom: 6px; height: 24px; padding-left: 0 !important;}
ul#homepage-list li.switch-a a {background: url(../images/bg-list-li-a.gif) no-repeat;}
ul#homepage-list li.switch-b a {background: url(../images/bg-list-li-b.gif) no-repeat;}

ul#homepage-list li a {height: 24px; overflow: hidden; padding: 4px 0 0 33px; display: block; color: #1a1818; text-decoration: none;}
ul#homepage-list li a span {font-weight: bold; font-style: italic; color: #0000ff; text-decoration: underline;}

div#content .column.left ul li {background: url(../images/bullet-content.gif) no-repeat 0 2px; padding-left: 18px;}

ul#sub-navigation {width: 136px; list-style: none; list-style-position:inside;}
ul#sub-navigation li {display: inline; list-style-position: inside;}
ul#sub-navigation li a {display: block; color: black; text-decoration: none; padding: 2px 0 2px 12px; width: 124px;}
ul#sub-navigation li a:hover,
ul#sub-navigation li a.active {background: #e4ebeb url(../images/bullet-subnav.gif) no-repeat 0 50%;}

div#content ul#services-list {list-style: none; list-style-position:inside; padding: 0; width: 570px; overflow:hidden; padding-right: 0 !important;}
div#content ul#services-list li {float: left; display: block; width: 130px !important; height: auto; margin-left: 13px; background: none; padding-left: 0 !important;}
div#content ul#services-list li.first {margin-left: 0;}
div#content .column.left ul#services-list li p {line-height: 16px; color: #231f20;}
div#content .column.left ul#services-list li h6 {padding-bottom: 0;}

div#content ul#annual-reports li {float:left; height:250px; list-style: none; list-style-position:inside; text-align:center;}

ul#selling-internationally {padding: 0 !important; width: 100%; overflow: hidden;}
ul#selling-internationally li {width: 45%; float: left; list-style: none; padding-left: 0 !important; padding-right: 30px;}

ul#selling-internationally2 {width: 475px; overflow: hidden; list-style: none;}
div#content .column.left ul#selling-internationally2 li {width: 45%; float: left; padding-left: 0 !important; background: none; padding-right: 20px;}
div#content div.column.left div.inner-column-left ul#selling-internationally2 li p {width: auto !important; margin-left: 0;}

div#content .column.left .more-info ul li {font-size:11px !important;}

body#template-a div#content div.column.left div.inner-column-left ul li p {font-size: 1em;}


/*
--------------------------
CUSTOM
--------------------------
*/
div#company-logo {position: absolute; top: 10px; left: 600px; width: 140px; height: 60px; background: url(../images/bg-company-logo.jpg) no-repeat;}

form#cse-search-box {
  position: absolute;
  top: 83px;
  left: 600px;
  display: block;
  width: 195px !important;
/*  height: 21px;*/
  padding: 5px 0 5px 0;
  background-color: #e21e1e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

form#cse-search-box input[type=text] {
  width: 115px;
  margin: 0 0 0 7px;
}

form#cse-search-box input[type=submit] {
  margin: 0;
  padding: 0 3px;
}

div#cse-search-results {
  width: 100%;
}

div#cse-search-results iframe {
  width: 100% !important;
  height: 1000px !important;
}

div#homepage-slideshow {position: relative; width: 740px; height: 380px; margin-bottom: 15px; background: #ccc;}
div#homepage-slideshow div#mask {position: absolute; top: 0; width: 740px; height: 380px; overflow: hidden; background: url(../images/bg-slideshow-mask.gif) no-repeat; z-index: 8880;}
div#homepage-slideshow div#slides {width: 740px; height: 380px; overflow: hidden;}

body#homepage .column {width: 360px;}
body#homepage .column.right p {font-style: italic;}
body#homepage .column.right p a {font-style: normal;}

p#gallery-button {text-align: center;}

div#footer p {text-align: center; padding-bottom: 10px;}

p#site-feedback {font-style: italic; margin-top: 60px;}

a#contact-us {position: absolute; right: 0; top: 120px;}


/*
--------------------------
Template A
--------------------------
*/
body#template-a div#content {background: white url(../images/bg-template_a-content.gif) repeat-y;}

body#template-a div#content .column.left {width: 570px;}
body#template-a div#content .column.right {width: 136px; padding-top: 10px; padding-right: 18px; display: block;}

body#template-a .column.right ul#sub-navigation {position: relative; left: -10px; width: 136px;}

body.section-home div#content {background: url(../images/bg-template_a-content-index.gif) !important;}

body#template-a div#content div#title-img, 
body#template-a div#content h3, 
body#template-a div#content h5, 
/*body#template-a div#content div.column.left h6,*/
body#template-a div#content .column.left p /*, 
body#template-a div#content .column.left ul*/ {margin-left: 55px; padding-right: 140px;}

body#template-a div#content div.column.left div.inner-column-right h6 {margin-left: 0; padding-right: 0;}

body#template-a div#content .column.left p img {padding-top: 3px;}

body#template-a div#content h5 {padding-right: 0;}

body#template-a div#content .column.left ul {font-size: .925em; line-height: normal;}

a.trade-manager {font-size: 1.125em; font-weight: bold;}

body#template-a div#content div#title-img {height: 180px; overflow: hidden;}

body.section-home div#content div#title-img, 
body.section-home div#content h3, 
body.section-home div#content h5, 
body.section-home div#content .column.left p, 
body.section-home div#content .column.left ul {margin-left: 0 !important; padding-right: 10px !important;}

body.section-home div#content h3 {position: relative; left: -3px;}

body#template-a div#content h3 {font-size: 39px; padding-bottom: 0; padding-left: 5px;}

body#template-a div#content .column.left p {font-size: .925em;}

body#template-a div#content .column.right {font-size: .875em;}

p#introduction, div#get-me-started p {/*font-size: 1.125em !important; line-height: 1.375em !important; color: #787878;*/ line-height: 1.5em;}


div#content div.column.left div.inner-column-left p,
div#content div.column.left div.inner-column-left div#title-img {width: 475px !important; padding-right: 0 !important;}

div#content div.column.left div.inner-column-left h4 {width: 460px !important;}


ul.program_list {list-style-type: none !important; padding-left: 0 !important;}



div#left-links, div#right-links {float: left; width: 45%; margin-right: 20px;}



body.valet div#content {background-image: url(../images/bg-valet-content.gif) !important;}
/*body.valet div#content .column.left h4 {background-image: url(../images/bg-h4-valet.gif); background-color: #544b23;}*/
body.global_network div#content {background-image: url(../images/bg-global_network-content.gif) !important;}

body.international_visits div#content {background-image: url(../images/bg-international_visits-content.gif) !important;}

div#content .column.left ul#global_network-list {width: 110px; float: right; background: transparent url(../uploads/title-export3.0_countries.jpg) no-repeat; overflow: hidden; margin: 0 !important; padding: 130px 0 20px 0 !important;}
div#content .column.left ul#global_network-list li {list-style:none; background: url(../images/bg-export3.0-list.gif) repeat-x 0 100%; display: block; padding: 0 0 3px; margin-left: 10px; color: #808285; font-size: 1em;}


body.basic div#content {background: white !important;}
body.basic div#content .column.left {width: 740px !important; float: none !important;}
body.basic div#content ul#services-list {width: 740px; clear: both;}
body.basic div#content ul#services-list li {width: 110px !important;}
body.basic div#content .column.left ul#services-list li h6,
body.basic div#content .column.left ul#selling-internationally li h6 {color: #E21E1E; margin: 0; padding: 0;}


body.basic div#content .column.left ul#selling-internationally li p {font-size:1em;}


div#trade-manager {background: #ccd3cc; padding: 10px; width: 740px; overflow: hidden;}
h4#trade-manager-title {color: #e21e1e !important; font-size: 31px; line-height: 31px; padding-top: 76px; padding-bottom: 0px; margin-left: 140px; margin-bottom: -8px; font-family: Trebuchet MS, sans-serif !important; position: relative; z-index: 1; width: 400px;}
div#trade-manager-map {float: right;}

div#trade-manager div#trade-manager-left {float: left; width: 130px;}
div#trade-manager div#trade-manager-left img {border: 1px solid white;}
div#trade-manager div#trade-manager-right {float: right; width: 580px; margin-right:26px;}

div.trade-manager-popup {width: 320px; height: 140px; position: absolute; top: 100px; left: 0px; display: none;}
div.trade-manager-popup img {float: left; margin: 0 5px 10px 0;}
div.trade-manager-popup p {line-height: normal !important;}
div.trade-manager-popup h5 {padding-bottom: 0 !important; color: #e21e1e !important; font-size: 13px !important; line-height: 15px;}
div.trade-manager-popup h5 span {font-size: 11px !important; color: #666 !important;}

body#template-a div#content .column.left p img {float: left; clear: left; margin: 0 10px 10px 0;}

/*
--------------------------
Exporting 101 Slideshow
--------------------------
*/
div#slideshow-modal {background: #333; filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8; display: none; position:absolute; z-index:9000; display:none;}

div#exporting101-slideshow {position: absolute; top: 45px; left: 20%; z-index: -99999; background: white;}
div#exporting101-slideshow div.exporting101-slide {width: 677px; height: 340px; overflow: hidden; background: white url(../images/bg-exporting101-popup.jpg) repeat-y;}

div#exporting101-slideshow div#slide-wrapper {position: relative; width: 677px; overflow: hidden;}

div#exporting101-slideshow div.slide-title {float: left; width: 142px; padding-bottom: 10px; padding-top: 5px;}
div#exporting101-slideshow div.slide-content {float: left; width: 467px; margin-right: 40px; margin-left: 20px; padding: 40px 0 70px; position: relative; text-align:left;}
div#exporting101-slideshow a#close-button {position: absolute; top: 10px; right: 30px; z-index: 99999;}

div#exporting101-slideshow div.slide-content img {margin-bottom: 10px;}

div#exporting101-slideshow div#slide-pagination {text-align: center; position: absolute; bottom: 20px; right: 40px; width: 467px; z-index: 99999;}

div#exporting101-slideshow div.slide-content ul li,
div#exporting101-slideshow div.slide-content p {line-height: 16px !important;}

div#exporting101-slideshow ul {list-style: disc; list-style-position:outside; padding-left: 20px;}
div#exporting101-slideshow ul li {padding-bottom:3px;}

span#slide-nav {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 5px; position: relative; top: -15px;}
span#slide-nav a {margin: 0 10px; font-size: 12px; color: #999; text-decoration: none;}
span#slide-nav a.activeSlide {color: #e21e1e; font-size: 19px;}

div#exporting101-slideshow p,
div#exporting101-slideshow ul {font-size:12px;}

div#who-we-are p {font-size: 1em;}

div.country-column {width: 23%; float: left; margin-right:10px;}

/*
--------------------------
Calendar Winners Slideshows
--------------------------
*/
div.calendar-winners-wrap {position:relative; width:420px; padding: 20px 30px; background:#c8d6d6;}

div.calendar-winners-wrap .pagination {height:30px;}
div.calendar-winners-wrap .pagination a {padding-right:10px; color: #818386; text-decoration:none;}
div.calendar-winners-wrap .pagination a.activeSlide {color:#e21e1e;}

div.next-prev-wrap {position:absolute; top:350px; height:30px; z-index:8000; width:420px; background:transparent;}
div.next-prev-wrap a.previous {position:absolute; left:5px; top:0;}
div.next-prev-wrap a.next {position:absolute; right:1px; top:0;}


body.section-home div#content div.calendar-winners h5 {position:absolute; top:300px; left: 0; z-index:9000; width: 350px; text-align:center; background:#afb1b3; padding:8px 35px; padding-right:35px !important; font-size: 13px; line-height:13px; font-weight: normal;}
body.section-home div#content div.calendar-winners h5 span {color:#e21e1e; padding:0 3px;}

div.calendar-winners p {padding-top:40px; line-height:15px !important;}

div.calendar-winners div.winner img {width: 420px; height: 300px;}

/*body.section-home div#content div#year-2009 div.calendar-winners h5 {top: 0;}
body.section-home div#content div#year-2009 div.calendar-winners p {padding-top: 10px;}
body.section-home div#content div#year-2009 div.next-prev-wrap {top:20px;}*/



div.more-info {margin-top: 10px; padding: 15px 20px 40px 20px; width: 385px;}
div#content div.column.left div.inner-column-left div.more-info p {margin-left: 0 !important; width: auto !important;}

div#content div.column.left .inner-column-right {margin-left: -2px; padding-left: 10px; background: transparent url(../images/bg-inner-left-column.gif) repeat-y 0 0;}
div#content div.column.left .inner-column-right h6 {font-size: 15px; padding-bottom:10px; font-family: Trebuchet MS, sans-serif; color: white;}
div#content div.column.left .inner-column-right ul {margin-left: 0 !important; padding: 0 0 20px !important; list-style-type: none; font-size: 1em !important;}
div#content div.column.left .inner-column-right ul li {background: transparent url(../images/bullet-inner-col-right.gif) no-repeat 0 5px; padding: 0; padding-left: 8px; padding-bottom: 5px;}

div#content div.column.left .inner-column-left {/*background: transparent url(../images/bg-inner-left-column.gif) repeat-y 100% 0;*/}

div#content div.column.left div.inner-column-left div.more-info ul {list-style: none; margin: 0 !important; padding: 0 !important; float: left; width: 120px;}
div#content div.column.left div.inner-column-left div.more-info ul li {padding: 0 0 5px; background: none; font-size: .85em;}
div#content div.column.left div.inner-column-left div.more-info ul li.list-heading {float: none; clear: both; color: #E21E1E; font-weight: bold; width:auto; padding-top: 5px; font-size: .875em;}


div#content div.column.left div.inner-column-left div.more-info p.more-info-col {line-height: normal !important;}
div#content div.column.left div.inner-column-left div.more-info p.more-info-col b {color: #E21E1E;}

div#content div.column.left div.inner-column-left div.more-info p.more-info-col.market-visits {width: 150px !important; float: left; margin-right: 20px !important;}

div#content div.column.left div.inner-column-left div.more-info p.more-info-col.last {margin-right: 0 !important;}