/* CSS Document */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset{margin:0; padding:0; border:0;}
a img{border:none;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
/*------------------------------------------------------------------ 
# [Table of contents] 
#  
# 1. Body 
# 2. Wrapper / #wrapper
# 3. Header / #header 
# 4. Navigation / #nav-bg
# 5. Content / #content 
# 6. Bottom / #bottom
# 7. Left column / #left
# 8. Right column / #right 
# 9. Footer / #footer 
# -------------------------------------------------------------------*/  

/*# 1. Body */
body
{
text-align:center;
background:#fff;
}

/*# 2. Wrapper / #wrapper */
#wrapper
{
width:960px;
text-align:left;
margin:0 auto;
background:url(images/art/content-bg.jpg) 0 0 no-repeat;
}

/*# 3. Header /#header */
#header
{
width:960px;
height:132px;
background:url(images/art/header-bg.jpg) 0 0 no-repeat;
}
#header h1
{
width:162px;
height:49px;
background:url(images/art/logo.jpg) 0 0 no-repeat;
float:left;
display:inline;
margin:22px 7px 18px 15px;
}
#header h1 a
{
width:162px;
height:49px;
display:block;
}
#header h2
{
width:156px;
height:17px;
background:url(images/art/Tagline_n.gif) 0 0 no-repeat;
float:left;
display:inline;
margin:54px 0 0 0;
}
#header h1 span, #header h2 span{display:none;}
#header p
{
font:11px Arial, Helvetica, sans-serif;
color:#000;
line-height:13px;
float:right;
display:inline;
margin:10px 0 0 0;
}
#header p a
{
height:23px;
color:#c10305;
text-decoration:none;
margin:0 10px;
float:left;
display:inline;
}
#header p a.global
{
background:url(images/ico-global.jpg) 0 0 no-repeat;
padding:3px 0 0 20px;
}
#header p a.sitemap
{
background:url(images/ico-sitemap.jpg) 0 0 no-repeat;
padding:3px 0 0 20px;
}
#header p a:hover{text-decoration:underline;}
#header form
{
width:265px;
float:right;
display:inline;
margin:10px 0 0 0;
}
#header form fieldset input
{
width:188px;
height:23px;
background:#fff;
border:1px solid #b7161b;
font:11px Arial, Helvetica, sans-serif;
color:#000;
padding:3px 0 0 5px;
float:left;
display:inline;
}
#header form fieldset input.button
{
width:auto;
height:auto;
background:none;
border:none;
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
cursor:pointer;
padding:3px 0 0 0;
}

/*# 4. Navigation / #nav */
#nav-bg
{
width:934px;
height:43px;
background:#a5050a url(images/art/red-bg.jpg) 0 0 repeat-x;
clear:both;
margin:0 0 0 15px;
}
/*ADxMenu.js - v4 (4.10)
www.aplus.co.yu/adxmenu/
(c)Copyright 2003, Aleksandar Vacic, www.aplus.co.yu
This work is licensed under the Creative Commons Attribution License.
To view a copy of this license, visit http://creativecommons.org/licenses/by/2.0/ or
send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*this is beginning of functionality for the AdxMenu - do not modify this*/
#nav, #nav ul
{
margin:0;
padding:0;
border:0;
list-style-type:none;
display:block;
}
#nav li
{
margin:0;
padding:0;
border:0;
display:inline;
float:left;
position:relative;
z-index:5;
}
#nav li:hover
{
z-index:10000;
white-space:normal;
}
#nav li li
{
float:none;
display:block;
}
#nav ul
{
visibility:hidden;
position:absolute;
z-index:10;
left:0;
top:0;
}
#nav li:hover>ul
{
visibility:visible;
top:100%;
}
#nav li li:hover>ul
{
top:0;
left:100%;
}
#nav:after, #nav ul:after
{
content:".";
height:0;
display:block;
visibility:hidden;
clear:both;
}
#nav, #nav ul
{
display:inline-block;
min-height:0;
}
#nav a
{
text-decoration:none;
display:block;
position:relative;
}
#nav ul{background:#c60405;}
#nav ul ul{}
/* Fix for IE5/Mac \*//*/
#nav a
{
float:left;
}
/* End Fix */
/*this is end of functionality for the AdxMenu*/
/*this is beginning of design for the AdxMenu - modify values here*/
#nav
{
width:555px;/*give width*/
height:43px;/*give height*/
background:url(images/art/nav.jpg); /*set bg*/
float:left;
display:inline;
}
#nav li
{
width:auto;
height:43px;
float:left;
display:inline;
background:url(images/art/divider.gif) right 0 no-repeat;
padding:0 2px 0 0;
}
#nav a span
{
display:none;/*hide links at top level*/
}
#nav ul a span
{
display:inline;/*show links at second level*/
}
#nav a
{
width:auto;
height:30px !important;/*expand links to fill li's*/
height:0;
padding:13px 0 0 0 !important;
padding:13px 0;
font:bold 13px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
display:block;
}
#nav #pan1{width:68px;}/*set custom width, a's will follow cause they are display - block*/
#nav #pan2{width:101px;}
#nav #pan3{width:185px;}
#nav #pan4{width:73px;}
#nav #pan5{width:117px;}

#nav li a:hover{background:url(images/art/nav-hover.gif) 0 0 repeat-x;}
#nav li li
{
height:auto;
background:none;
padding:0;
}
#nav #pan1 ul li a,#nav #pan2 ul li a,#nav #pan3 ul li a,#nav #pan4 ul li a,#nav #pan5 ul li a /*overwrite rules above for second level menu*/
{
width:164px !important;
width:183px;
height:auto !important;
background:#c60405;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
line-height:14px;
padding:5px 10px !important;
border-bottom:1px solid #8a0506;
text-align:left;
}
#nav #pan1 ul li a:hover,#nav #pan2 ul li a:hover,#nav #pan3 ul li a:hover,#nav #pan4 ul li a:hover,#nav #pan5 ul li a:hover /*overwite rules above for hover states for second level menu*/
{
background:#a70409;
}
#nav #pan1 ul li a.selected,#nav #pan2 ul li a.selected,#nav #pan3 ul li a.selected,#nav #pan4 ul li a.selected,#nav #pan5 ul li a.selected /*overwite rules above for selected states for second level menu*/
{
background:#a70409;
text-decoration:underline;
}
#nav #pan1 ul li:hover>a,#nav #pan2 ul li:hover>a,#nav #pan3 ul li:hover>a,#nav #pan4 ul li:hover>a,#nav #pan5 ul li:hover>a
{
background:#a70409;
}

/* 5. Content / #content  */
#content
{
width:930px;
clear:both;
padding:0 15px;
}
#flash
{
width:930px;
height:336px;
float:left;
display:inline;
margin:-40px 0 0 15px !important;
margin:-59px 0 0 15px;
}
#subnav
{
width:934px;
height:25px;
background:#c60304 url(images/art/subnav-bg.jpg) 0 0 repeat-x;
clear:both;
margin:0 0 30px 15px;
}
#subnav.middle{margin:0;}
#subnav li
{
font:12px Arial, Helvetica, sans-serif;
color:#fff;
line-height:14px;
float:left;
display:inline;
border-right:1px solid #fff;
margin:5px 0;
}
#subnav li.none{border:none;}
#subnav li a
{
color:#fff;
text-decoration:none;
margin:5px 10px;
}
#subnav li a:hover{text-decoration:underline;}
#subs
{
width:920px;
float:left;
display:inline;
margin:0 0 30px 20px;
}
#subs h1
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
margin:13px 0 10px 13px;
border:none;
padding:0;
}
#subs p
{
font:11px Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
margin:0 13px 10px 13px;
}
#subs a
{
font:11px Arial, Helvetica, sans-serif;
color:#c60304;
background:url(images/bullet.jpg) right center no-repeat;
padding:0 10px 0 0;
text-decoration:none;
margin:0 0 0 30px;
}
#subs a:hover{text-decoration:underline;}
#subs a.image
{
background:none;
padding:0;
margin:0;
}
#subs img
{
float:left;
display:inline;
margin:13px 20px 30px 13px;
}
div.box
{
width:286px;
width:220px;
height:116px;
float:left;
display:inline;
border:1px solid #c7c7c7;
background:url(images/gradient-corner.jpg) right 0 no-repeat;
}
div.box.margin{margin:0 10px 0 0;}
div.divider
{
width:911px;
height:18px;
background:url(images/divider.jpg) 0 0 no-repeat;
clear:both;
margin:0 0 20px 30px;
}

