/*///////////////// TAGS ///////////////////////*/
html *{ margin:0; padding: 0;}
html{ background: url(../data/images/main_bg.png) repeat-x 0 0;}
body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4b575c;}

img{ border: none;}
p{ line-height: 21px; padding-bottom: 15px;}
h1{font-size: 21px; letter-spacing: -1px; margin-top: 6px;color: #537481;}
h2{ font-size: 21px; font-weight: normal; letter-spacing: -1px; color: #1d617b; padding-bottom: 20px;}
.scrollContainer div.panel h2{ color: #606060;}
h3{ font-size: 21px; font-weight: normal; letter-spacing: -1px; color: #808080; padding: 5px 0 5px;}
h4{ font-size: 14px; font-weight: normal; color: #1d617b; padding-bottom: 12px;}
h5{ font-size: 14px; font-weight: normal; color: #1d617b;}
hr{ border: 1px solid #f5f5f5;}
/*///////////////// END TAGS ///////////////////////*/


/*///////////////// LAYOUT ///////////////////////*/
* html div#wrapper { padding-top: 43px; }
#wrapper{ width: 940px; margin: 43px auto 0 auto;}
#header{ width: 940px; height: 40px; margin-bottom: 25px;}
#slider-container{ width: 920px; padding: 10px 10px 10px 10px; background: #f5f5f5 url(../data/images/slider_bg_top.gif) no-repeat top left;}
#featured{ float: left; padding-left: 26px; padding-top: 65px; padding-bottom: 90px; margin-top: 5px; width: 326px; background: url(../data/images/featured_bgd.png) no-repeat;}
#slider-bottom{ width: 940px; height: 19px; background: url(../data/images/slider_bg_bottom.gif) no-repeat top left; margin-bottom: 10px;}
#content{ width: 940px;}
#sidebar{float: left; width: 290px; margin-right: 15px; display: inline;}
.sidebar-element{ background: #eaeaea url(../data/images/rounded_top.png) top left no-repeat; padding: 9px 22px 0;}
.sidebar-bottom{ background: #1c292e url(../data/images/rounded_bottom.png) no-repeat top left; width: 290px; height: 23px; margin-bottom: 10px;}
#contactbox{ background: #5f96ac url(../data/images/bluebox_top.png) no-repeat top left; padding: 9px 2px; padding-bottom: 0;}
#main-content-wrapper{ float: left; width: 635px;}
#main-content{ width: 595px; padding: 10px 20px 30px 20px; background: #EAEAEA url(../data/images/main_content_top.png) no-repeat top left;}
#main-content-bottom{ width: 635px; height:17px; background: url(../data/images/main_content_bottom.png) no-repeat top left;}
#contactbox-bottom{ background: url(../data/images/bluebox_bottom.png) no-repeat top left; width: 290px; height: 17px; margin-bottom: 10px;}
#footer{ margin-top: 7px;}
#footer p{ text-align: center; color: #808080;}

.spacer-line{ width: 99%; margin: 0 0 20px 0; border-bottom: 3px solid #e8ecee;}
.spacer-line2{ width: 99%; margin: 0 0 20px 0; border-bottom: 1px solid #f5f5f5;}

.service{ width: 99%; padding-top:5px;}
.icon-left{ float: left; margin-right: 25px; display: inline; width:50px;}
.image-left{ float: left; margin: 0 25px 20px 0 ; display: inline; border: 5px solid #7e9198;}
.image-right{ float: right; margin: 0 0 20px 25px ; display: inline; border: 5px solid #7e9198;}
.service-description{ float: left; width: 70%;}
.product-description{ float: left; width: 60%;}
.contactheading { font-size: 21px; font-weight: normal; letter-spacing: -1px; color: #F5F5F5; padding-bottom: 15px;}

.clearfloat { display: inline-block; }
.clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
/*/////////////////END LAYOUT ///////////////////////*/

/*///////////////// LOGO / SEARCH ///////////////////////*/
#logo-container{ float: left; width: 216px; margin-left: 15px; display: inline; }
#logo-container small{ padding: 0; margin: 0;}
h1#logo { width: 400px; height: 40px; text-indent:-9000px; background: url(../data/images/logo.png) no-repeat 0 0;}
h1 a { height:40px; width: 216px; display:block; text-decoration:none;}
h1 a:hover { text-decoration:none; background:transparent;}
#search{ float: right; width: 275px; height: 25px; display: inline; margin-top: 15px; }
#search input{float: left; width: 210px; height: 16px;  background: #f5f5f5; border: 1px solid #eaeaea; color: #8598a0; margin: 0; margin-right: 8px; padding: 4px;}
#search .btn{text-indent:-9000px; float: left; width: 34px; height: 25px; cursor: pointer; padding: 0; background: url(../data/images/search_btn.gif) no-repeat; border: none; color: #ff0000;}
.relevance{font-size:0.5em;}
p.header{ font-size: 21px; font-weight: normal; letter-spacing: -1px; color: #3e829c; padding-bottom: 20px;}
/*///////////////// END LOGO / SEARCH ///////////////////////*/

/*///////////////// NAVIGATION ///////////////////////*/
#topnavigation{ background:url(../data/images/menu_bg.png) no-repeat 0 0; width: 940px; height: 46px; line-height: 42px; margin-bottom: 9px;}
#topnavigation ul{ list-style: none;}
#topnavigation ul li{ display: inline; height: 43px; text-transform: uppercase;background: transparent; padding: 0;}
#topnavigation ul li a{float: left; padding: 0 20px 0 20px; display: block;  color: #878787; text-decoration: none; background: url(../data/images/menu_divider.gif) top right no-repeat;}

#topnavigation ul li a:hover, #topnavigation ul li.active a, #topnavigation ul li.trail a { color: #6d6d6d;}
#topnavigation ul li.active a, #topnavigation ul li.trail a { font-weight: bold;}

#topnavigation ul li a img {padding:14px 0 14px 0;}
#topnavigation ul li a img.choosen  {filter:alpha(opacity=45); opacity:.45;}
#topnavigation ul li.flag a{float:right; padding: 0 6px 0 6px; background: url(../data/images/menu_divider.gif) top left no-repeat;}

.mod_breadcrumb {color: #8598a0; padding: 0 0 2px 0; font-size:80%;}
.mod_breadcrumb img {height: 6px; padding: 0 2px 0 2px;}
/*///////////////// END NAVIGATION ///////////////////////*/

/*///////////////// SUBMENU ///////////////////////*/
#subnavigation.mod_navigation{ background: #eaeaea url(../data/images/rounded_top.png) top left no-repeat; padding: 9px 22px 0;}
#subnavigation + .subnav-bottom{ background: #f5f5f5 url(../data/images/rounded_bottom.png) no-repeat top left; width: 290px; height: 23px; margin-bottom: 10px;}
#subnavigation ul {list-style: none;}
#subnavigation ul li {margin: 0; padding: 8px 0 0 0;}

ul#level_1 li{ margin-top: 5px; background: url(../data/images/news_divider.png) top left repeat-x; }
ul#level_2 li a{ color: #858585;padding: 0 0 0 15px; background: url(../data/images/submenu_icon.png) 1% 50% no-repeat;  margin-left:20px;}
ul#level_1 li a{ color: #858585;padding: 0 0 0 15px; background: url(../data/images/submenu_icon.png) 1% 50% no-repeat;  }

ul#level_1 li a:hover,
ul#level_1 .submenu li a:hover,
ul#level_1 li.active>a,
ul#level_2 a:hover,
ul#level_2 .submenu li.active a,
ul#level_2 .submenu li.trail a{ padding: 0 0 0 15px; color: #1d617b; background: url(../data/images/submenu_icon_active.png) 1% center no-repeat;text-decoration: none;}
ul#level_1 li a.trail{ padding: 0 0 0 15px; color: #1d617b; background: url(../data/images/submenu_icon_down_active.png) 1% center no-repeat;text-decoration: none;}
/*///////////////// END SUBMENU ///////////////////////*/

/*///////////////// LINKS ///////////////////////*/
a{outline: none;}
a:link, a:visited{ color: #1d617b; text-decoration: none;}
a:hover, a:hover>h3 { text-decoration: underline; }

#contactbox a:link, #contactbox a:visited{ color: #fff; text-decoration: none;}
#contactbox a:hover { text-decoration: underline; }

#main-content a.button1{ background: url(../data/images/button1.png) no-repeat 0 0 ;display: block; width: 130px; height: 23px; padding-left: 30px; padding-top: 2px; color: #fff; margin-left: 80px; }
#main-content a.button1:hover{ background: url(../data/images/button1.png) no-repeat 0 -25px; text-decoration: none;}
/*///////////////// END LINKS ///////////////////////*/

/*///////////////// CONTACTBOX ///////////////////////*/
#contactbox{ background: #5f96ac url(../data/images/bluebox_top.png) no-repeat top left; padding: 9px 22px; padding-bottom: 0;}
#contactbox p{ color: #eaeaea; }
#contactbox a, #contactbox a:link, #contactbox a:visited{ color: #eaeaea; text-decoration: underline;}
#contactbox h2{ padding: 0; color: #fff;}
#contactbox a:hover{ color: #fff; text-decoration: none;}
#contactbox #arrow { float:right; padding:23px 0 0 0;}
#contactbox #img { float:left; padding:7px 10px 0 3px;}

blockquote{ padding-bottom: 15px;}
blockquote div { background: #1c292e url(../data/images/quote_right.png) bottom right no-repeat; padding-right: 10px; padding-top: 15px;}
blockquote p.text{ background: url(../data/images/quote_left.png) top left no-repeat; padding-left: 10px; text-indent: 30px; color: #8598a0; font-style: italic;}
.testimonial-name {padding-left: 10px; padding-bottom: 0;}
/*///////////////// END CONTACTBOX ///////////////////////*/

/*///////////////// SLIDER ///////////////////////*/
#slide { float: left; width: 520px; background: #f5f5f5; margin: 0 auto; padding-top: 10px; position: relative;}
.scroll { height: 165px; width: 520px; overflow: auto; position: relative; /* fix for IE to respect overflow */ clear: left; background: #f5f5f5;}
.scrollContainer div.panel { height: 162px; width: 520px; /* change to 560px if not using JS to remove rh.scroll */}
.scrollContainer div.panel img { float: left; margin-right: 20px; margin-left: 10px; display: inline;}
.scrollContainer div.panel div.panel-text { width: 75%; float: left; color: #4b575c;}
.scrollContainer div.panel div.panel-text p.more{ float: right; width:103px;}
.scrollContainer div.panel div.panel-text p.more a{ background: url(../data/images/read-more-button.png) no-repeat 0 0 ; display: block; width: 103px; height: 23px; padding-top: 2px; color: #ff0000; padding-left: 20px; margin-top: 10px;}
.scrollContainer div.panel div.panel-text p.more a:hover{ background: url(../data/images/read-more-button.png) no-repeat 0 -25px ; text-decoration: none;}
.scrollButtons { position: absolute; top: 75px; cursor: pointer;} .scrollButtons.left { left: -30px;}
.scrollButtons.right { left: 540px;}
/*///////////////// END SLIDER ///////////////////////*/

/*///////////////// NEWS ///////////////////////*/
.news{ width: 99%; background: url(../data/images/news_divider.png) bottom left repeat-x; padding: 1px 0 1px 10px;}
.news-main{ width: 60%; margin: 0 40px 10px 20px;}
p.date{ color: #54bee6; padding:0; font-weight: bold;}
p.date a { font-size: 21px; font-weight: normal; letter-spacing: -1px; color: #808080; padding-bottom: 16px;}
p.date a:hover { color: #1d617b; text-decoration: none;}
p.head {padding:0;}
p.news-text{ padding-top: 6px; color: #4b575c;}
p.news-archive{ padding-top: 10px; padding-bottom: 0;}
p.news-archive a{ padding-left: 22px; font-weight: bold; background: url(../data/images/archive_icon.png) 0 50% no-repeat;}
.layout_full img {margin: 0 25px 0 0;}
/*///////////////// END NEWS ///////////////////////*/

/*///////////////// TABLES ///////////////////////*/
table { border-collapse: collapse; width: 99%;}
.nopad * {padding:0;margin:0;vertical-align: top;}
th { background: #3e829c; color: #fff; font-weight: bold; padding: 2px 11px; text-align: left; border-right: 1px solid #fff; line-height: 1.2;}
td { padding: 8px 0 8px 10px; vertical-align: top;}
.bordertable {border-bottom: 1px solid #f5f5f5;}
td.bordertable:hover {background: #f5f5f5;}
tr.alt td { background: #ecf6fc;}
tr.over td, tr.bordertable:hover td { background: #f5f5f5;}
/*///////////////// END TABLES ///////////////////////*/

/*///////////////// FORM ///////////////////////*/
form p{ padding-bottom: 0;}
form * td {width: 80px; padding-bottom:0;vertical-align: middle;}
input {float:left;}
fieldset{ border: 1px solid #f5f5f5; margin-bottom: 15px;padding-bottom: 15px;}
input, textarea{  border: 1px solid #d6e2e7; background: #f5f5f5; color: #6c787d; width: 270px; padding: 2px 2px 3px 2px;}
.submit, .submit:focus {  border: 2px solid #d6e2e7; background: #f5f5f5; color: #6c787d; width: 276px; }
textarea{ height: 150px; margin-bottom: 20px;}
p.error{font-size: 0.8em; line-height:1em; padding-left: 1px;}
input:focus, textarea:focus{ border: 1px solid #1d617b;}
.mandatory{color: #1d617b;}
.notification_ok{padding: 5px; color: #8FC758; font-size: 13px; font-weight: bold; }
/*///////////////// END FORM ///////////////////////*/

/*///////////////// LISTS ///////////////////////*/
#content ul li{ margin: 0px 0 3px 15px;}
#content .mod_sitemap ul {margin: 5px 0 0 20px; list-style: none;}
#content .mod_sitemap ul li, #content .mod_sitemap ul li ul li{ background-color: #ff0000;padding: 0px 2px 3px 12px; background: url(../data/images/li_icon.png) no-repeat 0% 5px;}
#main-content ul.buttons{width: 99%; margin: 15px 0;}
#main-content ul.buttons li{float: left; margin-right: 5px; background-image: none; height: 25px; padding: 0;}
#main-content ul.buttons li.order a {background: url(../data/images/order.png) no-repeat 0 0 ; display: block; width: 103px; height: 20px; padding-left: 15px; padding-top: 5px; color: #fff;}
#main-content ul.buttons li.order a:hover {background: url(../data/images/order.png) no-repeat 0 -25px ; display: block; width: 103px; height: 20px; padding-left: 15px; padding-top: 5px; color: #fff; text-decoration: none;}
#main-content ul.buttons li.enlarge a {background: url(../data/images/enlarge.png) no-repeat 0 0 ; display: block; width: 103px; height: 20px; padding-left: 12px; padding-top: 5px; color: #fff;}
#main-content ul.buttons li.enlarge a:hover {background: url(../data/images/enlarge.png) no-repeat 0 -25px ; display: block; width: 103px; height: 20px; padding-left: 12px; padding-top: 5px; color: #fff; text-decoration: none;}
#main-content .pagination ul li{display:inline; margin: 0 3px 0 0;}
/*///////////////// END LISTS ///////////////////////*/

/*///////////////// CONTACT DETAILS ///////////////////////*/
.contact-info{ padding-top: 15px;}
.contact-info p.contact-details{ color: #8598a0;}
.contact-info p.contact-details span{ color: #fff;}
/*///////////////// END CONTACT DETAILS ///////////////////////*/