* { margin: 0; padding: 0; }
body { background: #F6F6F6 url(../images/img01-lighter.jpg) repeat-x 100px 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #4B4B4B; }
form { }
input, textarea { padding: 2px 5px; border: 1px solid #999999; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6B6B6B; }
input:hover, textarea:hover { background: #EEEEEE; }
h1, h2, h3, h4 { margin: 0; }
h2, h3, h4 { padding-bottom: 9px; letter-spacing: -0.035em; font-weight: normal; color: #37404C; }
h1 { font-size: 22px; margin-bottom: 10px }
h2 { font-size: 18px; }
h3 { font-size: 16px; font-weight: bold; padding-bottom: 0px; }
h4 { font-size: 14px; font-weight: bold; }
p, ul, ol { margin-bottom: 1.5em; line-height: 170%; text-align: justify; }
li { margin-left: 15px; }
dl.list1 { margin: 0; padding: 0; list-style: none; }
dl.list1 dt { float: left; width: 70px; }
dl.list1 dd { margin-bottom: 10px; }
dl.list1 a { color: #666666; }
ul.list2 { margin: 0; padding: 0; list-style: none; line-height: normal; }
ul.list2 li { float: left; margin: 0 18px 18px 0; }
ul.list2 li.nopad { margin-right: 0; }
blockquote { margin-left: 3em; margin-right: 3em; }

a {   color: #EB7A00;   text-decoration: none; }
a:hover {   text-decoration: underline !important; }
a img {   border: none;   margin-bottom: 5px; }
a img { border: 1px solid #eee; padding:2px; clear:both; }
a img:hover { border: 1px solid #023D83; }

img.left { float: left; margin: 5px 20px 0 0; }
img.right { float: right; margin: 5px 0 0 20px; }

h1.title { color: #EB7A00; font-family: georgia; font-weight: normal }

#wrapper { width: 960px; margin: 0; background: #F6F6F6 url(../images/img02.jpg) repeat-y; }

#header { height: 140px; }

#logo { float: left; padding: 0px 0px 0px 48px; width: 250px; }
#logo h1{ margin: 0; font-size: 13px; color: white; text-decoration: none; border: none; font-weight: normal; letter-spacing: -0.08em }
#logo h1 a { text-decoration: none; color: #FFFFFF; text-align: center }
#logo img { padding-top: 5px; border: none }

#submenu { position:absolute; top: 115px; left: 208px; border-top: 1px solid white; width: 709px }
#submenu ul { margin: 0px 5px; padding: 0px 0 0 0; list-style: none; line-height: 9px; }
#submenu li { display: inline; }
#submenu h3 { float: left; margin: 0px 5px; letter-spacing: 0px; }
#submenu span { float: left; color: black; }
#submenu a { text-decoration: none; font-size: 11px; margin: 0px; font-weight: normal; color: #FFFFFF; }
#submenu a:hover { text-decoration: underline; color: black }

#page { background: url(../images/img04-2.jpg) no-repeat; padding-left: 60px; width: 900px; height: 100% }

div.content { float: left; width: 620px; border-right:1px solid #BBBBBB; padding-right: 15px; margin-top: 35px }
div.content.wide { width: 840px; border: none; }
div.content.wide.third { width: 267px; border: none; }
div.content.wide.no-margin-top { margin-top: 0px !important }

#content { float: left; width: 620px; border-right:1px solid #BBBBBB; padding-right: 15px; margin-top: 35px }
#content.wide { width: 840px; border: none; }
#content.wide.third { width: 267px; border: none; }
#content.wide.no-margin-top { margin-top: 0px !important }

.post { padding-top: 10px; }
.post .title { }
.post .title a { text-decoration: none; color: #37404C; }
.post .title a:hover { text-decoration: underline; }
.post .entry { }
.post .entry h2 { margin-top: 10px; padding-bottom: 0px; color: #6887B6 }
.post .entry h2 a { color: #6887B6 }
.post .entry h3 { float:right; text-align:right; color: #666666; padding: 0px; margin-top: 0px; margin-bottom: 5px; font-weight: normal; font-size: 13px; border-bottom: 1px dotted #666666 }
.post .entry h3.left { float:none !important; clear:both; text-align:left; border:none; text-decoration: underline; font-size:15px }
.post .entry p b { font-size: 110%; }
.post .sub-imaged { float:left; width: 120px; margin-left: 0px !important }
.post .imaged { float:right; width: 470px; margin-left: 0px !important }
.post .meta { height: 16px; margin: 0; padding: 10px; background: url(../images/img07.jpg) repeat-x left bottom; line-height: normal; }
.post .meta .posted { display: block; float: left; }
.post .meta .permalink { display: block; float: right; padding-left: 17px; background: url(../images/img09.gif) no-repeat left center; }
.post .meta .comments { display: block; float: right; padding: 0 30px 0 19px; background: url(../images/img08.gif) no-repeat left center; }

.post.wide .imaged { float:right; width: 690px; margin-left: 0px !important }

.post .entry .infobox { border: 1px solid #ECDD1F; padding: 5px; background: #FFF784; width: 350px; float:right; text-align:right; margin-left: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
.post .entry .infobox.left { float: left; margin-right: 10px; }
.post .entry .infobox .right { margin: 0; border: none }
.post .entry .infobox h1, .post .entry .infobox h2, .post .entry .infobox h3, .post .entry .infobox h4 { font-size: 14px; color: #666666; font-weight: bold; display: inline; border: none; float: left; margin: 0px 5px 0px 0px}

#sitemap ul { list-style-image: url(../images/ul.png) }

#sidebar { float: right; width: 206px; padding: 35px 50px 0 0; }
#sidebar ul { margin: 0; padding: 0; list-style: none; }
#sidebar li { margin-bottom: 20px; text-align: left; }
#sidebar li ul { }
#sidebar li li { margin: 0; }

#footer { height: 38px; width: 100%; background: #F6F6F6 url(../images/img05.jpg) no-repeat; }
#footer p { margin: 0; width: 890px; padding-top: 9px; padding-left: 45px; color: #8E8E8E; text-align: center; font-size: 11px; line-height: 15px }
#footer a { color: #666666; }

img.left { float: left; margin-right: 15px; border-right:1px dashed #BBBBBB; }
img.left.no-border { border: none }
img.right { float: right; margin-left: 15px; border-left:1px dashed #BBBBBB; }

table.pricelist { width: 100%; border: 1px solid #DDDDDD }
table.pricelist th { background: #6388B2; color: white; padding: 5px; text-align: left; }
table.pricelist td { border-top: 1px solid #EEEEEE; text-align: left;  }

#tooltip {
  position: absolute;
  z-index: 3000;
  border: 3px solid #111;
  background-color: white;
  padding: 5px;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
  font-family: Arial;
  border: none;
  width: 210px;
  padding:20px;
  height: 135px;
  background: url('../images/shadow.png');
}
#tooltip.pretty h3 {
  margin-bottom: 0.75em;
  font-size: 12pt;
  width: 220px;
  text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
  background: url('../images/shadow2.png');
  padding-top: 5em;
  height: 100px;
}
#tooltip.fancy.viewport-right {
  background: url('../images/shadow2-reverse.png');
}

#tooltip.customer-tooltip div {
  width: 450px;
  font-size: 10px;
}

.quoted {  }
.quotationDown { background: url('../images/quotationDown.gif') no-repeat; display: inline-block; width: 22px; height: 15px; margin-left: 5px; }
.quotationUp { background: url('../images/quotationUp.gif') no-repeat; display: inline-block; width: 22px; height: 15px; margin-right: 5px; }

.form_404 { width: 425px; height: 268px; background: url('../images/404_no_buttons.gif') no-repeat; padding-top: 100px; padding-left: 30px; }


#menu { position: absolute; top: 0px; left: 208px; width: 708px; z-index:1000; }
#menu ul { margin: 0; list-style: none; width:708px; text-align:left; border-bottom: 1px solid white }
#menu li { display: inline; padding: 0px 0px; text-align:left; margin: 0px }
#menu span { padding: 0px 10px; text-decoration: underline; font-size: 13px; font-weight: bold; color: #444; background: #01377D url(../images/menu_item_active_bkg.gif) repeat-x; cursor: default }
#menu ul li a { padding: 3px 10px; text-decoration: none; font-size: 13px; font-weight: bold; color: #FFFFFF; }
#menu ul li a.active { background:white; color: black }
#menu ul li a:hover { text-decoration: underline; background:white; color: black }
#menu ul li ul { position:relative; z-index: 10; float:left; border: none; margin-top: 5px; display: none }
#menu ul li ul li { display:block; line-height:1.5em; font-size:11px; padding:0px; margin:0px; }
#menu ul li ul li a { font-weight:normal; color: white; }
#menu ul li ul li a.active { background:none; font-weight: bold; color: white }
#menu ul li ul { position:relative; z-index: 10; float:left; border: none; margin-top: 5px }
#menu ul li ul li a:hover { background: none; color: white; }
#menu ul li ul li p { width:300px !important; line-height: 1.3em }
#menu ul li ul li p a { padding: 0px !important }

#menu ul li ul li ul,#menu ul li ul li p { position:absolute; z-index: 10; float: left; left: 210px; top: 0px; border: none; margin-top: 0px; color: #444; width: 350px }
#menu ul li ul li ul li { display:block; line-height:1.5em; font-size:11px; padding:0px; margin:0px; }
#menu ul li ul li ul li a { font-weight:normal; color: #D2E1F6; }
#menu ul li ul li ul li a:hover { background: none; color: white; }


/* TAB CONTAINER */

.TabContainer { background: url(../images/tab/slideTabbg.png) no-repeat; width:560px; height:420px; overflow:hidden; padding-bottom: 20px; float: right}
.TabSelector { background: url(../images/tab/selector.png) 0px 18px no-repeat}
.TabHovering { background: url(../images/tab/selector.png) 0px 18px no-repeat; }
.TabContainer .TabMenu { float: left; margin-top:5px; margin-left: 90px; }
.TabContainer .TabMenu div { float: left; width: 123px; height: 97px; text-align: center }
.TabContainer .TabMenu span { height: 97px; width: 123px; margin: 0px; padding:0px; }
.TabContainer .TabMenu h1 { font-size:10px; margin: 0;}
.TabContainer .TabMenu span img { height: 64px; }
.TabContainer .ContentFrame { width: 520px; height:306px; left: 10px; position: relative; overflow:hidden; }
.TabContainer .ContentFrame .AllTabs { position: relative; left:0px; width: 2256px; height: 300px; overflow:auto;}
.TabContainer .ContentFrame .AllTabs .TabContent { width:520px; height: 300px; margin-right:20px; text-align: justify; float:left; overflow:hidden; }
.TabContainer .ContentFrame .AllTabs .TabContent h2 { margin: 5px; }