#left
{
width:180px;
float:left;
display:inline;
background:url(images/art/left-bg.jpg) 0 bottom no-repeat;
padding:0 0 100px 0;
}
#left h3
{
font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#AC0408;
margin:0 0 5px 10px;
}
#left ul
{
list-style:none;
margin:0 0 30px 0;
}
#left ul li
{
width:160px !important;
width:180px;
height:25px;
padding:7px 10px 0 10px !important;
padding:7px 0 0 10px;
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:13px;
background:url(images/link-bg.jpg) 0 0 no-repeat;
}
#left ul li a
{
color:#000;
text-decoration:none;
}
#left ul li a:hover{text-decoration:underline;}
#left ol
{
list-style:none;
margin:0 15px 30px 15px;
}
#left ol li
{
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
margin:0 0 5px 0;
background:url(images/bullet.jpg) 0 5px no-repeat;
padding:0 0 0 10px;
}
#left ol li a
{
color:#AC0408;
text-decoration:none;
}
#left ol li a:hover{text-decoration:underline;}
#left #highlights
{
border:3px solid #ebebeb;
margin:0 0 10px 7px;
}


#right
{
width:700px;
padding:20px 0 20px 20px;
float:left;
display:inline;
background:none;
}
#right h1
{
font:bold 24px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:26px;
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px solid #dfdede;
background:none;
}
#right h2
{
font:bold 18px Tahoma, Arial, Helvetica, sans-serif;
color:#ac0408;
line-height:16px;
margin:0 0 5px 0;
}
#right h3
{
font:bold 16px Tahoma, Arial, Helvetica, sans-serif;
color:#ac0408;
line-height:14px;
margin:0 0 5px 0;
}
#right p
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
margin:0 0 20px 0;
}
#right p.ctr{text-align:center;}
#right p a
{
color:#AC0408;
text-decoration:none;
}
#right p a.pdf
{
background:url(images/ico-download.jpg) 0 0 no-repeat;
padding:0 0 2px 20px;
}
#right p a:hover{text-decoration:underline;}
#right a
{
color:#AC0408;
text-decoration:none;
}
#right a:hover{text-decoration:underline;}
#right img.iml
{
float:left;
display:inline;
margin:0 10px 10px 0;
}
#right img.imr
{
float:right;
display:inline;
margin:0 0 10px 10px;
}
#right ul{margin:0 0 30px 25px;}
#right ul li
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
margin:0 0 5px 0;
}
#right ul li a
{
color:#AC0408;
text-decoration:none;
}
#right ul li a:hover{text-decoration:underline;}
#right span.phone, #right div.phone
{
height:20px;
line-height:20px;
background:url(images/ico-phone.gif) 0 5px no-repeat;
padding:5px 0 5px 20px;
}
#right div.phone
{
background:url(images/ico-phone.gif) 0 8px no-repeat;
height:40px;
}
#right div.fax, #right span.fax
{
height:20px;
line-height:20px;
background:url(images/ico-fax.gif) 0 8px no-repeat;
padding:5px 0 5px 20px;
}
#right span.fax{background:url(images/ico-fax.gif) 0 5px no-repeat;}
#right span.email
{
height:20px;
line-height:20px;
background:url(images/ico-email.gif) 0 5px no-repeat;
padding:5px 0 5px 20px;
}
#right span.add
{
height:20px;
line-height:20px;
background:url(images/ico-address.gif) 0 5px no-repeat;
padding:5px 0 5px 20px;
}
#right div.pdf
{
background:url(images/ico-pdf.jpg) 0 5px no-repeat;
padding:5px 0 5px 20px;
}
#right div.lft, #right div.rgt
{
font:11px Arial, Helvetica, sans-serif;
color:#333;
text-align:center;
float:left;
display:inline;
margin:0 10px 10px 0;
}
#right div.rgt
{
float:right;
display:inline;
margin:0 0 10px 10px;
}
#right div.lft img, #right div.rgt img{margin:0 0 5px 0;}
#right #sitemap, #right #sitemap ul{list-style:none;}
#right #sitemap ul{margin:0 0 25px 15px;}
#right #sitemap li
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#AC0408;
}
#right #sitemap li a
{
color:#AC0408;
text-decoration:none;
}
#right #sitemap li a:hover{text-decoration:underline;}
#right #sitemap li li
{
font-weight:normal;
color:#000;
background:url(images/bullet.jpg) 0 5px no-repeat;
padding:0 0 0 10px;
}
#right #sitemap li li a{color:#000;}
#right ol{margin:0 0 30px 28px;}
#right ol li
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
margin:0 0 5px 0;
}
#right ol li a
{
color:#AC0408;
text-decoration:none;
}
#right ol li a:hover{text-decoration:underline;}
#right ol ol, #right ol.low-alpha{list-style:lower-alpha;}
#right .clear{clear:both;}
#right table
{
width:714px;
margin:0 0 30px 0;
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
}
#right table.bg, #right table.gridEnquiryMultiple{background:url(images/table-bg.jpg) 0 0 no-repeat;}
#right table.gridEnquiryMultiple{padding:0 0 30px 0;}
#right table.gridEnquiryMultiple th{padding:10px 0;}
#right table td{vertical-align:top;}
#right table td.ctr, #right table th.ctr{text-align:center;}
#right table td a
{
color:#AC0408;
text-decoration:none;
}
#right table td a:hover{text-decoration:underline;}
#right table.address
{
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
margin:0 0 30px 0;
background:url(images/table-bg.jpg) 0 0 no-repeat;
}
#right table.address tr th
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#AC0408;
padding:10px 0;
}
#right table.address tr td
{
text-align:left;
vertical-align:top;
padding:0 10px 20px 10px;
}
#right table.address tr td a{color:#AC0408;}
#right table.award td
{
width:33%;
text-align:center;
}
/** brochure **/
#right div.brochure
{
width:670px;
background:url(images/brochure-top.jpg) 0 0 no-repeat;
display:block;
padding:20px 0 0 0;
text-align:left;
margin:0 0 30px 0;
float:left;
display:inline;
}
#right div.brochure h2{margin:0 0 20px 50px;}
#right div.brochure p{margin:0 0 0 50px;}
#right div.brochure p small
{
width:277px;
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#666666;
line-height:14px;
float:left;
display:inline;
margin:5px 0 0 0;
}
#right div.brochure p.pdf
{
background:url(images/ico-pdf.jpg) 0 0 no-repeat;
padding:0 0 0 20px;
}
#right div.brochure p.pdf a
{
background:url(images/ico-download.jpg) 0 0 no-repeat;
padding:0 0 2px 20px;
text-decoration:none;
color:#a80409;
}
#right div.brochure p.pdf a:hover{text-decoration:underline;}
#right div.brochure img
{
float:left;
display:inline;
margin:5px 10px 0 50px;
}
#right div.brochure div
{
width:670px;
background:url(images/brochure-bottom.jpg) 0 bottom no-repeat;
float:left;
display:inline;
padding:0 0 20px 0;
}
#right div.yellow
{
background:#ffff66;
border:1px solid #f5f73c;
padding:10px 10px 0 10px;
margin:0 0 30px 0;
}



