/* @ Main lay-out */

body {background:#7b0305 url(../images/bg/bg_main.jpg) top center no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1c1f21}
body.fixed {background:#7b0305 url(../images/bg/bg_main.jpg) top center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1c1f21}




div#contact_form_message { color: #333; display:none; text-align:center; font: bold 15px Arial; padding-top: 100px; }

/* contact form error */
ul.contact-error
{
 	background: #ffd2d2; width: 300px; border: 1px solid #ee9c9c; padding: 10px; padding-left: 15px; margin-top: 10px;
}

ul.contact-error h1
{
	font: bold 12px Arial; margin-bottom: 5px; color: #484b4d;
}

ul.contact-error li
{
	padding: 0 0 5px 0px; color: #5e5e5e; list-style-type: disc; margin-left: 7px;
}
/* contact form error */

a,a:hover,a:visited {color:#FFF; text-decoration:none;}
h2 {font-family:Arial; font-weight:bold; font-size:14px; color:#61717b}
div#container {position:relative; margin:0 auto; width:1002px; height:auto;}
#shared {width:1002px; float:left; position:relative;}
.header {height:180px; background:url(../images/layout/layout-top.png) no-repeat 0 92px; z-index:50;}
	a#visera-logo {position:absolute; width:253px; height:73px; background:url(../images/layout/visera-logo.jpg) no-repeat; text-indent:-9999px; top:0px; left:39px;}
	.customer-enter{display:block; background:url(../images/buttons/button-customer.jpg) no-repeat; text-indent:-9999px; position:absolute; right:17px; top:12px; width:151px; height:42px }
	ul#navigation {position:absolute; top:96px;; width:927px; height:67px; left:56px;}
	ul#navigation li {float:left;}
			a.nav {display:block; height:65px; text-indent:-9999px;}
			.b1 {width:115px} .b2 {width:115px} .b3 {width:115px} .b4 {width:93px} .b5 {width:115px} .b6 {width:374px}
			
			li#button01 {width:115px; background:url(../images/layout/main_buttons.jpg) no-repeat 0 0;}
			li#button01:hover {background-position:0 -66px;}
			li#button02 {width:115px; background:url(../images/layout/main_buttons.jpg) no-repeat -115px 0px;}
			li#button02:hover {background-position:-115px -66px}
			li#button03 {width:115px; background:url(../images/layout/main_buttons.jpg) no-repeat -230px 0px;}
			li#button03:hover {background-position:-230px -66px}
			li#button04 {width:93px; background:url(../images/layout/main_buttons.jpg) no-repeat -345px 0px;}
			li#button04:hover {background-position:-345px -66px}
			li#button05 {width:115px; background:url(../images/layout/main_buttons.jpg) no-repeat -438px 0px;}
			li#button05:hover {background-position:-438px -66px}
			li#button06 {width:374px; background:url(../images/layout/main_buttons.jpg) no-repeat -553px 0px;}
			li#button06:hover {background-position:-553px -66px}
			
		
	ul#navigation li ul.submenu{position:absolute; top:65px; width:227px; visibility:hidden; padding-top:2px; z-index:55}
	ul#navigation li ul.submenu li a{display:block; background:url(../images/buttons/submenu.png) no-repeat top; width:204px; height:26px; font-size:14px; font-weight:bold; padding:12px 0 0 23px; margin:0;}
	ul#navigation li ul.submenu li a:hover{background-position:bottom;}
		
.flash-area{width:960px; height:433px; float:left; position:relative; margin-left:21px;}

.main,.flash {height:auto; background:url(../images/layout/layout_bg.png) repeat-y; z-index:1}
	.columns {background: url(../images/bg/bg_main_table.jpg) no-repeat 0 2px; width:994px; height:319px; margin:13px 0 0 4px; z-index:2;}
	.column {width:285px; height:319px; float:left; margin:0px 0 0 30px;}
	.column p {width:219px; line-height:20px; color:#5d6061}
.column	a.details {position:absolute; z-index:20; display:block; width:94px; height:28px; background:url(../images/buttons/details.jpg) no-repeat; text-indent:-9999px; z-index:50}
.column	a.demo-talebi {position:absolute; z-index:20; display:block; width:166px; height:28px; background:url(../images/buttons/demo-talebi.jpg) no-repeat; text-indent:-9999px; z-index:50}
.column	a.video-egitim {position:absolute; z-index:20; display:block; width:134px; height:28px; background:url(../images/buttons/video-egitim.jpg) no-repeat; text-indent:-9999px; z-index:50}

	
	h1.title_h1 {font-size:24px; color:#42515a; font-weight:bold; margin-top:28px;}
	h2.details_h2 {font-size:14px; color:#000000; font-weight:bold; width:219px; margin-top:10px; margin-bottom:10px;}
	ul.sectors {width:285px; height:170px; margin:15px 0 0 20px}
	ul.sectors li {float:left; width:138px; height:38px; margin:0 3px 4px 0}
	ul.sectors li a{display:block; text-indent:-9999px; width:138px; height:38px; background:url(../images/buttons/main-right.jpg) no-repeat;}
	ul.sectors li a.a1{background-position:0 0}
	ul.sectors li a.a2{background-position:-138px 0px}
	ul.sectors li a.a3{background-position:0px -38px}
	ul.sectors li a.a4{background-position:-138px -38px}
	ul.sectors li a.a5{background-position:0px -76px}
	ul.sectors li a.a6{background-position:-138px -76px}
	ul.sectors li a.a7{background-position:0px -114px}
	ul.sectors li a.a8{background-position:-138px -114px}
	.footer {height:175px; margin-top:-2px; margin-bottom:50px;}
	a.button-backhome {display:block; width:121px; height:48px; position:absolute; text-indent:-9999px; background:url(../images/buttons/button-backhome.png) no-repeat; top:-18px; left:26px;}
	a.button-backhome:hover {background-position:bottom;}
	.f1 {background:url(../images/layout/layout_footer.png) no-repeat top; z-index:0}
	.f2 {background:url(../images/layout/layout_footer2.png) no-repeat top; z-index:10}
	ul.footer-links {position:absolute; width:475px; height:17px; right:5px; bottom:14px; font-size:11px; font-family:arial;}
	ul.footer-links li {float:left; margin-right:12px;}
	a.minilogo {position:absolute; top:62px; left:26px; background:url(../images/layout/logo-mini.png) no-repeat; width:61px; height:23px; text-indent:-9999px; display:block;}
	div.address {position:absolute; width:289px; height:69px; background:url(../images/layout/layout_address.png) no-repeat; top:100px; left:26px;}
	div.copyright-link {position:absolute; width:300px; height:20px; top:169px; left:26px;}
	div.copyright-link a{margin-right:8px; font-size:9px; text-decoration:underline;}

	a.df{position:absolute; background:url(../images/layout/logo-df.png) no-repeat; width:137px; height:12px; text-indent:-9999px; display:block; bottom:-15px;; right:8px}
/* @ Sub Pages */
.flash-area-sub{width:960px; height:120px; float:left; position:relative; margin-left:21px;}
.sub-pages-main-top {width:960px; height:48px; margin-left:21px; background:url(../images/layout/layout-sub-main.jpg) no-repeat; float:left;}
.sub-pages-main-content-bg{width:994px; height:auto; margin-left:4px; background:url(../images/bg/bg-content-main-repeat.jpg) repeat-y ; float:left}
.sub-pages-main-content{width:994px; height:auto;  background:url(../images/bg/bg-content-main.jpg) no-repeat; float:left}
.sub-pages-main-bottom {width:994px; height:auto; background:url(../images/bg/sub-content-main-bottom.jpg) bottom no-repeat; float:left}
.sub-pages-content-left {float:left; width:650px; height:auto; margin:0 20px 0 58px; padding-top:15px;}
.sub-pages-content-right {float:left; width:260px; height:auto; padding-top:19px;}
h1.sub-content-titles {font-weight:bold; font-size:36px; color:#42515a}
h2.sub-content-remark {font-weight:bold; font-size:16px; color:#42515a; line-height:normal; margin-top:8px;}
.text {width:595px} .paragraph {line-height:19px; padding-left:2px; font-size:12px} .minititle{padding:16px 0 0 6px} .contactparagraph{line-height:19px; font-size:11px; color:#1c1f21}
ul.sub-pages-right-menu {width:218px; height:auto; margin:0 0 0 25px; float:left;}
ul.sub-pages-right-menu li {margin-bottom:2px;}
ul.sub-pages-right-menu li a{width:199px; height:25px; background:url(../images/buttons/sub-main-columns.jpg) no-repeat top; padding:12px 0 2px 19px; font-size:14px; font-weight:bold; display:block; color:#61717b; font-family:tahoma;}
ul.sub-pages-right-menu li a:hover{background-position:bottom; color:#FFF}
.title-quick-menu {width:218px; height:52px; background:url(../images/layout/quick-nav.jpg) no-repeat top;}
.title-quick-menu-pro {width:218px; height:52px; background:url(../images/layout/quick-nav-products.jpg) no-repeat top;}
.title-quick-menu-pro-ek {width:218px; height:52px; background:url(../images/layout/quick-nav-products-ek.jpg) no-repeat top;}
.product-packs {width:227px; height:212px; margin:42px 0 0 14px; float:left;}
.product-packstext{margin:7px 0 0 37px; float:left; width:195px; height:50px;}
.product-packstext a,.address-box-text a{color:#d43d1c; text-decoration:underline; font-weight:bold}
.product-packstext span,.address-box-text span{font-size:11px; margin-top:10px; display:block; line-height:normal; color:#61717b}
.address-box {width:218px; height:40px; margin:55px 0 0 25px; float:left; background:url(../images/layout/contact-us.jpg) no-repeat}
.address-box-text {margin:19px 0 0 37px; float:left; width:195px; height:156px; background:url(../images/bg/tv.png) no-repeat 100px 20px}

/* @ accordion  */
#accordion{margin:5px 0px 0px -10px; width:628px; }
#accordion div.toggler {cursor: pointer; font-family: Arial;	font-size: 14px; background:url(../images/buttons/accordion-bg.jpg) top no-repeat; display:block; color:#FFFFFF; margin: 0 0 2px 0; width:605px; height:29px; float:left; font-weight:bold; padding:10px 0 0 23px}
#accordion div.toggler2 {cursor: pointer; font-family: Arial;	font-size: 14px; background:url(../images/buttons/accordion-bg2.jpg) top no-repeat; display:block; color:#FFFFFF; margin: 0 0 2px 0; width:605px; height:29px; float:left; font-weight:bold; padding:10px 0 0 23px}
#accordion div.toggler3 {cursor: pointer; font-family: Arial;	font-size: 14px; background:url(../images/buttons/accordion-bg3.jpg) top no-repeat; display:block; color:#FFFFFF; margin: 0 0 2px 0; width:605px; height:29px; float:left; font-weight:bold; padding:10px 0 0 23px}
#accordion div.element {width:628px; height:98px; float:left; background:url(../images/bg/accordion-sub.png) no-repeat top;}
#accordion div.element p {padding:14px 17px 14px 17px; color:#32424e; line-height:15px} 
#accordion div.element a {color:#32424e;}
#accordion div.element div.gallery {float:left; margin-left:20px}
#accordion div.element ul.ull {float:left; line-height:15px; margin:10px 0 15px 60px; list-style:square}
#accordion div.element ul.module-gallery {float:left; width:620px; height:auto; margin-bottom:20px}
#accordion div.element ul.module-gallery li {width:50px; height:50px; float:left; margin:0 0px 3px 3px; border:solid 1px #000;}

/* @ bayi agi*/

h1.subtitle {margin:-33px 0 0 0; font-size:19px; font-weight:bold}
h2.subtitle-remark{margin:-5px 0 0 0; font-size:15px; font-weight:normal;}
h1.sub-big-title {font-size:26px; font-weight:bold}
.flash-map {margin:0; width:640px; height:288px;}
.salers-title {width:660px;}
.left {width:300px; float:left;}
.right {width:320px; float:left; text-align:right; margin-top:12px}
div.atitle{width:auto; float:left}
div.city{width:auto; float:right; text-align:right; margin:2px 50px 0 0}
/* @ ürünler*/

.products-area {margin:65px 0 15px -20px; width:680px; min-height:700px; height:auto;}
ul.products-list {width:680px; height:auto; }
ul.products-list li {float:left; height:203px; margin:0 8px 8px 0px}
ul.products-list li p.link{text-align:center; width:160px; margin-top:8px}
ul.products-list li a {width:160px; height:203px; display:block; background:url(../images/bg/bg-products.jpg) left no-repeat;}
ul.products-list li a img {margin:20px 0 0 1px;}
ul.products-list li a:hover {background-position:right;}
ul.products-list li a.demo {width:498px; height:203px; display:block; background:url(../images/buttons/button-demo.jpg) left no-repeat; text-indent:-9999px}
h1.products-subtitle {margin:0px 0 0 0; font-size:32px; color:#d43d1c; font-weight:bold}
h2.products-subtitle-remark{margin:10px 0 0 0; font-size:17px; color:#42515a; font-weight:normal;}

/* @ Ürünler alt sayfalar */

.visera-prod {width:670px; height:auto; float:left; position:relative;}
.visera-product-logo {background:url(../images/layout/logo-products.png) no-repeat; width:151px; height:66px}
.visera-product-name {float:left; margin:0px 20px 0 0; width:400px; height:auto;}
.visera-product-title {margin-top:-30px; float:left; position:relative; margin-bottom:40px;}
.visera-product-title a.addtobasket {position:absolute; right:-30px; bottom:-20px; display:block; width:98px; height:98px; text-indent:-9999px; background:url(../images/buttons/addbasket.png) no-repeat;}

h2.visera-product-desc {width:400px; margin-top:-110px; margin-bottom:20px; float:left; position:relative}
.visera-product-image {float:right; margin:-60px 20px 0 0; width:200px; height:190px;}
.product-title{background:url(../images/layout/product-inc.jpg) no-repeat; width:628px; height:39px; margin-top:30px; float:left;}
.screens-title{background:url(../images/layout/screen-inc.jpg) no-repeat; width:628px; height:39px; margin-top:30px; float:left;}
.product-details-bg{background:url(../images/bg/bg-products-detail.jpg) no-repeat; width:628px; height:auto; float:left; margin:5px 0 0 0}
.product-details-bg div {float:left; width:170px; padding:15px 0 0 15px; color:#666; line-height:19px}
ul.screen-module {float:left; width:620px; height:auto; position:relative; margin:15px 0px 20px 15px}
ul.screen-module li {float:left; width:70px; height:60px; margin:0 3px 3px 0; border:#999 1px solid;}


/* popup*/
#layer {position:absolute; width:100%; height:100%; display:none; background:url(../images/bg/popup-transparent.png); z-index:100; top:0; left:0;}
#demotalebi {width:402px; height:490px; margin-left:auto; margin-right:auto; z-index:300; display:none; background: url(../images/bg/demo-talebi.png) no-repeat; position:relative;}
#OturumAc {width:402px; height:490px; margin-left:auto; margin-right:auto; z-index:300; display:none; background: url(../images/buttons/MusteriGirisi.PNG) no-repeat; position:relative;}
#googlemap {width:732px; height:490px; margin-left:auto; margin-right:auto; z-index:300; display:none; background: url(../images/bg/google-map.png) no-repeat; position:relative;}
#kampanya {width:716px; height:452px; margin-left:auto; margin-right:auto; z-index:300; display:none; background: url(../images/kampanya.png) no-repeat; position:relative;}
.popup-close {display:block; background:url(../images/buttons/window-close.png) no-repeat; width:79px; height:78px; text-indent:-9999px; position:absolute; right:-29px; top:-29px;}
.SiteyeGit {display:block;  background:url(../images/buttons/SiteyeGit.png) no-repeat; width:716px; height:352px; text-indent:-9999px; position:absolute; right:0px; top:80px;}
#demotalebi .contact-form {width:350px;}
#demotalebi .contact-form li{height:36px;}
#demotalebi .contact-form li input{width:319px; height:27px; border:none; background:none; color:#ccc; font-weight:bold; padding:9px 0 0 15px}
#demotalebi .contact-form li input.form-send,.login-screen ul li input.form-send{width:94px; height:38px; margin:12px 0 0 0; padding:0;}
#demotalebi .contact-form li.form-input {background:url(../images/forms/input.jpg) no-repeat; width:334px; height:36px;}
#egitim{margin-left:auto; margin-right:auto; width:665px; height:359px; z-index:300; display:none; background: url(../images/bg/video-bg.png) no-repeat; position:relative}
#egitim a{color:#949494; text-decoration:none;}
#egitim a:hover{text-decoration:underline;}
#egitim div.title {float:left; width:600px; height:30px; margin:30px 0 0 30px}
#egitim ul {float:left; width:auto; height:auto; margin:30px 0 0 30px; line-height:20px;}
#egitim ul li {background:url(../images/layout/video.png) no-repeat 0 5px;; text-indent:20px;}


/* @ referanslar */
ul.references {width:620px; height:auto;}
ul.references li {position:relative;width:122px; height:112px; float:left; border:solid #CCC 1px; margin:-1px 0 0 -1px}

/* @ iletisim formu */
h2.form-title {margin-top:15px;}
.contactparagraph{line-height:19px; font-size:11px; color:#1c1f21}
ul.contact-form {width:670px; background:url(../images/bg/contact-form.jpg) 355px 124px no-repeat}
ul.contact-form li{height:36px;}
ul.contact-form li input{width:319px; height:27px; border:none; background:none; color:#ccc; font-weight:bold; padding:9px 0 0 15px}
ul.contact-form li input.form-send,.login-screen ul li input.form-send{width:94px; height:38px; margin:12px 0 0 0; padding:0;}
ul.contact-form li textarea {width:654px; height:100px; border:none; background:none; color:#ccc; font-weight:bold; padding:15px; overflow:hidden}
ul.contact-form li.form-input {background:url(../images/forms/input.jpg) no-repeat; width:334px; height:36px;}
ul.contact-form li.form-textarea {background:url(../images/forms/textarea.jpg) no-repeat; width:654px; height:146px;}
.contact-address {position:absolute; width:235px; height:225px; right:296px; top:69px; text-align:right; line-height:19px; color:#1c1f21}.contact-address a{color:#1c1f21} 
.contact-successfuly { line-height:15px; margin-top:40px; padding:7px 0 7px 0; background:#f3f4f6; border:1px solid #e5e6eb; width:300px; text-align:center;  }
.contact-successfuly a { color:#666; text-decoration:underline; }

/*@ login ekrani */

body.login {background:url(../images/bg/bg-login.jpg) center center no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1c1f21}
.login-logo {background:url(../images/layout/logo-login.png) no-repeat; width:248px; height:95px; position:absolute; top:-110px}
.login-screen {margin:8% auto 0 auto; background:url(../images/bg/loginscreen.png) no-repeat; width:698px; height:354px; position:relative}
.login-screen ul {position:absolute; width:315px; height:185px; font-size:13px; left:60px; top:125px;}
.login-screen ul li {margin:4px 0 42px 0}
.login-screen ul li input{font-size:13px; width:285px; height:30px; border:none; background:none; color:#ccc; font-weight:bold; padding:10px 0 0 15px}
	div.address2 {position:absolute; width:289px; height:69px; background:url(../images/layout/layout_address.png) no-repeat; bottom:-113px; left:54px;}
a.minilogo2 {position:absolute; top:-30px; left:0px; background:url(../images/layout/logo-mini.png) no-repeat; width:61px; height:23px; text-indent:-9999px; display:block;}