form {margin:0;}

html, body {background:#FFF url('media/background_bg.jpg') top repeat-x;margin: 0; padding: 0; text-align: left;height:100%;}

img {display: block;border:0;padding:0;margin:0;}

#container {width:760px;margin:0 auto 0 auto;background:#FFF url('media/wrapper_bg.jpg') repeat-y;min-height: 100%;height: auto;padding:10px 21px;}
* html #container {height:100%;}
#logo {float:left;margin-top:11px;}

#trolley {height:100px;background:#8AB831 url('media/trolley_bg.jpg') top repeat-x;float:right;margin-bottom:10px;width:35%;}
#trolley_icon {height:100px;background:url('media/trolley_bg_left.jpg') top left no-repeat;}
#trolley_close {height:100px;background:url('media/trolley_bg_right.jpg') top right no-repeat;}
#trolley h3, #trolley span{margin:0;padding:20px 20px 0 60px;font:bold 15px "trebuchet ms",arial,sans-serif;text-decoration:none;color:#FFF;}
#trolley span {font-size:13px;}
#trolley span.cost {padding-left:0;}
#trolley .buttons {border-top:2px #FFF solid;margin:5px 20px 0 47px;padding-top:5px;}
#trolley .buttons span {padding:0;float:right;}
#trolley .buttons a {font:bold 15px "trebuchet ms",arial,sans-serif;text-decoration:none;color:#FFF;}

#menu {width:100%;background:url('media/menu_bg.jpg') repeat-x;height:38px;clear:both;}
#menu ul {list-style:none;padding:0;margin:0;}
#menu li {float:left;}
#menu a {color:#FFF;font:bold 15px "trebuchet ms",arial,sans-serif;text-decoration:none;padding:7px 20px;display:block;height:24px;float:left;}
#menu a:hover, #menu a.selected {background:#6591D3;color:#FFF;}

#banner {height:400px;overflow:hidden;z-index:80;-webkit-box-shadow:  0px 3px 2px 0px rgba(0, 0, 0, .2);
box-shadow:  0px 3px 2px 0px rgba(0, 0, 0, .2);}
#slideshow {float:right;}
#slogan {background:url('media/lplate.jpg') 0px 20px no-repeat;padding-top:20px;width:35%;}
#slogan h2 {font:bold 24px "trebuchet ms",arial,sans-serif;text-decoration:none;color:#DD3A33;margin:0;padding:3px 0 0 32px;}
#slogan h2 span {display:none;visibility:hidden;}      
#slogan h3 {font:bold 15px "trebuchet ms",arial,sans-serif;text-decoration:none;color:#DD3A33;margin:0;padding:0 0 0 20px;}
#slogan p {font:11px arial,sans-serif;color:#404040;line-height:1.4em;padding:0 0 0 20px;margin:5px 0 0 0;}
#slogan p img {margin:0;float:right;}
#worldmap {background:url('../media/banners/world-distributors.jpg') no-repeat;width:760px;height:400px;position:relative;} 
#maplink {position:absolute;width:760px;height:350px;top:0;left:0;display:block;}
#uklink {position:absolute;width:290px;height:20px;bottom:15px;left:20px;display:block;}

#nav_container {position:relative;}
#nav {position:absolute;right:20px;bottom:15px;font:bold 12px "trebuchet ms",sans-serif;z-index:80;}
#nav a { border: 1px solid #808080;color:#808080; background: #fff; text-decoration: none; margin: 0 0 0 5px; padding: 2px 6px;  }
#nav a.activeSlide { border: 1px solid #86a7dc;background: #86a7dc; color:#fff; }
#nav a:focus { outline: none; }

#col1 {width:420px;float:left;padding:15px 40px 0 20px;}
#col2 {width:260px;float:left;padding:15px 20px 0 0;} 
#col1b {width:320px;float:left;padding:0;}
#col2b {width:320px;float:left;padding:0 0 0 20px;}
#fullcol {padding:15px 20px 0 20px;}