/*# 6. Bottom / #bottom */
#bottom
{
width:934px;
/*height:280px;*/
height:290px;
float:left;
display:inline;
clear:both;
margin:0 0 30px 15px;
}
#bottom h1.new
{
width:137px;
height:35px;
background:url(images/h1-whats-new.gif) 0 0 no-repeat;
display:block;
}
#bottom h1.services
{
width:91px;
height:35px;
background:url(images/h1-services.gif) 0 0 no-repeat;
display:block;
}
#bottom h1.newsletter
{
width:162px;
height:35px;
background:url(images/h1-newsletter.gif) 0 0 no-repeat;
display:block;
}
#bottom h1.youtube
{
width:226px;
height:35px;
background:url(images/h1-youtube.gif) 0 0 no-repeat;
display:block;
margin:0 0 5px 0;
}
#bottom h1 span{display:none;}
#bottom p
{
font:12px Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
margin:0 0 5px 0;
}
#bottom ul{list-style:none;}
#bottom ul li
{
font:12px Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
margin:0 0 5px 0;
background:url(images/bullet2.jpg) 0 5px no-repeat;
padding:0 0 0 15px;
}
#bottom ul li a
{
color:#c70304;
text-decoration:none;
}
#bottom ul li a:hover{text-decoration:underline;}
#bottom div.box
{
width:272px;
padding:13px; 
float:left;
display:inline;
background:none;
border:none;
}
#bottom div.box .fbBox
{

font:12px/18px Arial, Helvetica, sans-serif;
clear:left;
float:left;
width:auto;
margin:20px 0 0 0;
}
.fbBox a {
color:#c70304;
text-decoration:none;
}
.fbBox a:hover {
color:#c70304;
text-decoration:underline;
}
#bottom div.box.ctr
{
margin:0 20px !important;
margin:0 40px;
}
#bottom form{margin:0 0 50px 0;}
#bottom form label
{
font:12px Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
}
#bottom form input
{
width:219px;
padding:3px 0 3px 5px;
border:1px solid #c5c5c5;
font:11px Arial, Helvetica, sans-serif;
color:#000;
}
#bottom form input.button
{
width:172px;
height:25px;
background:url(images/btn-subscribe.jpg) 0 0 no-repeat;
border:none;
padding:0;
float:right;
display:inline;
margin:5px 53px 0 0 !important;
margin:5px 27px 0 0;
cursor:pointer;
}

