* { margin:0; padding:0; }

body {
background:#dfdfdf url(../images/body_bg.jpg) 0 0 no-repeat;
font:12px Helvetica, Arial, Verdana, sans-serif;
line-height:19px;
color:#000;
}

/* ---- GENERAL ELEMENTS ----------------------*/

h1, h2, h3, h4, h5, h6 {
font-family:Helvetica, Arial, sans-serif;
font-weight:normal;
}

h1 {
font-size: 218%;
}

h2 {
font-size: 164%;
line-height:24px;
margin:0 0 10px 0;
}

h3 {
font-size: 145%;
}

h4 {
font-size: 118%;
margin:0 0 10px 0;
text-transform:uppercase;
}

a {
text-decoration:none;
color:#000;
}

a:hover {
text-decoration:underline;
}

a img {
border:none;
}

em {
font-weight:bold;
}

.img { /* this class is for Image Replacement */
letter-spacing:-1000em;  
text-indent:-999em; 
overflow:hidden; 
display:block;
background-repeat:repeat; 
background-color:transparent; /* IE FLICKER FIX - no background position! */
}

.hidden {
visibility:hidden;
}

.red {
color:#A60000;
}

.orange {
color:#FD4300;
}

.green {
color:#3BFF36;
}

.logo_green {
color:#2ea75b;
}

.purple {
color:#C540E6;
}

.left {
float:left;
}

.large_text {
font-size:16px;
}

div.clear {
float:none;
clear:both;
height:1px;
}

.nomarg {
margin:0!important;
}

a.backtotop {
float:right;
clear:both;
margin:0 10px 10px 0;
width:77px;
height:12px;
background:#fff url(../images/backtptop.gif) 0 0 no-repeat;
}

h2.catcolor1 {
color:#af0022;
}

h2.catcolor3 {
color:#F86A00;
text-transform:uppercase;
}

h4.catcolor3 {
color:#F86A00;
text-transform:uppercase;
}

span.catcolor3 {
color:#F86A00;
}

span.catcolor4 {
color:#00AF56;
}

span.catcolor5 {
color:#00494B;
}

/* ---- STRUCTURE ----------------------*/

#container {
float:left;
width:960px;
margin:10px 0 0 10px;
}

#head {
position:relative;
width:960px;
height:163px;
border:0px solid #f30;
}

#primary_content {
float:left;
width:790px;
margin:5px 0 0 0;
border:0px solid #f30;
}

#catagories {
float:left;
width:170px;
}

#content {
float:left;
width:620px;
min-height:427px;
background:#fff;
}

#secondary_content {
float:left;
width:170px;
margin:5px 0 0 0;
}

.col1 {
float:left;
width:290px;
padding:5px 20px 0px 10px
}

.col2 {
float:left;
width:290px;
padding:5px 10px 0px 0;
}

.intro1 {
float:left;
width:130px;
padding:0px 10px 0px 10px;
margin:10px 0 10px 0;
}

.intro2 {
float:left;
width:220px;
padding:0px 0px 0px 0;
margin:10px 20px 10px 10px;
}

.intro3 {
float:left;
width:210px;
margin:10px 0 10px 0;
}


/* ---- HEAD ----------------------*/

a#logo_topleft {
float:left;
width:170px;
height:163px;
border:0px solid #f30;
}

h1 {
position:absolute;
left:180px;
bottom:0;
width:600px;
height:29px;
background-color:transparent;
background-position:0 0;
background-repeat:no-repeat!important;
border:solid 0px #f30;
}

h1#h1_home {
background-image:url(../images/h1_home.gif);
}

h1#h1_about {
background-image:url(../images/h1_about.gif);
}

h1#h1_contact {
background-image:url(../images/h1_contact.gif);
}

h1#h1_sn {
background-image:url(../images/h1_sn.gif);
}

h1#h1_i {
background-image:url(../images/h1_i.gif);
}

h1#h1_itc {
background-image:url(../images/h1_itc.gif);
}

