/************************************************************************************************************************/
/* RESET THE CSS */
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 { border:0pt none; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0pt; outline-color:invert; outline-style:none; outline-width:0pt; padding:0pt; vertical-align:baseline; }
table { border-collapse:separate; border-spacing:0pt; }
caption, th, td { font-weight:normal; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
strong { font-weight:bold; }
em { font-style:italic; }
* { margin:0pt; padding:0pt; }
a { outline: none; }

/*******************************************************************************************************************************/
/* TEXT FORMATTING STYLES */
p { color: #59574D; font-size: 12px; padding-bottom: 12px; }
h1 { color: #890A0A; font-size: 16px; font-weight: normal; padding-bottom: 4px; }
h2 { color: #890A0A; font-size: 14px; font-weight: normal; }
#content-right ul, #content.gallery ul { font-size: 12px; list-style: disc; padding: 7px 50px 12px 20px; }
#content-right ul li, #content.gallery ul li { color: #59574D; padding-bottom: 5px; }
#content-right ol, #content.gallery ol { font-size: 12px; list-style: number; padding: 7px 50px 12px 20px; }
#content-right ol li, #content.gallery ol li { color: #59574D; padding-bottom: 5px; }
a { color: #890A0A; text-decoration: none; }
a:hover { color: #1A2776; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.bold-italic { font-weight: bold; font-style: italic; }
.bold-italic-sm { font-size: 10px; font-weight: bold; font-style: italic; }
.red { color: #FF0000; }
.beige-cont { background: #EFEEE1; padding: 20px 20px 10px 20px; margin: 10px 10px 20px 0px; border: solid 1px #D1CEBD; }
.beige-cont h1, .beige-cont h2 { color: #7F7B65; }
.blue-cont { background: #EDF5FC; padding: 20px 20px 10px 20px; margin: 10px 10px 20px 0px; border: solid 1px #9EB8DD; }
.blue-cont h1, .blue-cont h2 { color: #7A9AC1; }

/*******************************************************************************************************************************/
/* CENTERING AND POSITIONING */
body { background: #EFEEE1 url(../images/bg-main.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; }
#wrapper { margin: 0 auto; width: 830px; }

/*******************************************************************************************************************************/
/* HEADER STYLES */
#header { float: left; width: 800px; height: 280px; margin: 0px 15px 0px 15px; }
* html #header { margin: 0px 7px 0px 7px; padding-left: 1px; }
#header.home { background: url(../images/banners/map.jpg) no-repeat 0px 30px; }
#header.about-banner { background: url(../images/banners/business.jpg) no-repeat 0px 30px; }
#header.business-banner { background: url(../images/banners/business.jpg) no-repeat 0px 30px; }
#header.global-banner { background: url(../images/banners/global-sourcing.jpg) no-repeat 0px 30px; }
#header.contact-banner { background: url(../images/banners/contact-us.jpg) no-repeat 0px 30px; }
#header.virtual-banner { background: url(../images/banners/singapore.jpg) no-repeat 0px 30px; }
#header.manufacture-banner { background: url(../images/banners/manufacturers.jpg) no-repeat 0px 30px; }
#header.quality-banner { background: url(../images/banners/quality.jpg) no-repeat 0px 30px; }
#header.supplier-banner { background: url(../images/banners/int-suppliers.jpg) no-repeat 0px 30px; }
#header.micro-banner { background: url(../images/banners/microchip.jpg) no-repeat 0px 30px; }
#header.shipping-banner { background: url(../images/banners/shipping.jpg) no-repeat 0px 30px; }

/* LOGO LAYOUT */
#logo { float: left; width: 359px; height: 87px; }
#smartrend { float: left; width: 149px; height: 87px; }
#tagline { float: left; width: 210px; height: 87px; }

/*******************************************************************************************************************************/
/* TOP OF PAGE NAVIGATION */
#top-nav { float: right; width: 390px; }
#top-nav ul { float: right; width: 285px; list-style: none; margin: 13px 0px 0px 0px; }
#top-nav ul li { float: left; height: 12px; margin-left: 10px; }
#top-nav ul li a { float: left; height: 12px; }
/* IMAGE LAYOUT */
#top-nav ul li#home { background: url(../images/nav-home.jpg) no-repeat; width: 39px; }
#top-nav ul li#faq { background: url(../images/nav-faq.jpg) no-repeat; width: 26px; }
#top-nav ul li#client-login { background: url(../images/nav-client-login.jpg) no-repeat; width: 87px; }
#top-nav ul li#contact-us { background: url(../images/nav-contact-us.jpg) no-repeat; width: 81px; }
/* NAVIGATION STYLES */
#top-nav ul li#home a { background: url(../images/nav-home.jpg) no-repeat; width: 39px; }
#top-nav ul li#faq a { background: url(../images/nav-faq.jpg) no-repeat; width: 26px; }
#top-nav ul li#client-login a { background: url(../images/nav-client-login.jpg) no-repeat; width: 87px; }
#top-nav ul li#contact-us a { background: url(../images/nav-contact-us.jpg) no-repeat; width: 81px; }
/* HOVER STYLES */
#top-nav ul li#home a:hover { background: url(../images/nav-home-over.jpg) no-repeat; }
#top-nav ul li#faq a:hover { background: url(../images/nav-faq-over.jpg) no-repeat; }
#top-nav ul li#client-login a:hover { background: url(../images/nav-client-login-over.jpg) no-repeat; }
#top-nav ul li#contact-us a:hover { background: url(../images/nav-contact-us-over.jpg) no-repeat; }

/*******************************************************************************************************************************/
/* MIDDLE OF PAGE NAVIGATION */
#nav-mid { float: left; width: 830px; }
#nav-mid ul#nav { float: left; width: 830px; list-style: none; }
#nav-mid ul#nav li { float: left; }
#nav-mid ul#nav li a { float: left; }
/* IMAGE LAYOUT */
#nav-shadow-left { background: url(../images/nav-shadow-left.jpg) no-repeat 0px 18px; width: 15px; height: 31px; }
#nav-shadow-right { background: url(../images/nav-shadow-right.jpg) no-repeat 0px 18px; width: 15px; height: 31px; }

/* LAYOUT STYLES */
ul#nav li.global-sourcing { background: url(../images/nav-global-sourcing.jpg) no-repeat; width: 199px; height: 31px;  }
ul#nav li.quality-inspections { background: url(../images/nav-quality-inspections.jpg) no-repeat; width: 201px; height: 31px;  }
ul#nav li.int-suppliers { background: url(../images/nav-int-suppliers.jpg) no-repeat; width: 200px; height: 31px;  }
ul#nav li.about-smartrend { background: url(../images/nav-about-smartrend.jpg) no-repeat; width: 199px; height: 31px;  }
/* NAVIGATION STYLES */
ul#nav li a#global-sourcing { background: url(../images/nav-global-sourcing.jpg) no-repeat; width: 199px; height: 31px;  }
ul#nav li a#quality-inspections { background: url(../images/nav-quality-inspections.jpg) no-repeat; width: 201px; height: 31px;  }
ul#nav li a#int-suppliers { background: url(../images/nav-int-suppliers.jpg) no-repeat; width: 200px; height: 31px;  }
ul#nav li a#about-smartrend { background: url(../images/nav-about-smartrend.jpg) no-repeat; width: 199px; height: 31px;  }
/* HOVER STYLES */
ul#nav li a#global-sourcing:hover { background: url(../images/nav-global-sourcing-over.jpg) no-repeat; }
ul#nav li a#quality-inspections:hover { background: url(../images/nav-quality-inspections-over.jpg) no-repeat; }
ul#nav li a#int-suppliers:hover { background: url(../images/nav-int-suppliers-over.jpg) no-repeat; }
ul#nav li a#about-smartrend:hover { background: url(../images/nav-about-smartrend-over.jpg) no-repeat; }

/*******************************************************************************************************************************/
/* DROP DOWN STYLES */
ul#nav ul { margin: 0; padding: 0; padding-top: 11px; list-style-type: none; list-style-position: outside; background: #DDE3EC url(../images/bg-dropdown.jpg) repeat-y; position: absolute; top: 25px; left: 0px; width: 198px; border-bottom: solid 1px #9EB8DD; border-top: solid 1px #9EB8DD; padding-bottom: 0px; }
* html ul#nav ul { padding-bottom: 0px; }
ul#nav ul#qa, ul#nav ul#is { left: 2px; }
ul#nav ul#as { left: 1px; }
ul#nav ul li { float: left; margin: 0px 0px 2px 0px; }
* html ul#nav ul li { margin-bottom: 0px; }
ul#nav ul li a { display: block; padding: 6px 0px 6px 10px; color: #114E96; text-decoration: none; width: 188px; font-size: 12px; font-weight: bold; margin: 0px 0px 0px 1px; }
* html ul#nav ul li a { padding: 10px 0px 0px 8px; }
ul#nav ul li a.left-slide { background: url(../images/dropdown-arrow.png) no-repeat 180px 9px; }
* html ul#nav ul li a.left-slide { background: none; }
#nav a:hover, #nav a.left-slide:hover { background-color: #E7EFF7; color: #59574D; width: 186px; height: auto; }
#nav li { position: relative; margin: 0; padding: 0; }

#nav li ul ul { background: #E0E0E0 url(../images/bg-sub-dropdown.jpg) repeat-y; top: auto; width: 198px; padding-top: 0px; top: 0px; left: 190px; margin: 0px 0 0 0px; border-bottom: solid 1px #BAB6A6; border-top: solid 1px #BAB6A6; }
#nav li ul ul a { color: #59574D; }	
#nav li ul ul a:hover { width: 186px; color: #59574D; background: #F2F1EB; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display: none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display: block; }
ul#nav li.pointer a.left-slide { cursor: default; }

/*******************************************************************************************************************************/
/* FORM LAYOUT STYLES */
.form-section { float: left; width: 600px; padding: 20px 0px 10px 20px; border: solid 1px #CCCCCC; border-bottom: none; }
* html .form-section { padding: 20px 0px 20px 10px; }
.form-section#final-section { border-bottom: solid 1px #CCCCCC; margin-bottom: 20px; }
.form-line, .check-line, .radio-line { float: left; width: 600px; font-size: 11px; color: #999999; padding-bottom: 9px; }
.form-line input { width: 568px; border: solid 1px #C1C1C1; color: #074B60; }
.form-line .half input { width: 270px; color: #074B60; }
.half { float: left; width: 300px; }
textarea { width: 568px; height: 60px; font-family:Arial, Helvetica, sans-serif; color: #074B60; font-size: 12px; }

.third { float: left; width: 200px; }

.input-padding { margin-bottom: 3px; }
.half input.radio { width: 25px; border: none; }
.third input.radio { width: 25px; border: none; }
.third input.check { width: 20px; boder: none; }
.check-line, .radio-line { padding-top: 5px; }
.select { width: 280px; color: #666666; font-size: 12px; height: 20px; }
.form-line-submit { float: left; width: 100px; font-size: 11px; color: #999999; padding-bottom: 9px; padding-top: 15px;  }
.form-line-submit input { width: 100px; border: solid 1px #C1C1C1; }

.part-num { float: left; width: 90px; }
input.input-part-num { width: 70px; }
.part-desc { float: left; width: 340px; }
input.input-part-desc { width: 320px; }
.part-order { float: left; width: 80px; }
input.input-part-order { width: 50px; }
.part-annual { float: left; width: 80px; }
input.input-part-ann { width: 50px; }

input.input-browse { width: 400px; }
input.submit-browse { width: 80px; font-size: 11px; height: 19px; }

/*******************************************************************************************************************************/
/* TABLE LAYOUT STYLES (PRICING) */
table.pricing { background: #EFEEE1; width: 760px; font-size: 12px; color: #59574D; margin-bottom: 18px; }
table.pricing tr.alt { background: #E0DED1; }
table.pricing td, table.pricing th { border-bottom: solid 1px #ffffff; }
table.pricing th { background: #BFD5EF; padding: 9px 0px 9px 10px; font-size: 14px; font-weight: bold; text-align: center; color: #114E96; }
table.pricing th.sub { background: #DCE9F4; font-size: 12px; text-align: left; color: #59574D; }
table.pricing tr.alt th.sub { background: #CEE1ED; }
table.pricing td { padding: 6px 0px 6px 10px; text-align: center; vertical-align: middle; }

/*******************************************************************************************************************************/
/* CONTENT LAYOUT STYLES */
#content-cont { background: url(../images/bg-home-top.jpg) repeat-y; float: left; width: 830px; }
#content { float: left; width: 800px; margin: 0px 15px 0px 15px; }
* html #content { margin: 0px 7px 0px 7px; padding-left: 1px; }

/*******************************************************************************************************************************/
/* HOME PAGE COLUMNS (FOUR) */
.column { float: left; width: 150px; padding: 20px 15px 0px 20px; }
.column p { color: #565656; font-size: 11px; padding: 10px 0px 20px 0px; }
.checkmark { padding-right: 3px; }

/*******************************************************************************************************************************/
/* HOME PAGE COLUMNS (TWO) */
#home-two-col { background: url() repeat-y; float: left; width: 800px; margin: 22px 0px 12px 0px; }
#home-two-col h1 { font-size: 12px; font-weight: bold; }
#home-two-col p { font-size: 11px; }
#home-left { float: left; width: 360px; padding: 0px 20px 0px 20px; }
#home-right { float: left; width: 360px; padding: 0px 20px 0px 20px; }

/*******************************************************************************************************************************/
/* HOME PAGE TAB STYLES */
#tabs { background: url(../images/bg-tab-bg.jpg) repeat-y; float: left; width: 800px; }
#tabs-top { background: #ffffff url(../images/tab-headings.jpg) no-repeat; float: left; width: 800px; height: 32px; }
#tab-sourcing { float: left; width: 400px; }
#tab-product { float: left; width: 400px; }
#tabs-bottom { background: url(../images/bg-tabs.jpg) repeat-x bottom; float: left; width: 800px; height: 290px; }
/* LEFT TAB */
#tab-left { background: url(../images/tab-shadow.jpg) no-repeat right top; float: left; width: 423px; height: 290px; }
#tab-left-text { padding: 15px 15px 15px 20px; }
/* RIGHT TAB */
#tab-right { float: left; width: 377px; }
#tab-right-text { padding: 15px 15px 15px 4px; margin-bottom: 15px; }
/* BOTTOM OF TABS */
#tabs-corner { background: url(../images/bg-home-bottom.jpg) no-repeat; float: left; width: 830px; height: 20px; }

/*******************************************************************************************************************************/
/* HOME PAGE TAB NAVIGATION LAYOUT */
ul.tab-nav { float: left; width: 341px; list-style: none; padding-bottom: 15px; }
*:first-child+html ul.tab-nav { padding-bottom: 0px; }
* html ul.tab-nav { padding-bottom: 0px; }
ul.tab-nav li { background: url(../images/nav-divide-home.png) no-repeat bottom; float: left; width: 340px; height: 30px; color: #59574D; font-size: 11px; padding: 7px 0px 0px 10px; border: none; }
* html ul.tab-nav li { background: none; float: left; width: 340px; height: 20px; border-bottom: solid 1px #9EB8DD; padding: 15px 0px 0px 10px; }
ul.tab-nav li a { color: #59574D; text-decoration: none; }
ul.tab-nav li a:hover { color: #114E96; }

/*******************************************************************************************************************************/
/* PRODUCT GALLERY STYLES */
#product-text { float: left; width: 444px; }
#product-text-cont { padding: 0px 20px 0px 15px; }
#gallery { float: left; width: 356px; }
#gallery-main { background: url(../images/gallery-top.jpg) no-repeat top; float: left; width: 356px; }
* html #gallery-main { background: none; }
#gallery-med { background: url(../images/gallery-beige.jpg) repeat-y; float: left; width: 356px; padding-bottom: 16px; }
#gallery-thumb { float: left; width: 332px; padding: 15px 0px 25px 25px; }
* html #gallery-thumb { padding-left: 14px; }
#gallery-bottom { background: url(../images/gallery-bottom.jpg) no-repeat bottom; float: left; width: 356px; height: 11px; }
* html #gallery-bottom { background: none; }
#gallery-sm { background: url(../images/gallery-blue.jpg) repeat-y; float: left; width: 356px; }
#full-img { background: #ffffff; float: left; width: 312px; height: 235px; border: solid 1px #C4C4C4; margin: 18px 0px 13px 21px; padding: 5px 0px 0px 5px; }
* html #full-img { margin-left: 11px; }
#content ul.thumbs-list { float: left; width: 312px; list-style: none; margin: 4px 0px 0px 0px; padding: 0px; }
#content ul.thumbs-list li.thumb { background: #ffffff; float: left; width: 44px; height: 34px; border: solid 1px #C4C4C4; margin-right: 3px; padding: 2px 0px 0px 2px; } 

/* MORE GALLERIES STYLES */
h2#gallery-title { font-size: 11px; font-weight: bold; color: #77766F; padding-top: 15px; float: left; }
#content.gallery ul#more-galleries { float: left; width: 332px; list-style: none; padding: 5px 0px 0px 0px; margin: 4px 0px 0px 0px; }
/* LIST LAYOUT */
ul#more-galleries li { float: left; color: #ffffff; font-size: 11px; }
/* LINK STRUCTION */
ul#more-galleries li a { background: url(../images/bg-nav-galleries.jpg); color: #ffffff; margin: 0px 2px 0px 2px; padding: 3px 7px 3px 7px; float: left; }
ul#more-galleries li a:hover { background: url(../images/bg-nav-galleries-over.jpg); color: #ffffff; }
*:first-child+html ul#more-galleries li a:hover { background: url(../images/bg-nav-galleries-over.jpg); color: #ffffff; }
ul#more-galleries a, ul#more-galleries a:active, ul#more-galleries a:visited { color: #ffffff; text-decoration: none; }
ul#more-galleries a.selected, ul#more-galleries a.selected:active, ul#more-galleries a.selected:visited { background: url(../images/bg-nav-galleries-over.jpg); color: #ffffff; }
.hidden { display: none; }


/*******************************************************************************************************************************/
/* FACTORY GALLERY STYLES */
#factory { background: url(../images/factory-gallery-bg.jpg) repeat-y; float: left; width: 780px; margin-left: 10px; }
* html #factory { margin-left: 5px; }
#factory-top { background: url(../images/factory-gallery-top.jpg) no-repeat; float: left; width: 767px; height: 11px; }
#factory-bottom { background: url(../images/factory-gallery-bottom.jpg) no-repeat; float: left; width: 767px; height: 16px; }
* html #factory-bottom { background: none; }
#factory-main { float: left; width: 592px; padding-bottom: 20px; }
#factory-sm { background: none; float: left; width: 145px; padding: 25px 0px 0px 30px; }
#factory-full-img { background: #ffffff; float: left; width: 532px; height: 401px; border: solid 1px #C4C4C4; margin: 25px 0px 0px 32px; padding: 7px 0px 0px 7px; }
* html #factory-full-img { margin-left: 16px; }
#content ul.factory-list { background: none; float: left; width: 110px; list-style: none; margin: 4px 0px 0px 10px; padding: 0px; }
* html #content ul.factory-list { margin-left: 5px; }
#content ul.factory-list li.thumb { background: #ffffff; float: left; width: 44px; height: 34px; border: solid 1px #C4C4C4; margin-right: 3px; padding: 2px 0px 0px 2px; } 

/* MORE GALLERIES STYLES */
h2#factory-title { font-size: 11px; font-weight: bold; color: #77766F; padding-top: 15px; float: left; }
#content.gallery ul#factory-more-galleries { float: left; width: 145px; list-style: none; padding: 5px 0px 0px 0px; margin: 4px 0px 0px 0px; }
/* LIST LAYOUT */
ul#factory-more-galleries li { float: left; color: #ffffff; font-size: 11px; }
/* LINK STRUCTION */
ul#factory-more-galleries li a { background: url(../images/bg-nav-galleries.jpg); color: #ffffff; margin: 0px 2px 0px 2px; padding: 3px 7px 3px 7px; float: left; }
ul#factory-more-galleries li a:hover { background: url(../images/bg-nav-galleries-over.jpg); color: #ffffff; }
*:first-child+html ul#factory-more-galleries li a:hover { background: url(../images/bg-nav-galleries-over.jpg); color: #ffffff; }
ul#factory-more-galleries a, ul#factory-more-galleries a:active, ul#factory-more-galleries a:visited { color: #ffffff; text-decoration: none; }
ul#factory-more-galleries a.selected, ul#factory-more-galleries a.selected:active, ul#factory-more-galleries a.selected:visited { background: url(../images/bg-nav-galleries-over.jpg); color: #ffffff; }
.hidden { display: none; }

/*******************************************************************************************************************************/
/* SUPPLIERS MAP STYLES */
#supplier-map { background: url(../images/supplier-map.jpg) no-repeat; float: left; width: 724px; height: 371px; padding: 0px 0px 20px 0px; margin: 15px 0px 0px 20px; }
* html #supplier-map { margin-left: 5px; }
#supplier-map ul { float: left; width: 506px; height: 259px; list-style: none; padding: 0px; }
.supplier-flag { width: 42px; height: 31px; position: relative; }
a#canada-area { background: url(../images/flag-png-canada.png) no-repeat; float: left; width: 42px; height: 31px; }
a#usa-area { background: url(../images/flag-png-usa.png) no-repeat; float: left; width: 42px; height: 31px; }
a#turkey-area { background: url(../images/flag-png-turkey.png) no-repeat; float: left; width: 42px; height: 31px; }
a#china-area { background: url(../images/flag-png-china.png) no-repeat; float: left; width: 42px; height: 31px; }
a#india-area { background: url(../images/flag-png-india.png) no-repeat; float: left; width: 42px; height: 31px; }
a#mexico-area { background: url(../images/flag-png-mexico.png) no-repeat; float: left; width: 42px; height: 31px; }
a#brazil-area { background: url(../images/flag-png-brazil.png) no-repeat; float: left; width: 42px; height: 31px; }
* html a#canada-area, a#usa-area, a#turkey-area, a#china-area, a#india-area, a#mexico-area, a#brazil-area { behavior: url(../images/iepngfix.htc); float: left; width: 42px; height: 31px; cursor: pointer; }
/* FLAG POSITION STYLES */
#canada { top: 98px; left: 114px; }
#usa { top: 101px; left: 118px; }
#turkey { top: 65px; left: 390px; }
#china { top: 55px; left: 535px; }
#india { top: 40px; left: 471px; }
#mexico { top: 0px; left: 125px; }
#brazil { top: 30px; left: 230px; }
/* FLAG POSITION FOR IE7 */
*:first-child+html #china { top: 47px; left: 538px; }
*:first-child+html #india { top: 32px; left: 470px; }
*:first-child+html #mexico { top: -18px; left: 125px; }
*:first-child+html #brazil { top: 10px; left: 230px; }
/* FLAG POSITION FOR IE6 */
* html #canada { top: 98px; left: 114px; }
* html #usa { top: 101px; left: 118px; }
* html #turkey { top: 62px; left: 390px; }
* html #china { top: 47px; left: 538px; }
* html #india { top: 32px; left: 470px; }
* html #mexico { top: -18px; left: 125px; }
* html #brazil { top: 10px; left: 230px; }

/*******************************************************************************************************************************/
/* SUPPLIERS BOX STYLES */
#suppliers { background: url(../images/bg-supplier-box.jpg) repeat-y; float: left; width: 360px; }
#supplier-title { background: url(../images/title-supplier.jpg) no-repeat; float: left; width: 360px; height: 24px; padding-bottom: 8px; }
#suppliers p { font-size: 11px; padding: 0px 25px 8px 15px; }
/* SUPPLIERS BOX NAVIGATION */
ul.supplier-nav { float: left; width: 80px; list-style: none; padding: 0px 15px 15px 20px; }
ul.supplier-nav li { background: url(../images/nav-arrow.jpg) no-repeat 0px 10px; float: left; width: 80px; font-size: 10px; padding: 0px 0px 0px 10px; color: #59574D; }
img.flag { margin: 4px 0px 0px 5px; float: left; }
ul.supplier-nav li a { color: #59574D; text-decoration: none; float: left; margin-top: 6px; }
ul.supplier-nav li a:hover { color: #114E96; }

/*******************************************************************************************************************************/
/* SOURCING STEPS BOX STYLES */
#sourcing-steps { background: url(../images/bg-supplier-box.jpg) repeat-y; float: left; width: 360px; }
#sourcing-steps-title { background: url(../images/title-sourcing-steps.jpg) no-repeat; float: left; width: 360px; height: 24px; padding-bottom: 8px; }
#sourcing-steps p { font-size: 11px; padding: 0px 25px 8px 15px; }
ul.steps-nav { float: left; width: 80px; list-style: none; padding: 0px 10px 25px 15px; }
ul.steps-nav li { background: url(../images/nav-arrow.jpg) no-repeat 0px 10px; float: left; width: 80px; font-size: 10px; padding: 0px 0px 0px 10px; color: #59574D; }
ul.steps-nav li a { color: #59574D; text-decoration: none; float: left; margin-top: 6px; }
ul.steps-nav li a:hover { color: #114E96; }

/*******************************************************************************************************************************/
/* INSIDE PAGE STYLES AND LAYOUT */
.right-cont-img { float: right; padding-left: 20px; }
#map { float: left; width: 300px; height: 175px; margin: 0px 0px 20px 0px; }
.event { float: left; width: 740px; padding: 0px 0px 20px 0px; }
.cal-icon { float: left; padding: 0px 15px 0px 15px; }
#content-right ul.but-nav { float: left; width: 800px; list-style: none; padding: 10px 0px 10px 0px; margin: 0px; }
#content-right ul.but-nav li { float: left; width: 183px; padding-right: 10px; }

/*******************************************************************************************************************************/
/* BACKGROUND STYLES */
#content-left { float: left; width: 224px; }
.content-left-cont { padding: 10px 0px 0px 15px; }

ul#subnav { float: left; width: 185px; list-style: none; padding-bottom: 40px; }
ul#subnav li { background: url(../images/nav-arrow.jpg) no-repeat 5px 11px; float: left; width: 175px; font-size: 11px; color: #59574D; height: 41px; padding: 0px 0px 0px 10px; }
ul#subnav li:hover { background: url(../images/nav-sub-hover.jpg) no-repeat; }
ul#subnav li a { color: #59574D; text-decoration: none; width: 175px; height: 41px; float: left; margin: 7px 0px 0px 0px; margin-left: 5px; }
ul#subnav li a:hover { color: #114E96; }

#title-side { background: url(../images/bg-title-side.jpg) no-repeat; float: left; width: 224px; height: 42px; margin: 4px 0px 4px 0px; }
#title-side h1 { color: #59574D; font-size: 14px; padding: 5px 10px 0px 15px; }
#title-side h1 a { color: #59574D; text-decoration: none; }
#title-side h1 a:hover { color: #114E96; }
#side-blue { background: url(../images/bg-side-blue.jpg) repeat-y; float: left; width: 224px; }
ul.side-notes { float: left; width: 175px; list-style: none; padding-bottom: 10px; }
ul.side-notes li { background: url(../images/nav-arrow-blue.jpg) no-repeat 0px 5px; float: left; width: 175px; font-size: 12px; color: #59574D; padding: 0px 0px 10px 10px; }
ul.side-notes li a { color: #59574D; text-decoration: none; }
ul.side-notes li a:hover { color: #114E96; }

#content-right { float: left; width: 800px; }
.content-right-cont { padding: 10px 15px 0px 15px; }

#content-title { background: url(../images/bg-title.jpg) no-repeat; width: 800px; height: 53px; padding-bottom: 10px; }
#content-title h1 { color: #ffffff; font-size: 24px; padding: 12px 10px 0px 15px; font-weight: bold; }
#content-title h1 a { color: #ffffff; text-decoration: none; }
#content-title h1 a:hover { color: #114E96; }
.inside-col { float: left; width: 375px; }

#inside-bottom { background: url(../images/bg-inside-bottom.jpg) no-repeat; float: left; width: 830px; height: 20px; }

/*******************************************************************************************************************************/
/* FOOTER STYLES */
#footer-cont { float: left; width: 831px; }
#footer { width: 800px; margin: 0px 15px 0px 15px; }
#disclaimer { float: left; width: 360px; padding: 0px 40px 5px 8px; }
#disclaimer p { color: #59574D; font-size: 10px; }
#footer-nav { float: left; }
#footer-nav ul { float: left; list-style: none; }
ul#foot-sm { width: 100px; }
ul#foot-lg { width: 140px; }
ul#foot-sm li { width: 100px; }
ul#foot-lg li { width: 140px; }
ul#foot-sm li { float: left; width: 100px; font-size: 10px; color: #59574D; padding-bottom: 6px; }
ul#foot-lg li { float: left; width: 140px; font-size: 10px; color: #59574D; padding-bottom: 6px; }
#footer-nav ul li a { color: #59574D; text-decoration: none; }
#footer-nav ul li a:hover { color: #114E96; }
#copyright { float: left; width: 140px; text-align: center; padding: 25px 0px 0px 10px; }
#copyright p { font-size: 11px; color: #0000000; }

/********************************************************************************************************************************/
/* MODERN EARTH BRANDING */
#modernearth { float: right; width: 105px; padding: 25px 40px 10px 0px; }
*:first-child+html #modernearth { padding-top: 0px; }
* html #modernearth { padding-top: 0px; }