body { margin: 0; padding: 0; font-family: verdana, arial, sans-serif; font-size: 68.75%; background: #f2f2f2; color: #444; }


h1, h2, p { margin: 0; padding: 0; }
img { vertical-align: bottom; border: 0; }

.clear { clear: both; }


.sg_left { float: left; padding: 0; margin: 0 10px 10px 0; }
.sg_right { float: right; padding: 0; margin: 0 0 10px 10px; }
.sg_center { display: block; margin: 0 auto; }
.sg_default { margin: 0 5px 0 0; }


.main { background: #fff url(../images/header-back.gif) repeat-x; padding: 40px 0 0 0; }


.header { width: 860px; padding: 0 0 40px 0; margin: 0 auto; }
.header img { border: 0; }


.header .left { width: 668px; float: left; padding: 18px 0 0 0; }
.header .right { width: 191px; float: left;  }


.content { width: 860px; margin: 0 auto 20px auto; padding: 0; }
.content .left { width: 251px; float: left; margin: 0; padding: 15px 39px 25px 0; }
.content .left .sg_left { padding-top: 3px; }
#home .left { width: 295px; padding: 30px 20px 0 0; }
#home .left .viewrange { background: url(../images/view-range1.gif) no-repeat; }
#home .left .viewrange a { height: 39px; background: url( ../images/view-range.gif) no-repeat; display: block; }
#home .left .viewrange a:hover{ background: url(../images/view-range1.gif) no-repeat; }

.content .centre { width: 185px; float: left; margin: 0; padding: 15px 0 0 0; }
.content .right2 { width: 235px; float: left; margin: 0; padding: 5px 0 0 0; }

#home .right { width: 545px; padding: 20px 0 0 0; }
.content .right { width: 569px; float: left; margin: 0; padding: 15px 0 0 0; }
.content .right .product { margin: 0 15px 15px 0; float: left; width: 131px; height: 180px; overflow: hidden; background: #ccc; }
.content .right .productlast { margin: 0 0 15px 0; float: left; width: 131px; height: 180px; overflow: hidden; background: #ccc; }
.content .right img { margin: 0; padding: 0; }

.content .right  { position: relative; }
.content .right h1 { position: absolute; top: 35px; left: 20px; font-size: 160%; text-transform: uppercase; font-family: "Franklin gothic medium", arial, sans-serif; font-weight: normal; }
.content .right h1 em { color: #18887C; font-style: normal; }

.content .right .c4 { background: url(../images/c4-back.jpg) repeat-x; min-height: 176px; clear: both; width: 528px; margin: 0 20px; }
.content .right .c4 .c4text { padding: 8px; }
.content .right .c4 .ptabs { border-bottom: 2px solid #999; }
.content .right .c4 .ptabs a { background: #e5e6e6 url(../images/lgrey-tab.gif) no-repeat; padding: 5px 8px; width: 248px; display: inline-block; text-decoration: none; }
.content .right .c4 .ptabs a.selected { background: #999 url(../images/dgrey-tab.gif) no-repeat; color: #fff; font-weight: bold; }
.content .right .c4 .ptabs a.green { background: #008d83 url(../images/green-tab.gif) no-repeat; color: #fff; }
.content .right .c4 h3 {color: #18887C; margin: 0}
.content table { border-width: 0 0 1px 1px; border-style: solid; border-color: #666; margin: 0 0 10px 0; clear: both; }
.content th { border-width: 1px 1px 0 0; border-style: solid; border-color: #666; text-align: center; padding: 4px; }
.content td { border-width: 1px 1px 0 0; border-style: solid; border-color: #666; text-align: center; padding: 4px; vertical-align: top; }
.content td strong em {color: #18887C; font-style: normal; font-weight: bold}

.content h1 { padding: 0 0 10px 0; font-size: 160%; }
.content h2 { padding: 0 0 10px 0; font-size: 140%; }
.content h3 { padding: 0 0 10px 0; font-size: 120%; }
.content h4 {padding: 0 0 10px 0; font-size: 100%; margin: 0}
.content h4 em{color: #18887C; font-style: normal;}
.content p { line-height: 130%; padding: 0 0 10px 0; color: #333; }
.content ul { padding: 0 0 10px 0; margin: 0 0 0 20px; }
.content li { padding: 0 0 5px 0; margin: 0; }
.content li strong em { padding: 0 0 5px 0; margin: 0; color: #18887C; font-weight: bold; font-style: normal}
.content a { color: #444; }

.content .menu { background: url(../images/menu-back.jpg) repeat-x; margin: 0; padding: 10px 0 10px 22px; font-size: 110%; }
.content .menu a.selected{ font-weight: bold; color: #009790; }

.footer { font-size: 90%; padding: 0; background: #e8e9ea url(../images/footer-background.gif) top center no-repeat; color: #fff; min-height: 87px; }
.footer p { padding: 0; }
.footerInner { width: 860px; margin: 0 auto; height: 13px; padding: 3px 0; }
.footerInner  .left { width: 709px; float: left; }
.footerInner  .right { width: 131px; float: left; text-align: right; padding: 0 20px 0 0; }
.footerInner .wb { padding: 10px 0 0 0; color: #999; }
.footerInner .wb a { color: #999; text-decoration: none; }
.footerInner .wb a:hover { text-decoration: underline; }


.navigationOuter { background: url(../images/top-background.gif) top center no-repeat; height: 70px; }
.navigationOuter a { color: #444; text-decoration: none; }
.navigationOuter a:hover { text-decoration: underline; }
.navigationOuter .selected a { font-weight: bold; }
.n2 { color: #444; }
.navigationOuter p { padding: 0; }


.n1 { width: 860px; margin: 0 auto; height: 68px; color: #fff; }
.n1 .left { padding: 15px 0 0 0; float: left; width: 573px; }
.n1 .right { padding: 16px 0 18px 0; float: left; width: 287px; }
.n1 .right form { margin: 0; padding: 0; }
.n1 .right input { vertical-align: middle; padding: 0; font-size: 100%; margin: 0 0 0 5px; }
.n1 .right input.txt { border: 1px solid #fff; padding: 1px; width: 145px; }


.secondarynavigation ul { margin: 0; padding: 0; font-weight: bold; }
.secondarynavigation ul li { list-style-type: none; margin: 0; padding: 0; width: 261px; }
.secondarynavigation ul li span { display: block; background: #ebebeb url(../images/grey_top.gif) no-repeat; margin: 0 0 2px 0; width: 261px; }
.secondarynavigation ul li a { background: url(../images/grey_bottom.gif) bottom left no-repeat; padding: 5px; display: block; width: 251px; text-decoration: none; color: #333; }
.secondarynavigation ul li.selected span { display: block; background: #00978e url(../images/green_top.gif) no-repeat; margin: 0 0 2px 0; width: 261px; }
.secondarynavigation ul li.selected a { background: url(../images/green_bottom.gif) bottom left no-repeat; padding: 5px; display: block; width: 251px; text-decoration: none; color: #fff; }
.secondarynavigation ul li.selected ul li span { background: #bfe8e5 url(../images/lgreen_top.gif) no-repeat; }
.secondarynavigation ul li.selected ul li a { background: url(../images/lgreen_bottom.gif) bottom left no-repeat; color: #00a49d; }
.secondarynavigation ul li ul li span { background: #bfe8e5 url(../images/lgreen_top.gif) no-repeat; }
.secondarynavigation ul li ul li a { background: url(../images/lgreen_bottom.gif) bottom left no-repeat; color: #00a49d; }
.secondarynavigation ul li.selected ul li.selected span { display: block; background: #00978e url(../images/green_top.gif) no-repeat; margin: 0 0 2px 0; width: 261px; }
.secondarynavigation ul li.selected ul li.selected a { background: url(../images/green_bottom.gif) bottom left no-repeat; padding: 5px; display: block; width: 251px; text-decoration: none; color: #fff; }

.secondarynavigation ul li a:hover { text-decoration: underline; }
.secondarynavigation ul li.selected a:hover { text-decoration: underline; }
.secondarynavigation ul li.selected ul li a:hover { text-decoration: underline; }
.secondarynavigation ul li ul li a:hover { text-decoration: underline; }
.secondarynavigation ul li.selected ul li.selected a:hover { text-decoration: underline; }

.searchbox { margin: 0 0 10px 0; }
.searchbox h2 { background: #008FC5; color: #fff; margin: 0; padding: 6px; font-size: 100%; }
.searchbox .inner { border: 1px solid #ccc; padding: 10px 6px 6px 6px; }
.searchbox p input { vertical-align: middle; font-size: 100%; margin: 0; }
.searchbox p { padding: 0; margin: 1px 0; color: #666; }

.searchresult { background: #bfe8e5; padding: 10px; border: 1px solid #00978e; margin: 0 0 10px 0; }
.searchresult a { color: #333; }
.searchresult span { background: #B3DBEF; }