h1#h1_hn {
background-image:url(../images/h1_hn.gif);
}

h1#h1_b {
background-image:url(../images/h1_b.gif);
}

h1#h1_cp {
background-image:url(../images/h1_cp.gif);
}

h1#h1_op {
background-image:url(../images/h1_op.gif);
}

h1#h1_dl {
background-image:url(../images/h1_dl.gif);
}

ul#page_nav {
position:absolute;
top:0;
left:330px;
list-style:none;
border:0px solid #f30;
}

ul#page_nav li {
float:left;
}

ul#page_nav li a {
float:left;
width:140px;
height:24px;
margin:0 20px 0 0;
border:0px solid #f30;
}


/* ---- CATAGORIES ----------------------*/

ul#catagories_nav {
width:170px;
list-style:none;
background:transparent;
}

ul#catagories_nav li a {
width:170px;
height:61px;
background-image:url(../images/catagories_nav.gif);
}

a#link_sn { background-position:0 0; }
a#link_sn:hover, a#link_sn.current { background-position:-170px 0; }

a#link_i { background-position:0 -61px; }
a#link_i:hover, a#link_i.current { background-position:-170px -61px; }

a#link_itc { background-position:0 -122px; }
a#link_itc:hover, a#link_itc.current { background-position:-170px -122px; }

a#link_hn { background-position:0 -183px; }
a#link_hn:hover, a#link_hn.current { background-position:-170px -183px; }

a#link_b { background-position:0 -244px; }
a#link_b:hover, a#link_b.current { background-position:-170px -244px; }

a#link_cp { background-position:0 -305px; }
a#link_cp:hover, a#link_cp.current { background-position:-170px -305px; }

a#link_op { background-position:0 -366px; }
a#link_op:hover, a#link_op.current { background-position:-170px -366px; }

/* ---- CONTENT ----------------------*/

#content p {
margin:0 0 10px 0;
letter-spacing:.04em;
text-align:justify;
}

.col1 p,
.col2 p {
padding:0!important;
}

#content p a#vcard {
display:block;
height:18px;
padding:10px 0 0 37px;
background:transparent url(../images/vcard.jpg) 0 0 no-repeat;
}

#content div#map {
float:left; 
width:620px; 
height:304px;
margin:0 0 5px 0;
}

h2.thanks {
margin:10px 0 0 10px;
}


.intro1 p {
text-align:right!important;
margin:0!important;
}

.intro2 p,
.intro3 p {
text-align:left!important;
}

div.intro1.cat1 {
border-right:2px solid #AF0022;
}

div.intro1.cat2 {
border-right:2px solid #FD4600;
}

div.intro1.cat3 {
border-right:2px solid #F86A00;
}

div.intro1.cat4 {
border-right:2px solid #00AF56;
}

div.intro1.cat5 {
border-right:2px solid #00494B;
}

ul.cat1_li li {
list-style-image:url(../images/cat1_li_bg.gif);
list-style-position:0 50%;
margin:0 0 0 15px;
}

ul.cat2_li,
ul.cat4_li {
margin:0 0 10px 0;
}

ul.cat2_li li {
list-style-image:url(../images/cat2_li_bg.gif);
list-style-position:0 50%;
margin:0 0 0 15px;
}

ul.cat4_li li {
list-style-image:url(../images/cat4_li_bg.gif);
list-style-position:0 50%;
margin:0 0 0 15px;
}

ul.cat5_li li {
list-style-image:url(../images/cat5_li_bg.gif);
list-style-position:0 50%;
margin:0 0 0 15px;
}

/* ---- PRODUCT PAGES ----------------------*/

div.prod_con_full,
div#accordion {
float:none;
clear:both;
width:620px;
}

div.prod_con_full h2 {
margin:0 0 10px 10px;
}

div.prod_con_full h3,
div#accordion h3 {
display:block;
width:530px;
height:22px;
padding:8px 0 0 90px;
margin:0 0 1px 0;
background-position:0 0;
background-repeat:no-repeat;
font-size:14px;
color:#fff;
text-transform:uppercase;
}

