/* DEFAULT DEFINITION */
html, body { margin:0; padding:0; font:12px Arial, Verdana, Helvetica, sans-serif; color:#666666; background:#1C3D68 url(../img/bg_body.gif) top left repeat-x; }
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, ol, ul, p, dl, dt, dd { margin:0; padding:0; border:0; list-style:none; }
a { color:#2A88C5; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.offleft { position:absolute; left:-5000px; width:2000px; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }/*ie7*/
.clearfix { display:block; }
* html .clearfix { height:1%; }
abbr { border:none; }
.smallTxt { font-size:0.9em; }
.bigTxt { font-size:1.1em; }
.blue { color:#3B8BD4; }
ol { padding:0 0 12px 30px; list-style:none; }
ol li { margin:0 0 6px 0; }


/* Trebuchet MS, Verdana, Arial, Helvetica, sans-serif */

/* FORMS */
input, select, textarea, button { font:1em Arial, Verdana, Helvetica, sans-serif; color:#333; }
.inputText, textarea  { border:1px solid #544B3B; padding:2px; }
select { border:1px solid #7f9db9; padding:1px; }

.hr { clear:both; background:url(../img/bg_hr.gif) left 15px repeat-x; height:30px; } 
.hr hr { display:none; }

.fontsize11 { font-size:11px; }
.fontsize13 { font-size:13px; }
.fontsize14 { font-size:14px; }
.fontsize16 { font-size:16px; }
.fontsize18 { font-size:18px; }
.colororange { color:#D36800; }
.color01 { color:#2A88C5; }

/* H TITLES */
h1 { display:block; margin:0 0 10px 0; color:#09448A; font-weight:bold; font-size:24px; }
h2 { display:block; color:#000; font:18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin:0 0 10px 0; font-weight:normal; }
h3 { display:block; color:#000; font:16px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin:0 0 6px 0; font-weight:bold; }



/* MAIN CONTAINER */
#main-container { width:938px; margin:0px auto; }
#bg-main-container { float:left; width:100%; background: #FFFFFF; }


/* MAIN HEADER */
#main-header { width:100%; float:left; height:367px; background:url(../img/bg_header.jpg) top left no-repeat; }

/* MAIN HEADER - LOGO */
#logo { width:290px; }
#logo a { position:absolute; display:block; width:290px; height:170px; text-indent:-9999px; margin:140px 0 0 20px; }

#call-top { position:absolute; margin:2px 0 0 640px; color:#fff; font-size:24px; font-weight:bold; }

#nav_top { position:absolute; margin:30px 0 0 530px; }
#nav_top ul { padding:0 0 0 20px; }
#nav_top ul li { display:inline; }
#nav_top ul li.first a { background:none; }
#nav_top ul li a { display:block; float:left; padding-top:50px; width:50px; height:0px; overflow:hidden; background:url(../img/bg_mainNav_top.gif) left top no-repeat; }
* html #nav_top ul li a { float:left; }
#nav_top ul li a:hover {  }

#nav_top ul li.item1 a:hover { background-position:0 -62px; }

#nav_top ul li.item2 a { margin:0 0 0 91px !important; margin:0 0 0 70px; background-position:-141px 0; }
#nav_top ul li.item2 a:hover { background-position:-141px -62px; }

#nav_top ul li.item3 a { margin:0 0 0 90px; background-position:-281px 0; }
#nav_top ul li.item3 a:hover { background-position:-281px -62px; }


/* MAIN HEADER - MAIN NAVIGATION */


.contact-top { float:right; padding:56px 54px 0 0; }

.nav_top {  }
.nav_top p { padding:40px 0 0 0; position:absolute; margin:20px 0 0 708px; }
.nav_top p a { text-decoration:none; color:#505F6D; padding:0 11px; height:70px; display:block; float:left; background:url(../img/bg_mainNavTop.gif) 20px 200px no-repeat; }
.nav_top p a:hover { text-decoration:none; color:#FF6633; background-position:center 20px; }




/* MAIN CONTENT */
#main-content { float:left; width:100%; padding-bottom:16px; }
.content { padding:8px 20px 0 10px; }

.more-about a { background:url(../img/bg_bullet03.gif) left top no-repeat; padding:0px 0 6px 24px; font-weight:bold; }

.paragraph { clear:both; display:block; }
.paragraph p { display:block; margin:0 0 10px 0; }

.faq p { background:url(../img/bg_hr.gif) bottom left repeat-x; padding:0 0 14px 0; margin:0 0 14px 0; }
.faq p.last { background:none; }
.faq p strong { font-size:13px; color:#138AC1; }

.list01 { padding:0 0 0 10px; }
.list01 li { background:url(../img/bg_list01.gif) left 4px no-repeat; padding:0 0 0 10px; margin:0 0 10px 0; font-weight:bold; }
.list01 li ul { padding:0 0 0 30px; }
.list01 li ul li { background:none; list-style:circle; padding:0 0 0 0; }


.list02 { padding:0 0 0 30px; list-style:decimal; }
.list02 li { margin:0 0 10px 0; }
.list02 li strong { font-size:13px; color:#000; }


.picLeft img { float:left; border:1px solid #999; margin:0 10px 10px 0; padding:2px; }
.picRight img { float:right; border:1px solid #999; margin:0 0 10px 10px; }
.pic img { border:1px solid #999; padding:2px; }

.details1 { border:1px solid #999; padding:8px; text-align:center; }

.table01 td { padding:6px 6px; }


/* COLUMN LEFT */
.leftCol { float:left; width:260px; }

.shop_with_us { float:left; background:url(../img/bg_shop_with_us.gif) top left no-repeat; height:122px; width:100%; margin:0 0 8px 0; }
.shop_with_us p { display:block; margin:90px 0 0 24px; }
.shop_with_us a { text-decoration:none; font-weight:bold; color:#1C60B4; background:url(../img/bg_arrow01.gif) left 4px no-repeat; padding:0 0 0 12px; } 
.shop_with_us a:hover { text-decoration:underline; color:#000; }

.sample { float:left; width:100%; margin:0 0 8px 0; }

.icons { float:left; width:100%; }
.icons p { display:block; padding:0 0 0 4px; }



/* COLUMN RIGHT */
.rightCol { float:right; width:624px; margin:24px 0 0 0; }

.testimonials { float:left; width:100%; background:url(../img/bg_partner.gif) top left repeat-y; margin:0 0 8px 0; }
.testimonials .top { float:left; width:100%; background:url(../img/bg_partner_top.gif) top left no-repeat; }
.testimonials .bot { float:left; width:100%; background:url(../img/bg_partner_bot.gif) bottom left no-repeat; }
.testimonials .text { padding:0 0; }
.testimonials .text p { background:url(../img/bg_dotted01.gif) bottom left repeat-x; display:block; padding:0 2px 8px 2px; margin:0 0 8px 0; }
.testimonials .text p.last { background:none; }
.testimonials h2 { text-align:left; padding:10px 0 0 38px; font:16px Arial, Verdana, Helvetica, sans-serif; color:#09448A; font-weight:bold; }
.testimonials .text p strong { color:#FF6633; }
.testimonials ul { display:block; padding:10px 10px 10px 54px; }
.testimonials ul li { background:url(../img/bg_arrow02.gif) left 4px no-repeat; padding:0 0 0 12px; color:#09448A; font-weight:bold; margin:0 0 4px 0; display:block; }
.testimonials ul li a { color:#09448A; text-decoration:none; }
.testimonials ul li a:hover { color:#000; text-decoration:underline; }


.best_values { background:url(../img/bg_best_values.gif) top left no-repeat; width:203px; height:183px; }
.best_values p { margin:0px; }
.best_values .title { font-size:17px; color:#fff; font-weight:bold; text-align:center; padding:6px; }
.best_values .img_desc { text-align:center;}
.best_values .order { text-align:center; padding:8px 0 0 0; }
.best_values .order a { font-weight:bold; text-decoration:none; color:#000; }
.best_values .order a:hover { text-decoration:underline; color:#1C60B4; }




.table-description { width:100%; background:#E6E6E6; }
.table-description td { background:#fff; padding:10px; }
.table-description td.col01 { background:#F0F2F4; color:#000; }


/* MAIN FOOTER */
#main-footer { width:100%; clear:both; }
#footer { background:url(../img/bg_footer.gif) top left no-repeat; width:938px; height:110px; margin:0px auto; font-size:12px; font-weight:normal; }

/* MAIN FOOTER - BOTTOM NAVIGATION */
.botNav1 { padding:14px 0 0 0; color:#8D8E8F; display:block; text-align:center; }
.botNav1 a { color:#8D8E8F; text-decoration:none; padding:0 6px; }
.botNav1 a:hover { text-decoration:underline; }


 
.copyright { color:#6E839E; display:block; padding:30px 0 0 10px; line-height:18px; float:left; }
.copyright a { color:#6E839E; }

.serving { color:#fff; float:right; padding:30px 10px 0 0; text-align:right; }





.contact-form { float:left; display:block; width:476px; text-align:left; background:#F3F5F6; border:1px solid #E1E4E7; padding:4px 10px; font-size:11px; }
.contact-form1 { float:left; display:block; width:560px; text-align:left; background:#F3F5F6; border:1px solid #E1E4E7; padding:20px;; font-size:11px; }
.contact-form2 { float:left; display:block; width:560px; text-align:left; background:#F3F5F6; border:1px solid #E1E4E7; padding:20px;; font-size:11px; }
.contact-form2 td {
border-bottom:1px solid #D5D8DC;
vertical-align:top;
}
.contact-form td { vertical-align:top; border-bottom:1px solid #D5D8DC; padding:8px 0 8px 10px; }
.formContact { width:100%; }
.formContact .inputText { width:210px; padding: 2px 4px 2px 4px; border:1px solid #D5D8DC; vertical-align:middle; color: #666666; font-size:11px; }
.formContact #msg1ContactForm { width:448px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px; }
.contact-form label { display:block; margin:0 0 2px 0; font-size:11px; font-weight:bold; }

.terms-form { clear:both; text-align:center; width:100%; color:#A70000; font-weight:bold; font-size:13px; }
.terms-form form { display:block; }
.btn { background:#000; border:1px solid #87949D; color:#fff; padding:4px 10px; font-weight:bold; overflow:visible; cursor:pointer; }

.textcon{ width:450px; float:right}
.poza{ width:150px; height:150px; float:left;}
.radiobutton{ float:left;}
.field{ width:250px; border:1px solid  #999; height:20px;}
.but{border:1px solid #D5D8DC; background-color:#FFF; cursor:pointer; font-size:12px;}
.field1{ width:555px; border:1px solid  #999; height:60px;}


/* MAIN GOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOD */

#mainNav { float:left; display:block; margin:0; z-index:100;width:908px;  margin-top:325px; }
#menuTop { z-index: 100; padding:0; width:908px; margin:0px; float:left; padding-left:20px;  }
#menuTop li { position: relative; float: left; display:inline;  text-align:center; }
#menuTop li a {height:69px; padding:0;  text-decoration:none; white-space: nowrap; /* required in IE 6 */ float:left; text-align:center;  cursor:pointer; }

#mainNav ul li a { display:block; float:left; padding:10px 25px 0 25px;  height:30px; font-weight:bold; text-align:center;text-decoration:none; background:url(../img/bg_mainNav.gif) left top no-repeat; white-space: nowrap; font-size:11px; font-family:Arial, Helvetica, sans-serif; }



#menuTop li strong { text-align:center; height:0px;  display:block; float:left; font-family:"Times New Roman", Times, serif; font-size:18px;  font-weight:normal; 
 padding:0px 0px 0 0px; display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;
}

#mainNav ul li.item1 a { background:none; color:#FFF; }
#mainNav ul li.item2 a {display:block; color:#fff }
#mainNav ul li.item3 a {display:block; color:#fff}
#mainNav ul li.item4 a {display:block; color:#fff }
#mainNav ul li.item5 a {display:block;  color:#fff  }
#mainNav ul li.item6 a {display:block;   color:#fff}

#mainNav ul li.item1 a:hover { display:block;   color:#000 }
#mainNav ul li.item2 a:hover { display:block;   color:#000 }
#mainNav ul li.item3 a:hover { display:block; color:#000 }
#mainNav ul li.item4 a:hover { display:block;  color:#000 }
#mainNav ul li.item5 a:hover { display:block;   color:#000 }
#mainNav ul li.item6 a:hover { display:block; color:#000 }

.item a {display:block;  height:69px; color:#fff  }
.item a:hover { display:block;  height:69px; color:#000  }




#mainNav ul li.item1 .ssNav { float: left; top: -999em; position: absolute; width:180px; margin-top:-1px; padding-left:40px; }
#mainNav ul li.item2 .ssNav { float: left; top: -999em; position: absolute; width:180px; margin-top:-1px; padding-left:40px; }
#mainNav ul li.item3 .ssNav { float: left; top: -999em; position: absolute; width:180px; margin-top:-1px; padding-left:40px; }
#mainNav ul li.item4 .ssNav { float: left; top: -999em; position: absolute; width:180px; margin-top:-1px; padding-left:40px; }
#mainNav ul li.item5 .ssNav { float: left; top: -999em; position: absolute; width:180px; margin-top:-1px; padding-left:40px; }
#mainNav ul li.item6 .ssNav { float: left; top: -999em; position: absolute; width:180px; margin-top:-1px; padding-left:40px; }

li#item ul.ssNav li {border-bottom-color: #cecece; }


#menuTop ul.ssNav li {  height:auto;}

#menuTop ul.ssNav li a { float: none; display: block; height: auto !important; padding: 6px 0 6px 6px !important; overflow:visible; font-weight:normal; text-align: left; cursor: pointer;  border:1px solid #edc061;  width:180px; background-color:#dea62f ;font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; background-image:none; margin-top:-1px }

#menuTop ul.ssNav li a:hover{ float: none; display: block; height: auto !important; padding: 6px 0 6px 6px !important; overflow:visible; font-weight:normal; text-align: left; cursor: pointer;  border:1px solid #dfaf48;  width:180px; background-color:#dea62f; color:#333; font-family: Arial, Helvetica, sans-serif; font-size:12px;  font-weight:bold; text-align:left; background-image:none; margin-top:-1px }

#menuTop ul.ssNav a:hover { text-decoration: none; color:#fff; background:#3B5367 url(../img/icoArrow.gif) 4px 9px no-repeat; }
#menuTop li:hover ul.ssNav, /* pure CSS hover is removed below */ 
#menuTop li.on ul.ssNav { left: -40px; top: 44px; }

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul.ssNav { top: -999em; }


/*Main*/