/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
html{line-height:1; color:black; background:white; background-image: url(../images/backgrounds/body_bg.gif);}
ol, ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after,
q:before, q:after{content:""}
blockquote, q{quotes:""""}
a, :focus { outline: none; text-decoration: none; }
a img, :link img, :visited img { border: none; }
b,strong { font-weight: bold; }
.clear{ clear: both; height: 1px; }
.pad10{ padding: 10px;}
.magenta{ color: #EC008C; }
.space{ height: 10px; border: 1px none;}
.formButton, .formButton2{ height: 35px; width: 120px; background: url(../images/btn_magenta.png); color: #FFF; font-family: Helvetica, Verdana, Arial, sans-serif; text-align: center; font-size: 12px; border: none; float: right; cursor: pointer; margin-left:10px; }
.formButton2{ background: url(../images/btn_black.png); }
.formField{ height: 14px; color: #000; font-family: Helvetica, Verdana, Arial, sans-serif; text-align: left; padding: 2px; font-size: 12px; border: 1px solid #000; background: #FFF;}
.selectField{ width:150px; color: #000; font-family: Helvetica, Verdana, Arial, sans-serif; text-align: left; padding: 0; margin: 0; font-size: 12px; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 0px; background: #FFF;overflow:hidden;}
.selectField option, .paypalField { width:150px; padding: 2px;}
.paypalField{ color: #000; font-family: Helvetica, Verdana, Arial, sans-serif; text-align: left; padding: 2px; font-size: 12px; border-top: 0px; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; background: #FFF;overflow:hidden;cursor:pointer;}
.special { background: #EC008C; color: #FFF; }
.example{ font-style: italic; color: #FFF; }
.error { font-weight: bold; color: #FF0000; }
h1{ font-size: 16px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; margin-bottom: 10px; color: #EC008C; }
/* STYLES */
/*#container { width: 970px; height: 600px; position: absolute; top: 50%; margin-top: -300px; left: 50%; margin-left: -485px; }*/
#container{ width: 970px; margin: 0px auto; }
#footer{ margin-top: 5px; color: #FFF; }
#footerLeft, #footerCenter{ text-align: left; float: left; text-transform: uppercase; font-size: 11px;}
#footerCenter{ width: 620px; height: 22px; background-color: #000; padding-top: 8px; padding-left: 350px; color: #FFF; font-weight: bold; border: 1px solid #FFF; }
#footerLeft a, #footerCenter a{ text-decoration: none; color: #FFF;}
#footerLeft a:hover, #footerCenter a:hover{ color: #EC008C;}
#copyright{ text-align: right; float: right; text-transform: uppercase; font-size: 11px;}
#copyright a{ text-decoration: none; color: #FFF;}
#copyright a:hover{ color: #EC008C;}
.textFrame{ font-family: Helvetica, Verdana, Arial, sans-serif; width: 309px; height: 146px; overflow: hidden; background-image: url(../images/backgrounds/kader_bg.png); background-repeat: no-repeat; color: #FFF; font-size: 12px; }
.textFrame_new{ font-family: Helvetica, Verdana, Arial, sans-serif; width: 309px; height: 297px; overflow: hidden; color: #FFF; font-size: 12px; }
.frameContent{ margin: 10px 10px 10px 30px; }
.textFrame .frameContent h2{ font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; text-align: left; color: #EC008C; }
.textFrame_new .frameContent h2{ font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; text-align: left; color: #EC008C; }
.textFrame .frameContent p{ line-height: 16px; text-align: justify; }
.textFrame_new .frameContent p{ line-height: 16px; text-align: left; }
.frameContent a{ color: #EC008C; }
/*menu*/
#menuContainer{ width: 970px; height: 40px; display: block; margin-top: 20px; border: 0px solid #333; }
#menuLogo{ position: absolute; z-index: 99; width: 142px; height: 50px; margin-left: 700px; margin-top: -18px;}
#menuFlags{ position: absolute; z-index: 99; width: 142px; height: 11px; margin-left: 865px; margin-top: 6px;}
#menuContainer{ %height: 50px; }
#menuLogo, #menuFlags { %padding-top: 10px; }
#menu{ margin-top: 10px; height: 40px; background-color: #000;}
#menu a{ text-decoration: none; text-transform: uppercase; font-size: 12px; color: white; font-family: Georgia, "Times New Roman", Times, serif; }
#menu a:hover,#menu a.active{ color: #EC008C; }
#menu .menuItem1{ float: left; margin-left: 10px; margin-top: 18px;}
#menu .menuItem{ float: left; margin-left: 35px; margin-top: 18px;}
#cssdropdown, #cssdropdown ul { list-style: none; z-index: 99; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
#cssdropdown li.headlink { float: left; margin-left: -1px; }
#cssdropdown li.headlink a { display: block; padding: 15px 10px 15px 10px; }
#cssdropdown li.headlink ul { position: absolute; display: none; border-bottom: 1px black solid; text-align: left; margin-top: -3px; background-color: #787878; }
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li a { padding: 5px; height: 17px; }
#cssdropdown li.headlink ul li a:hover { background-color: #333; }
/*pages*/
/*~~home~~*/
#home{ background-image: url(../images/backgrounds/home_bg.jpg); width: 970px; height: 450px; }
#homeMainContent{ float: right; width: 550px; height: 130px; overflow: hidden; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: white; text-align: right; line-height: 28px; }
#homeMainContent h1{ font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; margin-bottom: 5px; font-size: 30px; line-height: 32px; color: #fff; }
#suit{ position: absolute; z-index: 9; margin-top: 217px; margin-left: 211px; width:126px; height:193px; }
#special { position: absolute; margin-top: 250px; margin-left: 10px; }
/*~~service~~*/
#service{ background-image: url(../images/backgrounds/service_bg.jpg); width: 970px; height: 450px; }
#servicelist{ position: absolute; padding-left: 10px; float: left; margin-left: 447px; margin-top: 50px; text-align: left; overflow: auto; width: 480px; height: 380px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; }
#servicelist ul,ol { margin-left: 12px; list-style: circle; }
#servicelist li { padding-left: 0px; }
#servicelist h1{ font-size: 16px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; margin-bottom: 10px; color: #000; }
#servicelist h2{ font-size: 12px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; margin-bottom: 10px; color: #EC008C; margin: 2px 0; }
#servicelist .hr, #newsitem .hr { display: block; padding: 2px 0; }
#servicelist a, #newsitem a { color: #EC008C; text-decoration: none; }
/*~~news~~*/
#news{ background-image: url(../images/backgrounds/news_bg_new.jpg); width: 970px; height: 450px; }
#maglist{ position: absolute; padding-left: 10px; float: left; margin-left: 10px; margin-top: 20px; text-align: left; overflow: auto; width: 370px; height: 420px; }
#maglist img { float: left; margin: 0 20px 20px 0; }
#newslist{ position: absolute; padding-left: 10px; float: left; margin-left: 400px; margin-top: 120px; text-align: left; overflow: auto; width: 550px; height: 320px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; }
#newslist .date, #newsitem .date { font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; }
#newslist h1{ font-size: 12px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; margin-bottom: 10px; color: #EC008C; margin: 2px 0; }
#newslist .hr, #newsitem .hr { display: block; padding: 2px 0; }
#newslist a, #newsitem a { color: #EC008C; text-decoration: none; }
#news_detail{ background-image: url(../images/backgrounds/newsdetail_bg.jpg); width: 970px; height: 450px; }
#newsitem{ position: absolute; padding-left: 10px; float: left; margin-left: 15px; margin-top: 20px; text-align: left; overflow: auto; width: 930px; height: 420px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; line-height: 18px; }
{ font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; }
#newsitem h1{ font-size: 20px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; margin-bottom: 10px; color: #EC008C; margin: 15px 0; }
#newsitem img { padding-left: 15px; }
/*~~collection~~*/
#collection{ background-image: url(../images/backgrounds/collection_bg.jpg); width: 970px; height: 450px; }
#collection2{ background-image: url(../images/backgrounds/collection_bg_2.jpg); width: 970px; height: 450px; }
#collection3{ background-image: url(../images/backgrounds/collection_summer.jpg); width: 970px; height: 450px; }
#colSuit{ position: absolute; float:left; width: 390px; height: 450px; }
#colTextPanel{ position: absolute; float: left; margin-left: 480px; margin-top: 10px; text-align: left; overflow: hidden; width: 477px; height: 285px;}
#colTextPanel h2{ font-size: 18px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; margin-bottom: 10px; color: #EC008C; }
#colTextPanel p{ font-size: 12px; line-height: 14px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #FFF; }
#colTextPanel p.list{ line-height: 16px; }
#colTextPanel a{ color: #EC008C; }
#colPanel{ float: right; margin-right: 10px; margin-top: 168px; background-image: url(../images/shop_panel_bg.png); overflow: hidden; width: 477px; height: 265px;}
#colPanel2{ float: right; margin-right: 10px; margin-top: 210px; overflow: hidden; width: 477px; height: 226px;}
.tnImage{ padding: 2px;}
/*~~contact~~*/
#contact{ width: 970px; height: 450px; background-image: url(../images/backgrounds/contact_bg.jpg); }
/*.contactOff{ background-image: url(../images/backgrounds/contact_bg.jpg); width: 970px; height: 450px;}
.contactOn{ background-image: url(../images/backgrounds/contact_bg_on.jpg); width: 970px; height: 450px; }*/
/*#pulse2{ position: absolute; margin-left: 150px; margin-top: 8px;}
#pulse3{ position: absolute; margin-left: 53px; margin-top: 209px;}
#pulse4{ position: absolute; margin-left: 325px; margin-top: 249px;}
#pulse6{ position: absolute; margin-left: 201px; margin-top: 338px;}
#pulse5{ position: absolute; margin-left: 904px; margin-top: 209px;}*/
#infoBox,#infoBox2{ width: 200px; height: 50px; background-image: url(../images/message.png); background-repeat: no-repeat; overflow: hidden; padding: 10px; color: #FFF; position: absolute; margin-left: 760px; margin-top: 390px; font-size: 11px; font-family: Helvetica, Verdana, Arial, sans-serif; line-height: 16px; }
#infoBox2{ margin-left: 10px; }
/*~~infoform~~*/
#infoform{ background-image: url(../images/backgrounds/infoform_bg.jpg); width: 970px; height: 450px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #FFF; font-size: 13px; }
#infoform2{ background-image: url(../images/backgrounds/infoform_bg_new.jpg); width: 970px; height: 450px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #FFF; font-size: 13px; }
#infoform2 .infoTitle{ text-transform: uppercase; font-size: 50px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #BDBEC0; padding: 10px 0 20px 10px; position: absolute; width: 700px; }
#infoform2 p{ font-size: 13px; line-height: 14px; padding-top: 2px; padding-bottom: 5px; }
#infoform2 p, #infoform2 #infoTextPanel label, #infoform2 #infoTextPanel2 label, #infoform2 * { color: #8F9094;
}
#infoform2 .formButton { color: #ffffff; }
#infoform2 .formField { margin-bottom: 2px; }
#infoform2 #infoTextPanel { width: 380px; }
#infoform2 #infoTextPanel2 { width: 380px; }
#infoform2 #infoTextPanel2 label { width: 120px; }
#infoform p{ font-size: 13px; line-height: 14px; padding-top: 2px; padding-bottom: 5px; }
#infoform h2{ font-size: 18px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; margin-bottom: 10px; color: #EC008C; }
.pad20{ position: relative; z-index: 50; padding: 20px; float:left; width: 445px; }
.pad650{ position: relative; z-index: 50; padding: 20px; float:left; width: 650px; }
.pad925{ position: relative; z-index: 50; padding: 20px; float:left; width: 925px; height: 230px; }
.pad240{ position: relative; z-index: 50; padding: 20px; float:left; min-height: 230px; width: 230px; background-image: url(../images/shop_panel_bg.png); }
#infoTextPanel h1{ font-size: 14px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; margin-bottom: 5px; color: #FFF; }
#infoTextPanel, #infoTextPanel2, #infoTextPanel3, #infoTextPanel4, #infoTextPanel5, #infoTextPanel6, #infoTextPanel7{ float: left; margin-top: 10px; text-align: left; width: 477px; }
#infoTextPanel3{ overflow: auto; height: 345px; width: 925px; }
#infoTextPanel4{ overflow: auto; height: 379px; width: 250px; }
#infoTextPanel5{ overflow: auto; height: 400px; width: 670px; }
#infoTextPanel6{ overflow: auto; height: 373px; width: 925px; }
#infoTextPanel2 { margin-top: 90px; }
#infoTextPanel img, #infoTextPanel3 img, #infoTextPanel4 img, #infoTextPanel5 img, #infoTextPanel6 img, #infoTextPanel7 img { float: left; margin: 0 10px 10px 0; }
#infoTextPanel3 a.ctrl, #infoTextPanel7 a.ctrl { background-color: #E0115C; border:1px solid #fff; color: #fff; width: 10px; height: 10px; padding: 2px; text-decoration: none; }
#infoTextPanel3 a.ctrl:hover, #infoTextPanel7 a.ctrl:hover { background-color: #000; cursor: pointer;}
#infoTextPanel3 label, #infoTextPanel4 label, #infoTextPanel7 label { display: block; width: 140px; float: left; }
.infoTitle{ text-transform: uppercase; font-size: 20px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #fff; padding: 50px 0 20px 10px; }
#infoTextPanel3 .pp, #infoTextPanel4 .pp, #infoTextPanel7 .pp { float:left; display:block; width:75px; text-align: right; }
.formRadio { float: left; margin-right: 15px; }
.formRadio2 { margin: 1px 2px; }
#infoTextPanel label, #infoTextPanel5 label { float: left; display: block; width: 150px; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #fff; }
#infoTextPanel2 label, #infoTextPanel6 label{ float: left; padding-left: 15px; display: block; width: 170px; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #fff; }
.small { font-style: italic; font-size: 10px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #fff; }
#suitsuit_1 { float: left; margin-top: -10px; padding: 5px 50px 5px 0; }
#suitsuit_2 { float: left; padding: 5px 0; }
#infoform_container { z-index:100; display: none; width: 970px; height: 450px; position: absolute; margin: 0px auto; }
/*~~label~~*/
#label{ background-image: url(../images/backgrounds/label_bg.jpg); width: 970px; height: 450px; }
#textFieldContainer{position: relative; display: none; z-index: 100; width: 550px; max-height: 400px; top: 10px; left: 10px;}
.textField{ background-image: url(../images/backgrounds/text_field_bg.png); background-repeat: no-repeat; }
.textField_small{ background-image: url(../images/backgrounds/text_field_small_bg.png); background-repeat: no-repeat; }
.textField-bottom{ background-position: 0 -410px; background-image: url(../images/backgrounds/text_field_bg.png); background-repeat: no-repeat; width: 550px; height: 9px; }
.textField_small-bottom{ background-position: 0 -410px; background-image: url(../images/backgrounds/text_field_small_bg.png); background-repeat: no-repeat; width: 350px; height: 9px; }
.textField h2, .textField_small h2{ font-size: 18px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; margin-bottom: 10px; color: #FFF; }
.textField h3, .textField_small h3{ font-size: 13px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; margin-bottom: 10px; color: #FFF; }
.textField p, .textField_small p{ font-size: 12px; text-align: justify; font-family: Helvetica, Verdana, Arial, sans-serif; color: #FFF; }
.textField a, .textField_small a{ color: #FFF; text-decoration: underline; }
#textFieldContainer1,#textFieldContainer2, #textFieldContainer3, #textFieldContainer4, #textFieldContainer5{position: relative; display: none; z-index: 100; width: 550px; max-height: 400px; top: 10px; left: 10px;}
#textFieldContainer6, #textFieldContainer7{position: relative; display: none; z-index: 100; width: 550px; max-height: 400px; top: 10px; left: 400px;}
#textFieldContainer2 label, #textFieldContainer7 label { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; color: #fff; display: block; width: 150px; float: left; }
#textFieldContainer2 .formButton, #textFieldContainer7 .formButton { position: absolute; z-index: 200; right: 10px; }
.close-window1,.close-window2{ position: absolute; width:16px; height:16px; right:8px; top:24px; background:transparent url('../images/close.png') no-repeat scroll right top; text-indent:-99999px; overflow:hidden; cursor:pointer; opacity:.5; filter: alpha(opacity=50); -moz-opacity: 0.5;}
.close-window1:hover,.close-window2:hover{opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99;}
#pulse1{ position: absolute; margin-left: 74px; margin-top: 360px;}
#pulse{ position: absolute; margin-left: 539px; margin-top: 303px;}
/*~~custom~~*/
#custom{ background-image: url(../images/backgrounds/bizz_bg.jpg); width: 970px; height: 450px; }
#text{ position: absolute; float: left; margin-left: 705px; margin-top: 115px; text-align: left; overflow: auto; width: 260px; height: 320px; }
#text p{ font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #000; }
/*~~factory~~*/
#factory{ background-image: url(../images/backgrounds/faq_bg.jpg); width: 970px; height: 450px; }
#faq{ position: absolute; padding-left: 10px; float: left; margin-left: 500px; margin-top: 10px; text-align: left; overflow: auto; width: 447px; height: 400px; border-left: 1px solid #EC008C; }
#faq h1{ font-size: 20px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; margin-bottom: 10px; color: #EC008C; }
#faq h2{ font-size: 14px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; margin-bottom: 10px; color: #FFF; }
#faq p{ font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #FFF; }
#faq a{ font-family: Helvetica, Verdana, Arial, sans-serif; color: #fff; text-decoration: underline; font-size: 14px; }
#faq a.up{ font-size: 10px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #EC008C; }
/*~~office~~*/
#office{ background-image: url(../images/backgrounds/office_bg.jpg); width: 970px; height: 450px; }
#pulse10{ position: absolute; margin-left: 16px; margin-top: 18px;}
#pulse11{ position: absolute; margin-left: 314px; margin-top: 235px;}
#pulse12{ position: absolute; margin-left: 563px; margin-top: 36px;}
#pulse13{ position: absolute; margin-left: 280px; margin-top: 33px;}
#pulse14{ position: absolute; margin-left: 650px; margin-top: 233px;}
#pulse15{ position: absolute; margin-left: 745px; margin-top: 348px;}
#pulse16{ position: absolute; margin-left: 66px; margin-top: 235px;}
.alink { padding-top: 5px; display: block; width: 50px; float: right; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif;}
.alink a { color: #EC008C;}
.manual { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 13px; float: left; width: 200px; padding: 15px 10px; }
/*~~ambassadors~~*/
#ambassadors{ background-image: url(../images/backgrounds/map_bg.jpg); width: 970px; height: 450px; }
#ambassadors_europe{ background-image: url(../images/backgrounds/map_bg_europe.jpg); width: 970px; height: 435px; padding-top: 15px; }
#ambassadors_afrika{ background-image: url(../images/backgrounds/map_bg_afrika.jpg); width: 970px; height: 435px; padding-top: 15px; }
#ambassadors_asia{ background-image: url(../images/backgrounds/map_bg_asia.jpg); width: 970px; height: 435px; padding-top: 15px; }
#ambassadors_namerica{ background-image: url(../images/backgrounds/map_bg_namerica.jpg); width: 970px; height: 435px; padding-top: 15px; }
#ambassadors_mamerica{ background-image: url(../images/backgrounds/map_bg_mamerica.jpg); width: 970px; height: 435px; padding-top: 15px; }
#ambassadors_samerica{ background-image: url(../images/backgrounds/map_bg_samerica.jpg); width: 970px; height: 435px; padding-top: 15px; }
#ambassadors #box, #ambassadors_europe #box, #ambassadors_afrika #box, #ambassadors_asia #box, #ambassadors_namerica #box, #ambassadors_mamerica #box, #ambassadors_samerica #box { font-family: Helvetica, Verdana, Arial, sans-serif; width: 282px; height: 415px; border-right: 1px solid #fff; float: left; overflow: auto; color: #fff; }
#box ul { list-style-image: url(../images/turtle_small.gif); margin: 0 0 0 50px; }
#box li { margin: 0; %line-height: 35px; }
#box a { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: #fff; text-transform: uppercase; text-decoration: none; }
#box h1 { text-transform: uppercase; font-size: 18px; color: #fff; text-align: center; margin-bottom: 10px; }
#box .info { width: 200px; background-color: #fff; margin: 0 15px; padding: 15px 25px; }
#box .info p, #box .info a { font-size: 13px; color: #000; }
#box a { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; color: #fff; text-transform: uppercase; text-decoration: none; }
#ambassadors #country, #ambassadors_europe #country, #ambassadors_afrika #country, #ambassadors_asia #country, #ambassadors_namerica #country, #ambassadors_mamerica #country, #ambassadors_samerica #country { float: left; text-transform: uppercase; font-size: 30px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #fff; padding: 0 0 20px 10px; }
#country a { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: #fff; text-transform: uppercase; text-decoration: none; }
#map{ position: absolute; margin-left: 0px; margin-top: 0px;}
#map .a { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; }
.pulse17{ position: absolute; margin-left: 300px; margin-top: 0px;}
.pulse18{ position: absolute; margin-left: 434px; margin-top: 137px;}
.pulse19{ position: absolute; margin-left: 255px; margin-top: 213px;}
.pulse20{ position: absolute; margin-left: 50px; margin-top: 0px;}
.pulse21{ position: absolute; margin-left: 252px; margin-top: 166px;}
.pulse22{ position: absolute; margin-left: 760px; margin-top: 219px;}
.pulse23{ position: absolute; margin-left: 629px; margin-top: 91px;}
/*~~shop~~*/
#shop{ background-image: url(../images/backgrounds/shop_bg.jpg); width: 970px; height: 450px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #FFF; font-size: 13px; }
#shop_new{ background-image: url(../images/backgrounds/shop_bg_new.jpg); width: 970px; height: 450px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #FFF; font-size: 13px; }
#shop_new p, #shop p{ font-size: 13px; line-height: 14px; padding-top: 2px; padding-bottom: 5px; }
#shop_new h2, #shop h2{ font-size: 18px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; margin-bottom: 10px; color: #FFF; }
#shop a { text-decoration: underline; }
#shopContent{ width: 257px; height: 450px; margin-left: 713px; overflow: auto;}
#shopContent h1{ font-size: 16px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; margin-bottom: 10px; color: #EC008C; }
#shopContent h2{ font-size: 14px; text-transform: uppercase; font-family: Helvetica, Verdana, Arial, sans-serif; margin-bottom: 10px; color: #FFF; }
#shopContent p{ font-size: 12px; line-height: 14px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #FFF; }
#shopContent a{ font-family: Helvetica, Verdana, Arial, sans-serif; color: #EC008C; font-size: 14px; }
#shopContent a.up{ font-size: 10px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #E0115C; }
#shopContent label{font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #FFF; }
#shopContainer, #shopContainer4 { float:left; position: relative; }
#shopContainer2, #shopContainer5 { float:left; position: relative; display: none; }
#suitsuit_price { font-size: 24px; float:left; text-align: right; margin: 10px 0 10px 45px; }
#pricetag { background-image:url(../images/pricetag.png); background-position: 100% 50%; background-repeat: no-repeat; width: 151px; height: 55px; overflow: hidden; float: right; }
#pricetag_new { margin-top: 165px; background-image:url(../images/shop_panel.png); background-position: 100% 50%; background-repeat: no-repeat; width: 147px; height: 151px; overflow: hidden; padding: 15px; font-size: 12px; text-align: left; float: right; }
#pricetag_new h1 { margin-top: 10px; font-size: 38px; font-weight: bold; }
#pricetag_new h2 { margin-top: 10px; font-size: 20px; font-weight: bold; }
h6 { padding:.4em 0; margin:0 0 1em 0; }
h6.cart span { padding-right:50px; background: url(../images/cart.png) no-repeat right center; }
img#zoom { position: absolute; bottom: 12px; left: 110px; height: 30px; width: 30px; background: cursor: pointer; z-index: 100; }
#bankinfo { margin-top: 10px; background-image: url(../images/shop_panel_bg.png); padding: 10px; }
.suitsBox { position: relative; text-align: center; padding-top: 10px; width:120px; height:110px; float:left; margin:0 0 10px 10px; background-image: url(../images/shop_panel_bg.png); text-decoration: none;}
.suitsBox a{color:#FFF;text-decoration: none;}
a:hover .suits, a.active .suits { border:1px solid #fff; padding-top: 9px; width:118px; height:108px; cursor: pointer; }
/*a .suits .text, .suits .text { position: absolute; background-color: #E0115C; color: #fff; padding: 2px; width: 116px; z-index: 100; margin-top: 40px; text-align: center; }
a:hover .suits .text, a.active .suits .text { margin-left: 0px; width: 114px; }*/
a .suits .text, .suits .text { position: absolute; background-image: url(../images/label_offer_new.png); background-repeat: no-repeat; width: 85px; height: 62px; margin-top: 38px; margin-left: 30px; cursor: pointer; }
a:hover .suits .text, a.active .suits .text { margin-left: 29px; }
.preview { position:absolute; left:91px; top:66px; display: block; width: 242px; }
.preview .text { position: absolute; background-image: url(../images/label_offer_big_new.png); background-repeat: no-repeat; width: 157px; height: 104px; top: 14px; right: 157px; }
/*POP-UP WINDOW*/
/*
.modal-overlay{position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; background:#fff; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; z-index:998;}
.modal-overlay{position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
*/
.modal-window{position:fixed; top:200px; left:50%; margin:0; padding:0; z-index:999; background:transparent url(../images/backgrounds/pop-up_bg.png) no-repeat; width: 400px; height: 242px; }
.modal-window{position:absolute; }
.close-window{position:absolute; width:16px; height:16px; right:8px; top:24px; background:transparent url('../images/close.png') no-repeat scroll right top; text-indent:-99999px; overflow:hidden; cursor:pointer; opacity:.5; filter: alpha(opacity=50); -moz-opacity: 0.5;}
.close-window:hover{opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99;}
/* scrollable */
/* root element for the whole scrollable setup */
div.scrollable {
position:relative;
overflow:hidden;
width: 950px;
height:160px;
background-image: url(../images/shop_panel_bg.png);
}
div.scrollable_new {
position:relative;
overflow:hidden;
float:left;
width: 500px;
height:380px;
background-image: url(../images/shop_panel_bg.png);
}
/*
root element for scrollable items. It is
absolutely positioned with large width.
*/
#thumbs, #thumbs2 {
position:absolute;
width:20000em;
clear:both;
}
/* single item */
#thumbs .product {
float:left;
width:95px;
height:115px;
color:#fff;
cursor:pointer;
}
#thumbs2 .product {
float:left;
width:500px;
height:380px;
color:#fff;
cursor:pointer;
}
.product {
padding-left: 10px; text-align: center; font-size: 10px; color: white;
}
#thumbs img, #thumbs2 img { margin: 30px auto; display: block; margin-bottom: 0px; }
/* this makes it possible to add next button beside scrollable */
div.scrollable, div.scrollable_new {
float:left;
}
/*********** navigator ***********/
/* position and dimensions of the navigator */
div.navi {
margin: 8px auto 0 auto;
width:100px;
height:20px;
left: 50%;
position: absolute;
z-index: 10;
}
div.navi2 {
margin: 5px;
width:200px;
height:28px;
position: absolute;
z-index: 10;
/*background-color: #EC008C; */
}
/* items inside navigator */
div.navi a, div.navi2 a {
width:8px;
height:8px;
float:left;
margin:3px;
background:url(../images/navigator.png) 0 0 no-repeat;
cursor:pointer;
}
/* mouseover state */
div.navi a:hover, div.navi2 a:hover {
background-position:0 -8px;
}
/* active state (current page state) */
div.navi a.active, div.navi2 a.active {
background-position:0 -16px;
}