div.element {
padding:0 10px;
}

div.prod_con_full p {
margin: 5px 10px 10px 10px!important;
}

h3.cat1_1 {
background-color:#AF0022;
background-image:url(../images/cat1img/h3_cat1_1.gif);
}

h3.cat1_2 {
background-color:#AF0022;
background-image:url(../images/h3_cat1_2.gif);
}

h3.cat1_3 {
background-color:#AF0022;
background-image:url(../images/cat1img/h3_cat1_3.gif);
}

h3.cat1_4 {
background-color:#AF0022;
background-image:url(../images/cat1img/h3_cat1_4.gif);
}

h3.cat1_5 {
background-color:#AF0022;
background-image:url(../images/cat1img/h3_cat1_5.gif);
}

h3.cat1_6 {
background-color:#AF0022;
background-image:url(../images/cat1img/h3_cat1_6.gif);
}

h3.cat1_7 {
background-color:#AF0022;
background-image:url(../images/cat1img/h3_cat1_7.gif);
}

h3.cat2 {
width:550px!important;
height:22px!important;
padding:8px 0 0 70px!important;
background-color:#FD4600;
background-image:url(../images/cat2img/h3_bg.gif);
}

h3.cat3 {
width:550px!important;
height:22px!important;
padding:8px 0 0 70px!important;
background-color:#F86A00;
background-image:url(../images/cat2img/h3_bg.gif);
}

h3#givsetcalc {
width:610px!important;
height:22px!important;
padding:8px 0 0 10px!important;
background-color:#F86A00;
color:#FFFFFF;
}

h3.cat5 {
width:550px!important;
height:22px!important;
padding:8px 0 0 70px!important;
background-color:#00494B;
background-image:url(../images/cat2img/h3_bg.gif);
}

h3.cat6 {
width:550px!important;
height:22px!important;
padding:8px 0 0 70px!important;
background-color:#641E4A;
background-image:url(../images/cat2img/h3_bg.gif);
}

h3.cat7 {
width:550px!important;
height:22px!important;
padding:8px 0 0 70px!important;
background-color:#CB4C91;
background-image:url(../images/cat2img/h3_bg.gif);
}

img.img_prod {
margin:10px 0 0 0;
}

img.img_prod_right {
float:right;
margin:10px 0 10px 10px;
}

img.introimg {
margin:10px 0 0 10px;
}

ol.cat_download {
margin:0 0 0 10px;
padding:0 0 0 18px;
border:0px solid #f30;
}

ol.cat_download li {
margin:0 0 10px 0;
}

ol.cat_download li a {
font-size:16px;
text-decoration:underline;
}

ol.cat_download li a:hover {
text-decoration:none;
}

/* ---- SECONDARY CONTENT ----------------------*/

ul.subnav {
float:left;
width:170px;
list-style:none;
background:transparent;
}

ul.subnav li a {
width:170px;
height:61px;
}

ul.subnav.main li a {
background-image:url(../images/subnav_main.gif);
}

a#link_cd { background-position:0 0; }
a#link_cd:hover, a#link_cd.current { background-position:-170px 0; }

a#link_cuw { background-position:0 -61px; }
a#link_cuw:hover, a#link_cuw.current { background-position:-170px -61px; }

ul.subnav.contact li a {
background-image:url(../images/subnav_contact.gif);
}

a#subnav_contact_1 { background-position:0 0; }
a#subnav_contact_1:hover, a#subnav_contact_1.current { background-position:-170px 0; }

a#subnav_contact_2 { background-position:0 -61px; }
a#subnav_contact_2:hover, a#subnav_contact_2.current { background-position:-170px -61px; }

a#subnav_contact_3 { background-position:0 -122px; }
a#subnav_contact_3:hover, a#subnav_contact_3.current { background-position:-170px -122px; }