/* 7. Footer / #footer */
#footer
{
width:930px;
height:40px;
margin:0 15px;
padding:10px 0 0 0;
clear:both;
border-top:1px solid #c5c5c5;
}
#footer p
{
font:11px Arial, Helvetica, sans-serif;
color:#000;
line-height:13px;
}
#footer p a
{
color:#000;
text-decoration:none;
margin:0 5px;
}
#footer p a:hover{color:#c50305;}
#footer p.copyright
{
float:left;
display:inline;
}
#footer p.links
{
float:right;
display:inline;
}


/*** General ***/
#right div.pageSubHeader, #right div.pageHeader
{
font:24px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:26px;
margin:0 0 15px 0;
}
#right div.pageBody
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
}

#right div.productNavigation
{
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#c5c5c5;
line-height:14px;
margin:0 0 10px 0;
}
#right div.productNavigation a
{
font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
color:#c5c5c5;
line-height:14px;
text-decoration:none;
}


/*** webshaper ***/
#right table.viewCatGrid tr td
{
text-align:center;
vertical-align:bottom;
}
#right table.viewCatGrid tr td a
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
margin:0 0 15px 0;
text-decoration:none;
}
#right .mainCategoryPictureNormal, #right .mainCategoryName, #right .viewProdTranslation{display:none;}