.copy {font:12px arial,sans-serif;color:#404040;line-height:1.6em;}
.copy h1{font:bold 22px "trebuchet ms",arial,sans-serif;text-decoration:none;color:#404040;margin:0;padding:0;}
.copy h1 span {color:#C0C0C0;}
.copy h2{font:bold 18px "trebuchet ms",arial,sans-serif;text-decoration:none;color:#404040;margin:0;padding:0;} 
.copy h3{font:bold 15px "trebuchet ms",arial,sans-serif;text-decoration:none;color:#404040;margin:0;padding:0;}
.copy h4{font:bold 13px "trebuchet ms",arial,sans-serif;text-decoration:none;color:#404040;margin:0;padding:0;}
.copy p {margin:5px 0 10px 0;padding:0;}
.copy a {color:#DD3A33;text-decoration:none;}
.copy a:hover {text-decoration:underline;}
.copy ul {margin:5px 0;padding:0;list-style:none;}
.copy ul li {background:url('media/heart_bullet.jpg') left top no-repeat;padding:0 0 0 27px;margin:5px 0;}

#us_site a {background:url('media/us_flag.jpg') left no-repeat; padding:2px 0 0 30px;height:16px;font:bold 11px arial,sans-serif;text-decoration:none;color:#808080;float:right;}
#us_site a:hover {color:#DD3A33;}
#worldwide {background:url('media/world.jpg') left top no-repeat;height:64px;text-align:right;}
#worldwide .form {clear:both;}
#worldwide h4 {margin:0;padding:5px 0 0 0;}
#worldwide h4 a{font:bold 15px "trebuchet ms",arial,sans-serif;text-decoration:none;color:#808080;}
#worldwide h4 a:hover {color:#DD3A33;}
#worldwide form {margin-top:5px;}
#worldwide select, #worldwide input {font:11px verdana,sans-serif;vertical-align:middle;}
#worldwide select {padding:3px;margin-right:3px;}

#keyfacts {margin-top:40px;}
* html #keyfacts {margin-top:18px;}
#news {margin-top:20px;}
#keyfacts .title img, #news .title img {float:left;padding:3px 5px 0 10px;}
#keyfacts .title, #news .title {font:bold 20px "trebuchet ms",arial,sans-serif;text-decoration:none;color:#404040;margin:0;padding:0;}
#vertical_container {margin-top:5px;}
.accordion_toggle {
      display: block;
      height: 25px;
      width: 240px;
      background: url(media/accordion_toggle.jpg) no-repeat bottom right #FFF;
      padding: 3px 10px 0 10px;
      line-height: 28px;
      font:bold 15px "trebuchet ms",arial,sans-serif;
      text-decoration: none;
      outline: none;
      border: 1px solid #DBDBDB;
      cursor: pointer;
      margin: 0;
    }
    
.accordion_toggle.ui-state-active{background:  url(media/accordion_toggle_active.jpg) no-repeat bottom right #FFF;}
.accordion_content {font:12px arial,sans-serif;color:#404040;line-height:1.6em;overflow: hidden;padding:5px 10px;}

#news .image {border:1px solid #DBDBDB;padding:10px;margin-top:5px;}
#news h2 {line-height:1;}
#news h2, #news p {margin:0;padding:5px 10px 0 10px;}
#news h2 a{font:bold 15px "trebuchet ms",arial,sans-serif;text-decoration:none;color:#DD3A33;}
#news h2 a:hover {color:#808080;}

#quote {margin-top:18px;padding-top:5px;background:#F1E4FA;}
#quote {background:#F1E4FA url('media/quote1.jpg') top no-repeat;}
#quote h5, #quote p {margin:0;padding:5px 10px 0 10px;}
#quote h5 {font:bold 15px "trebuchet ms",arial,sans-serif;text-decoration:none;color:#808080;line-height:1.4em;background:url('media/quote2.jpg') bottom no-repeat;padding:10px 15px 30px 15px;}
#quote h5 a {text-decoration:none;color:#808080;}
#quote p {font:11px arial,sans-serif;color:#404040;line-height:1.4em;text-align:right;background:#FFF;}

#shop h2 {font-size:13px;}
#shop h3 {color:#DD3A33;}
#shop h4 {font-size:18px;float:left;margin-right:10px;}
#shop .item {margin:20px 0 0 0;border-top:1px solid #DBDBDB;padding:20px 0 0 15px;float:left;width:230px;}
#shop .item.first {clear:left;float:left;padding-left:0;}
#shop .image img {border:1px solid #DBDBDB;padding:10px;display:block;margin-bottom:10px;}

#product h1 {color:#DD3A33;padding-bottom:5px;}
#product h4 {font-size:18px;float:left;margin-right:10px;}
#product .images {clear:both;padding-top:20px;} 
#product .image img {float:left;margin-right:30px;margin-bottom:10px;}

.quote1 {background:url('media/quote_blue1.jpg') top left no-repeat;margin-top:15px;padding:16px 0 0 20px;}
.quote1 .endquote {background:url('media/quote_blue2.jpg') bottom right no-repeat;padding-right:20px;} 
.quote2 {background:url('media/quote_purple1.jpg') top left no-repeat;margin-top:15px;padding:16px 0 0 20px;}
.quote2 .endquote {background:url('media/quote_purple2.jpg') bottom right no-repeat;padding-right:20px;}
.quote1 .author, .quote2 .author {font-size:11px;line-height:1.4em;}
                                                                                                       
.copy ul li.faq1 {background:url('media/faq1.jpg') left top no-repeat;padding:0 0 0 27px;margin:10px 0;}
.copy ul li.faq2 {background:url('media/faq2.jpg') left top no-repeat;padding:0 0 0 27px;margin:10px 0;}
.copy ul li.faq3 {background:url('media/faq3.jpg') left top no-repeat;padding:0 0 0 27px;margin:10px 0;}
.copy ul li.faq4 {background:url('media/faq4.jpg') left top no-repeat;padding:0 0 0 27px;margin:10px 0;}
.copy ul li.faq1 a, .copy ul li.faq2 a, .copy ul li.faq3 a, .copy ul li.faq4 a {color:#404040;font-weight:bold;}
dd {padding:0 0 5px 0;margin:0;}
dt {font-weight:bold;}

ul.sitemap, ul.sitemap li{background:none;list-style:none;padding:5px 0 0 0;list-style:disc;margin-left:10px;}
ul.sitemap a {font:bold 13px "trebuchet ms",arial,sans-serif;text-decoration:none;color:#808080;}
ul.sitemap a:hover {color:#DD3A33;}
ul.sitemap ul li{margin-left:20px;list-style:circle;}

#news_archive h5 {border-bottom:1px solid #DBDBDB;margin:0;padding:0;}
#news_archive h5 a{padding-bottom:10px;padding-top:10px;font:bold 13px "trebuchet ms",arial,sans-serif;text-decoration:none;color:#808080;text-align:right;display:block;}
#news_archive h5 a span {font-size:11px;display:block;}
#news_archive h5 a:hover {color:#DD3A33;}

.trolley {margin-top:10px;width:100%;}
.trolley th {background:#8DB833 url('media/trolley_head.jpg') top repeat-x;color:#FFF;font:bold 15px "trebuchet ms",arial,sans-serif;padding:10px 20px;}
.trolley td {padding:10px 20px;}
.trolley td.rowa {background:#F7F7F7;}
.trolley td.topline {border-top:#8DB833 2px solid;}
.trolley td.image {text-align:center;}
.trolley td.image img {display:inline;padding:0 3px;}

.form {width:100%;margin:0;padding:0;}
.form dt, .form dd {float: left;margin:10px 0 0 0;padding:0;}
.form dt {clear: left;width: 35%;text-align: right;padding-right: 6%;font-weight:bold;color:#808080;}
.form .required {background:url('media/asterisk.gif') top right no-repeat;}
.form .comment {font-weight:normal;color:#808080;font-style:italic;vertical-align:middle;}
.form .comment input {vertical-align:middle;margin-left:5px;}
.form dd {width: 58%;}
.form .gap {margin-top:25px;}
.formfield input, .formfield textarea, .formfield select, .formfielderror input, .formfielderror textarea, .formfielderror select {padding:3px;margin:0;font:11px verdana,arial,helvetica,sans-serif;color:#202020;}
.formfielderror input, .formfielderror textarea, .formfielderror select {border:1px #C00000 solid;}
.errortext {font:10px verdana,arial,helvetica,sans-serif;color:#C00000;}

.floatright {float:right;margin-top:15px;}

.red, h1.red, h2.red, h3.red, h4.red {color:#DD3A33;}
.green, h1.green, h2.green, h3.green, h4.green {color:#8AB831;}
.blue, h1.blue, h2.blue, h3.blue, h4.blue {color:#85A7DD;}
h2.sub {margin-top:20px;}

.clear {clear:both;} 
.clear2 {clear:both;height:20px;}

  
#socialmedia {border-top: 1px solid #DBDBDB;padding:10px 20px;font:bold 14px "trebuchet ms",arial,sans-serif;color:#404040;line-height:30px;}
#socialmedia h4 {display:block;float:left;font:bold 14px "trebuchet ms",arial,sans-serif;color:#DD3A33;line-height:30px;margin:0;padding:0;}
#socialmedia span.twitter {display:block;float:left;line-height:30px;margin:0 0 0 20px;}
#socialmedia span.twitter a {color:#404040;text-decoration:none;background:url('../media/twitter-icon.jpg') left no-repeat;line-height:30px;height:30px;display:block;padding:0 0 0 38px;}
#socialmedia span.facebook {display:block;float:left;line-height:30px;margin:0 0 0 20px;}
#socialmedia span.facebook a {color:#404040;text-decoration:none;background:url('../media/facebook-icon.jpg') left no-repeat;line-height:30px;height:30px;display:block;padding:0 0 0 38px;}
#awards {border-top: 1px solid #DBDBDB;padding:10px 20px;font:11px arial,sans-serif;color:#404040;}
#footer {border-top: 1px solid #DBDBDB;padding:10px 20px;font:11px arial,sans-serif;color:#404040;}
#footer #pp {float:right;}
#footer #ce {background:url('media/ce_mark.gif') left no-repeat;height:20px;padding:7px 0 0 35px;font-size:12px;}
#footer #baem {background:url('media/baem.gif') left no-repeat;height:26px;padding:14px 0 0 35px;font-size:12px;}
#footer #rohs {background:url('media/rohs.gif') left no-repeat;height:30px;padding:10px 0 0 35px;font-size:12px;}
#footer_sub {border-top: 1px solid #DBDBDB;padding:10px 20px;font:11px arial,sans-serif;color:#404040;line-height:1.4em;}
#footer_sub a {color:#404040;text-decoration:none;}
#footer_sub a:hover {color:#DD3A33;text-decoration:underline;}
#footer_sub span {margin-right:15px;padding-right:15px;border-right: 1px solid #DBDBDB;font-size:12px;}
#footer_sub span.end {border:none;}