a#subnav_contact_4 { background-position:0 -183px; }
a#subnav_contact_4:hover, a#subnav_contact_4.current { background-position:-170px -183px; }

ul.subnav.sn li a {
background-image:url(../images/subnav_sn.gif);
}

a#subnav_sn_1 { background-position:0 0; }
a#subnav_sn_1:hover, a#subnav_sn_1.current { background-position:-170px 0; }

a#subnav_sn_2 { background-position:0 -61px; }
a#subnav_sn_2:hover, a#subnav_sn_2.current { background-position:-170px -61px; }

a#subnav_sn_3 { background-position:0 -122px; }
a#subnav_sn_3:hover, a#subnav_sn_3.current { background-position:-170px -122px; }

ul.subnav.i li a {
background-image:url(../images/subnav_i.gif);
}

a#subnav_i_1 { background-position:0 0; }
a#subnav_i_1:hover, a#subnav_i_1.current { background-position:-170px 0; }

a#subnav_i_2 { background-position:0 -61px; }
a#subnav_i_2:hover, a#subnav_i_2.current { background-position:-170px -61px; }

a#subnav_i_3 { background-position:0 -122px; }
a#subnav_i_3:hover, a#subnav_i_3.current { background-position:-170px -122px; }

a#subnav_i_4 { background-position:0 -183px; }
a#subnav_i_4:hover, a#subnav_i_4.current { background-position:-170px -183px; }

a#subnav_i_5 { background-position:0 -244px; }
a#subnav_i_5:hover, a#subnav_i_5.current { background-position:-170px -244px; }

ul.subnav.itc li a {
background-image:url(../images/subnav_itc.gif);
}

a#subnav_itc_1 { background-position:0 0; }
a#subnav_itc_1:hover, a#subnav_itc_1.current { background-position:-170px 0; }

a#subnav_itc_2 { background-position:0 -61px; }
a#subnav_itc_2:hover, a#subnav_itc_2.current { background-position:-170px -61px; }

a#subnav_itc_3 { background-position:0 -122px; }
a#subnav_itc_3:hover, a#subnav_itc_3.current { background-position:-170px -122px; }

a#subnav_itc_4 { background-position:0 -183px; }
a#subnav_itc_4:hover, a#subnav_itc_4.current { background-position:-170px -183px; }

a#subnav_itc_5 { background-position:0 -244px; }
a#subnav_itc_5:hover, a#subnav_itc_5.current { background-position:-170px -244px; }

ul.subnav.op li a {
background-image:url(../images/subnav_op.gif);
}

a#subnav_op_1 { background-position:0 0; }
a#subnav_op_1:hover, a#subnav_op_1.current { background-position:-170px 0; }

a#subnav_op_2 { background-position:0 -61px; }
a#subnav_op_2:hover, a#subnav_op_2.current { background-position:-170px -61px; }

a#subnav_op_3 { background-position:0 -122px; }
a#subnav_op_3:hover, a#subnav_op_3.current { background-position:-170px -122px; }

a#subnav_op_4 { background-position:0 -183px; }
a#subnav_op_4:hover, a#subnav_op_4.current { background-position:-170px -183px; }

a#subnav_op_5 { background-position:0 -244px; }
a#subnav_op_5:hover, a#subnav_op_5.current { background-position:-170px -244px; }

a#subnav_op_6 { background-position:0 -305px; }
a#subnav_op_6:hover, a#subnav_op_6.current { background-position:-170px -305px; }

img.side_img {
float:left;
}

a#logo_ukas {
float:right;
width:140px;
height:78px;
margin:10px 10px 0 0;
background:url(../images/logo_ukas.gif) 0 0 no-repeat;
}

/* ---- FOOTER ----------------------*/

#footer {
position:relative;
float:none;
clear:both;
width:940px;
padding:10px;
}

p#contact_info {
font-weight:bold;
}

p#contact_info a {
color:#000000;
text-decoration:none;
}

p#contact_info a:hover {
text-decoration:underline;
}