/** paging **/
#right div.paging
{
float:right;
display:inline;
}
#right div.paging ul li
{
font:bold 10px Arial, Helvetica, sans-serif;
color:#fff;
float:left;
display:inline;
padding:3px 5px;
border:1px solid #aa0408;
background:#ba0307;
margin:0 3px;
}
#right div.paging ul li a
{
display:block;
color:#fff;
text-decoration:none;
}
#right div.paging ul li a:hover{color:#fff;}

/** product details **/
#right .viewCatGridLeftColumn
{
width:200px;
float:left;
display:inline;
margin:0 15px 0 0;
}
#right .viewCatGridRightColumn
{
width:480px;
float:left;
display:inline;
}
#right .viewCatGrid td a
{
float:left;
display:inline;
}
#right .viewCatGrid td a.catName, #right .viewCatGrid td a.none
{
float:none;
text-align:center;
}
#right .prodItemName
{
font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
text-align:left;
margin:20px 0 10px 0;
}
#right .prodItemShortDesc
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
margin:0 0 15px 0;
text-align:left;
}
#right .viewProd_productItemShortDesc{display:none;}
#right .viewProd_Buttons{margin:0 0 30px 0;}


/*** NEWS ***/
#right #newsHeader
{
border-top:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
background:#f2f2f2;
padding:5px 10px;
margin:0 0 10px 0;
}
#right #newsTitle
{
font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
color:#ac0408;
line-height:16px;
float:left;
display:inline;
}
#right #newsDate
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
text-align:right;
}

/**** SEARCH ****/
#right table.searchResultsGrid td
{
width:714px;
float:left;
margin:0 0 20px 0;
}
#right div.searchProdPicture
{
width:200px;
float:left;
display:inline;
margin:0 15px 0 0;
}
#right div.searchProdDetails
{
width:480px;
float:left;
display:inline;
margin:20px 0;
}


/*** Email This ***/
#right span.labelLeft
{
width:150px;
clear:left;
float:left;
display:inline;
margin:0 10px 0 0;
}
#right span.labelLeft, #right span.labelRight
{
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
}
#right span.labelRight
{
float:left;
display:inline;
}


/*** News Component ***/
.newsComponentHeader{display:none;}