﻿*{ margin: 0; padding: 0; }

body {
	line-height: 1.4;
	color: black;
	background: white;
	background:url(../imgs/body-bg.jpg);
	font-family:Tahoma, Verdana, Geneva;
	font-size:12px;
	}

img{ border:none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	}
	
html, body{ height:100%; }	
	
div{ margin:0 auto; }
	
.ul li{ list-style:none; }

a, a:visited{ text-decoration:underline; }
a:hover{ text-decoration:none; }

/* UTIL */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;	
	}

.easyfix{ overflow:hidden; }

.old_price{
    color:#999999;
    font-size:12px;
    text-decoration:line-through;
}
	
.float-left{ float:left; }
.float-right{ float:right; }

.none span,
.none a span{ display:none; }

/* headings */
h1, h2, h3, h4, h5, h6{ line-height:1.1; }
		
/* Main */
.main{
	position:relative;
	width:969px;
	min-height:100%;
	}
	
.header{
	position:relative;
	z-index:100;
	padding:177px 0 0 0;
	height:369px;
	background:url(../imgs/header-bg.jpg) no-repeat 0 0px #000000;
	}
.header-top{
	margin-top:13px;
	position:relative;
	z-index:100;
	height:10px;
	background:url(../imgs/header-top.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
	}
	
.content{
	position:relative;
	padding-bottom:111px;	
	}
	
.wrapper{
	padding:15px 0 0px 0px;
	position:relative;
	z-index:100;
	background:url(../imgs/wrapper-bg.jpg) no-repeat bottom left #000000;
	}

.wrapper-bot{
	background:url(../imgs/wrapper-bot-bg.png) no-repeat top left;
	height:10px;
	line-height:0; font-size:0;
	}

.left-col{
	float:left;
	width:228px;
	padding:0 23px 0 27px;
	position:relative;
	z-index:100;
	}

.middle-col{
	position:relative;
	margin-left:278px;
	padding-right:23px;	
	position:relative;
	z-index:100;
	}
	
.right-col{	
	float:right;
	width:100%;
	padding-bottom:20px;
	}

.bottom{
	position:absolute;
	height:54px;
	width:100%;
	bottom:0;
	left:0;
	padding-top:20px;
	margin:8px 0 29px 0;
	background:url(../imgs/bottom-bg.png) no-repeat;
	text-align:center;
	}
	
.bottom address { color:#FFFFFF; font-style:normal; font-size:11px;}
.counters { text-align: center }

.logotip { position:absolute; z-index:300; top:8px; left:27px; }
.logotip span { position:absolute; top:72px; left:15px; font-size:12px; color:#999999;}

.but-nav { position:absolute; z-index:300; top:17px; right:27px; }
.but-nav a, .but-nav a:visited { display:block; }

.block-serch { position:absolute; z-index:300; top:-25px; right:57px; background:url(../imgs/bask-sersh-bg.png) no-repeat; width:201px; height:74px; padding:58px 0 0 98px; }
.block-serch .pic { position:absolute; top:45px; left:15px; height:79px; width:79px; background:url(../imgs/search-bg.png) no-repeat; display:block;}	
.block-serch b { color:#ff9c00; font-size:12px; }
.block-serch a, .block-serch a:visited { color:#a8a8a8; font-size:11px; text-decoration:none; }
.block-serch a:hover { text-decoration:underline; }
.block-serch form { display:block; position:relative; width:171px; height:23px; margin-top:2px; }
.block-serch form .input { position:absolute; top:1px; left:0; width:133px; height:19px; background:#FFFFFF; border:none; font-size:14px; padding-top:2px}
.block-serch form .but-ok { position:absolute; top:0; right:0; width:35px; height:23px; background:url(../imgs/but-ok-bg.png) no-repeat; border:none; color:#000000; font-size:12px; font-weight:bold;}

.block-basket { position:absolute; z-index:300; top:-25px; right:363px; background:url(../imgs/bask-sersh-bg.png) no-repeat; width:201px; height:74px; padding:58px 0 0 98px; }
.block-basket .pic { position:absolute; top:45px; left:15px; height:79px; width:79px; background:url(../imgs/basket-bg.png) no-repeat; display:block;}	
.block-basket strong { color:#ff9c00; font-size:12px; }
.block-basket p { color:#ababab; font-size:12px; padding-left:8px; padding-top:3px;}
.block-basket p span { color:#FFFFFF; font-size:12px; }
.block-basket a, .block-basket a:visited { color:#daab3f; font-size:11px; }

.menu-top { position:absolute; top:135px; right:24px;  height:42px; width:945px; z-index:300; }
.menu-top .telefon { position:absolute; z-index:300; left:60px; border-bottom:10px; font-size:24px; color:#FFFFFF;  }
.menu-top .telefon sup { font-size:12px; color:#daaa3d; padding-top:6px; position:absolute; z-index:300; top:-2px; left:-35px; }

.menu-top ul { float:right; display:block; background:url(../imgs/menu-top-cent.png) repeat-x; margin:0 12px 0 12px; height:42px; position:relative; }
.menu-top ul li { float:left;  list-style:none; padding:14px 10px 5px 8px; background:url(../imgs/menu-top-polosa.png) no-repeat right top; }
.menu-top ul li.last { background:none; padding-left:10px; }
.menu-top ul li a, .menu-top ul li a:visited { font-size:13px; font-family:Arial, Helvetica, sans-serif; font-stretch:narrower; color:#000000; font-weight:bold; text-decoration:none; text-transform:uppercase; }
.menu-top ul li a:hover { text-decoration:underline; }
.menu-top ul li.left { position:absolute; width:12px; height:42px; top:0; left:-12px; background:url(../imgs/menu-top-left.png) no-repeat; float:inherit; padding:0; }
.menu-top ul li.right { position:absolute; width:12px; height:42px; top:0; right:-12px; background:url(../imgs/menu-top-right.png) no-repeat; float:inherit; padding:0; }


.info-block strong,
.login-block strong { color:#ff9c00; font-size:12px;}
.login-block a, .login-block a:visited { color:#FFFFFF; font-size:11px; }
.login-block .enter { width:188px; height:92px; background:url(../imgs/login-bg.png) no-repeat ; margin:10px 0 0 0; padding:18px 20px 0 20px;}
.login-block .enter td { height:27px; width:33px; }
.login-block .enter .input { width:131px; height:17px; border:#635328 solid 1px; padding-top:2px;}
.login-block .enter label { font-size:12px; color:#FFFFFF; }
.login-block .enter .but-enter { width:55px; height:23px; background:url(../imgs/bt-enter.png) no-repeat; border:none; color:#000000; font-size:12px; font-weight:bold; cursor:pointer;}
.login-block .enter td a, .login-block .enter td a:visited { font-size:11px; color:#000000; }
.login-block .enter p { font-size:12px; padding:10px 0px 0px 0px; }


/*background:url(../imgs/info-bg.png) no-repeat ;*/
.info-block .info {width:666px; margin:10px 0 0 0; color:#FFFFFF;  font-size:14px;}
.info-block .info .info_top {width:100%;background:url(../imgs/info-bg-top.png) no-repeat left top;padding-top:10px;}
.info-block .info .info_bottom2 {width:100%;height:17px;background:url(../imgs/info-bg-bottom2.png) no-repeat left top;}
.info-block .info .info_bottom {width:100%;background:url(../imgs/info-bg-bottom.png) no-repeat left bottom;}
.info-block .info .info_middle {width:100%;background:url(../imgs/info-bg-middle.png) repeat-y left top;margin-top:0px;}
.info-block .info a, .info-block .info a:visited { color:#929292; }

.zag1 { padding:18px 0 5px 0; color:#AFAFAF; font-weight:bold; font-size:12px; }
.zag2 { padding:18px 0 5px 0; color:#ff9c00; font-weight:bold; font-size:12px; }
.zag3 { color:#ff9c00; font-weight:bold; font-size:12px; }
.zag4 { color:#FFFFFF; font-size:12px; }

/* Разделы каталога */

.menu-left-top { height:10px; background:url(../img/menu-left-top.png) no-repeat; line-height:0; font-size:0;}
.menu-left-but { height:10px; background:url(../img/menu-left-but.png) no-repeat; line-height:0; font-size:0;}
.menu-left { background:#363737; padding:0 6px; width:215px;}
.menu-left li { list-style:none; padding:2px 0;}
.menu-left li a, .menu-left li a:visited { color:#ff9c00;padding-left:24px;background:url(../img/arrow-left.gif) no-repeat 8px 4px; text-decoration:none; display:block; text-transform:uppercase;}
.menu-left-inner-top { background:url(../img/menu-left-inner-top.gif) no-repeat bottom; height:10px; line-height:0; font-size:0; padding-top:4px;}
.menu-left-inner-but { background:url(../img/menu-left-inner-but.gif) no-repeat; height:10px; line-height:0; font-size:0; padding-bottom:4px;}
.menu-left-inner { background:url(../img/menu-left-inner-cen.gif) repeat-y; padding:0 8px 0 6px;  }
.menu-left-inner li { padding:1px 0; width:202px; margin:0;}
.menu-left-inner li a, .menu-left-inner li a:visited {color:#FFFFFF; background: url(../img/arr-white.gif) no-repeat 13px 11px #1C1C1C;; text-decoration:none; display:block; position:relative; width:175px; padding:5px 2px 5px 24px;  margin:0; text-transform:none;}

.corner-nav-sub{ position:absolute; z-index:255; width:201px; height:5px; line-height:0; font-size:0; background:url(../img/menu-left-inner.gif) no-repeat; }
.corner-sub-top{ top:0; left:0; background-position:0 0; }
.corner-sub-btn{ bottom:0; left:0; background-position:0 -5px; }

.menu-left-inner2 { background:none; padding:0; margin:0;}
.menu-left-inner2 li {background:none; width:inherit; height:inherit; padding:0; margin:0;  }
.menu-left-inner2 li a, .menu-left-inner2 li a:visited { color:#a9a9a9; padding:2px 2px 2px 25px; background:url(../img/kvadrat-1.gif) no-repeat 13px 9px; text-decoration:none; margin:0;  text-transform:none;}
.menu-left-inner2 li a:hover {color:#f1ce81; text-decoration:underline; }

.b2b { height:129px; background:url(../imgs/b2b-bg.png) no-repeat bottom; padding-top:8px;}

.center-top { height:10px; margin:0 10px; background:#363737; position:relative; }
.center-top .left { height:10px; width:10px; background:url(../imgs/center-top-left.png) no-repeat; left:-10px; top:0; position:absolute; line-height:0;font-size:0; }
.center-top .right { height:10px; width:10px; background:url(../imgs/center-top-right.png) no-repeat; right:-10px; top:0; position:absolute; line-height:0;font-size:0; }
.center-but { height:10px; margin:0 10px; background:#363737; position:relative; }
.center-but .left { height:10px; width:10px; background:url(../imgs/center-but-left.png) no-repeat; left:-10px; top:0; position:absolute; line-height:0;font-size:0; }
.center-but .right { height:10px; width:10px; background:url(../imgs/center-but-right.png) no-repeat; right:-10px; top:0; position:absolute; line-height:0;font-size:0; }
.center-part { background:#363737; }


.katalg {padding:0 15px 0 15px;}
.katalg ul { width:633px; overflow:hidden; margin-bottom:-1px;}
.katalg ul li { float:left; list-style:none; width:188px; padding:13px 11px 9px 11px; border-bottom:#9A9A9A dashed 1px; border-right:#9A9A9A dashed 1px; position:relative; }
.katalg ul li.nonebr { border-right:none; }
.katalg ul li .tov { width:168px; height:138px; background:url(../imgs/katalog-tov-top.png) no-repeat; padding:10px; position:relative; z-index:100;}
.katalg ul li .tov table td { width:168px; height:138px; text-align:center; vertical-align:middle; overflow:hidden;}
.katalg ul li .cent { background:#000000; text-align:center; padding-top:15px; margin-top:-10px;  position:relative; z-index:90;}
.katalg ul li .but { background:url(../imgs/katalog-tov-but.png) no-repeat; width:188px; height:11px; }
.katalg ul li .but-podr, .katalg ul li .but-podr1 { width:88px; height:23px; background:url(../imgs/but-bg-podrob.png) no-repeat; border:none; color:#000000; font-size:12px; font-weight:bold; cursor:pointer;}
.katalg ul li .but-podr1 { background:url(../imgs/but-bg-podrob1.png) no-repeat; }
.katalg ul li .new-tov { position:absolute; background:url(../imgs/new-tov.png) no-repeat; width:51px; height:51px; right:0; top:0; z-index:110; }
.katalg ul li p { color:#FFFFFF; padding:4px 4px; }
.katalg ul li p span { color:#b2b2b2; }
.katalg ul li .price { color:#ff9c00; font-size:14px; }
.katalg ul li .tov .new-tov { top:-10px; right:-10px;}
.katalg ul.none-border li {border:none;}
.katalg ul li.center { margin:50px 208px 0 208px; }
.katalg ul li .tov .p360 { position:absolute; background:url(../imgs/p360-bg.png) no-repeat; width:65px; height:65px; right:-43px; top:-43px; z-index:110; }
.goodname { height:8em; }

.news-other ul { overflow:hidden; }
.news-other ul li { width:208px; float:left; list-style:none; margin-right:22px;  }
.news-other ul li.last { margin-right:0px;}
.news-other ul li .top1 { background:url(../imgs/news1-top.png) no-repeat; height:10px; font-size:0; line-height:0;}
.news-other ul li .cen1 { background:url(../imgs/news1-cen.gif) repeat-y ; padding:0 6px;}
.news-other ul li .but1 { background:url(../imgs/news1-but.png) no-repeat; height:10px; font-size:0; line-height:0;}
.news-other ul li .top2 { background:url(../imgs/news2-top.png) no-repeat; height:10px; font-size:0; line-height:0;}
.news-other ul li .cen2 { background:url(../imgs/news2-cen.png) repeat-y;  padding:0 10px; color:#FFFFFF; font-size:11px; min-height:245px;}
.news-other ul li .but2 { background:url(../imgs/news2-but.png) no-repeat; height:10px; font-size:0; line-height:0;}
.news-other ul li a, .news-other ul li a:visited { color:#000000; font-weight:bold; font-size:11px; }
.news-other ul li .dat { background:url(../imgs/dat-bg.gif) no-repeat 0 4px; color:#ffd477; font-weight:bold; font-size:11px; padding-left:16px; }
.news-other ul li .num { background:url(../imgs/dat-bg.gif) no-repeat 0 3px; color:#ffd477; padding-left:16px; }
.news-other ul li img { border:#E3CA8A solid 1px; margin-right:10px; }
.news-other ul li .news { padding-bottom:10px; }
.news-other ul li .news a, .news-other ul li .news a:visited { padding-bottom:5px; display:block; }
.news-other ul li a.url, .news-other ul li a.url:visited { color:#ffd477; padding-bottom:15px; display:block; }

.banner { padding-top:25px; }

.page-nav { text-align:center; padding-top:16px; position:relative; width:100%;}
.page-nav ul { display: table; width:auto; margin:0 auto; overflow:hidden;}
.page-nav ul li { list-style:none; float:left; }
.page-nav ul li a, .page-nav ul li a:visited { display:block; height:23px; width:27px; background:url(../imgs/page-bg.png) no-repeat; font-weight:bold; color:#FFFFFF; text-decoration:none; padding-top:4px;}
.page-nav ul li.left a, .page-nav ul li.left a:visited { background:url(../imgs/page-left.png) no-repeat; margin-right:20px;}
.page-nav ul li.right a, .page-nav ul li.right a:visited { background:url(../imgs/page-right.png) no-repeat; margin-left:20px;}
.page-nav ul li.active a, .page-nav ul li.active a:visited { background:url(../imgs/page-hover-bg.png) no-repeat; color:#000000;}
.page-nav .itogo { position:absolute; top:20px; left:5px; color:#FFFFFF; }

.navig { padding:18px 0 5px 0; color:#ffffff; }
.navig img { padding:0px 18px 0px 20px;  }
.navig a, .navig a:visited { color:#ffffff; text-decoration:none; }
.navig a:hover { text-decoration:underline; }

.search-results { padding:0px; }
.search-results .zag3 { padding-left:15px; }
.search-results ul { padding-left:30px; list-style:disc; color:#a9a9a9; }
.search-results a { color: #FFFFFF; }
.search-results form { padding:15px; }
.search-results form .but-ok { position:relative; width:35px; height:23px; background:url(../imgs/but-ok-bg.png) no-repeat; border:none; color:#000000; font-size:12px; font-weight:bold;}
.search-results form .input { position:relative; width:133px; height:19px; background:#FFFFFF; border:none; font-size:14px; padding-top:2px}
.error { margin:10px; padding:10px; border:2px solid #884444; color:#FF0000; font-weight:bold; }
.important { margin:10px; padding:10px; border:2px solid #888844; color:#888844; font-weight:bold; }
.note { margin:10px; padding:10px; border:2px solid #448844; color:#448844; font-weight:bold; }
.error a, .important a, .note a { color: #FFFFFF; }

.basket, .registr, .tovar, .oplata, .page { padding:0 15px; color:#FFFFFF; }
.basket .zagolovok { background:#535353; position:relative; margin:15px 0 10px 0;}
.basket .zagolovok .con1, .basket .zagolovok .con2, .basket .zagolovok .con3, .basket .zagolovok .con4,
.basket .rows .con1, .basket .rows .con2, .basket .rows .con3, .basket .rows .con4,
.basket .redrows .con1, .basket .redrows .con2, .basket .redrows .con3, .basket .redrows .con4
 { position:absolute;  height:5px; width:5px; display:block; line-height:0; font-size:0; }
.basket .zagolovok .con1 { top:0;    left:0;  background:url(../imgs/conner1-bg.gif) no-repeat  0    0;}
.basket .zagolovok .con2 { top:0;    right:0; background:url(../imgs/conner1-bg.gif) no-repeat -5px  0;}
.basket .zagolovok .con3 { bottom:0; left:0;  background:url(../imgs/conner1-bg.gif) no-repeat  0   -5px;}
.basket .zagolovok .con4 { bottom:0; right:0; background:url(../imgs/conner1-bg.gif) no-repeat -5px -5px;}

.basket .zagolovok td { height:31px; text-align:center; }
.basket .zagolovok td.col1, .basket .zagolovok td.col3, .basket .zagolovok td.col4, .basket .zagolovok td.col7 { width:60px; }
.basket .zagolovok td.col2 { width:220px; }
.basket .zagolovok td.col5, .basket .zagolovok td.col6 { width:100px; }

.basket .rows { border:#515151 solid 1px; position:relative; margin:15px 0 10px 0;}
.basket .rows .con1 { top:-1px;    left:-1px;  background:url(../imgs/conner2-bg.gif) no-repeat  0    0;}
.basket .rows .con2 { top:-1px;    right:-1px; background:url(../imgs/conner2-bg.gif) no-repeat -5px  0;}
.basket .rows .con3 { bottom:-1px; left:-1px;  background:url(../imgs/conner2-bg.gif) no-repeat  0   -5px;}
.basket .rows .con4 { bottom:-1px; right:-1px; background:url(../imgs/conner2-bg.gif) no-repeat -5px -5px;}
.basket .rows td { height:40px; text-align:center; }
.basket .rows td a, .basket .rows td a:visited { color:#FFFFFF; }
.basket .rows td a span, .basket .rows td.col5 { color:#a3a3a3; }
.basket .rows td.col1, .basket .rows td.col3, .basket .rows td.col4, .basket .rows td.col7 { width:60px; }
.basket .rows td.col2 { width:220px; }
.basket .rows td.col5, .basket .rows td.col6 { width:100px; }
.basket .rows td.col2{ text-align:left; }
.basket .rows td.col5 { text-align:right; padding-right:10px }
.basket .rows input, .tovar .input
{ text-align:right; border:#2A2A2A solid 1px; color:#2A2A2A; height:18px; padding:3px 8px 0 0 ;}

.basket .redrows { border:#515151 solid 1px; position:relative; margin:15px 0 10px 0; background-color:#884444; }
.basket .redrows .con1 { top:-1px;    left:-1px;  background:url(../imgs/conner2-bg.gif) no-repeat  0    0;}
.basket .redrows .con2 { top:-1px;    right:-1px; background:url(../imgs/conner2-bg.gif) no-repeat -5px  0;}
.basket .redrows .con3 { bottom:-1px; left:-1px;  background:url(../imgs/conner2-bg.gif) no-repeat  0   -5px;}
.basket .redrows .con4 { bottom:-1px; right:-1px; background:url(../imgs/conner2-bg.gif) no-repeat -5px -5px;}
.basket .redrows td { height:40px; text-align:center; }
.basket .redrows td a, .basket .redrows td a:visited { color:#FFFFFF; }
.basket .redrows td a span, .basket .redrows td.col5 { color:#a3a3a3; }
.basket .redrows td.col1, .basket .redrows td.col3, .basket .redrows td.col4, .basket .redrows td.col7 { width:60px; }
.basket .redrows td.col2 { width:220px; }
.basket .redrows td.col5, .basket .redrows td.col6 { width:100px; }
.basket .redrows td.col2{ text-align:left; }
.basket .redrows td.col5 { text-align:right; padding-right:10px }
.basket .redrows input, .tovar .input
{ text-align:right; border:#2A2A2A solid 1px; color:#2A2A2A; height:18px; padding:3px 8px 0 0 ;}

.basket .itogo td.col1 {width:400px; text-align:right; }
.basket .itogo td.col2 {width:200px; text-align:right; padding-right:20px; color:#ffb210;}
.basket .itogo td.col3 {width:60px; text-align:center; }
.basket .itogo input, .basket .addtovar .button, .registr .regform .button
	{ width:88px; height:23px; background:url(../imgs/but-bg-podrob1.png) no-repeat; border:none; color:#000000; font-size:11px; font-weight:bold; cursor:pointer;}
.basket .itogo a, .basket .itogo a:visited { color:#FFFFFF; }

.basket .addtovar { padding:50px 0 25px 0; }
.basket .addtovar p { color:#b1b1b1; padding-bottom:10px;}
.basket .addtovar .input, .registr .regform .input { border:#242424 solid 1px; height:17px; width:300px; padding-top:2px; }

.basket a.urlorang, .basket a.urlorang:visited { color:#ffb210; } 

.registr .sendmail { padding:15px; }
.registr .polj { color:#afafaf; }
.registr .regform { width:490px; margin:20px 0; } 
.registr .regform td { height:30px;  text-align:right; }
.registr .regform td.col1 { width:185px; }
.registr .regform td.col1-l { width:185px; text-align:left; }
.registr .regform .button { background:url(../imgs/but-bg-podrob.png) no-repeat; }

.basket .preview { width:120px; height:86px; background:url(../imgs/previwe-bg.gif) no-repeat; padding:10px; position:relative; z-index:100; margin:6px auto;}
.basket .preview table td { width:120px; height:86px; text-align:center; vertical-align:middle; overflow:hidden;}

.tovar .zaglav { font-size:16px; padding-bottom:30px; }
.tovar .zaglav span { color:#B2B2b2; }
.tovar p { color:#FFFFFF;  font-size:12px; }
.tovar td { vertical-align:top; }
.tovar td.col1 { width:300px; text-align:left; height:280px; }
.tovar .preview { width:250px; height:234px; background:url(../imgs/preview-big.gif) no-repeat; padding:10px; position:relative; z-index:100; margin:0;}
.tovar .preview table td { width:250px; height:234px; text-align:center; vertical-align:middle; overflow:hidden;}
.tovar .price {font-size:18px; }
.tovar .price span {font-size:24px; color:#ff9c00;}
.tovar .price .old_price {font-size:18px;color:#999999;text-decoration:line-through;}
.tovar .sklad { color:#b8b8b8; text-align:left;}
.tovar .bt-bay { width:88px; height:23px; background:url(../imgs/but-bg-podrob.png) no-repeat; border:none; color:#000000; font-size:11px; font-weight:bold; cursor:pointer;}

.oplata, .oplata td, .oplata form { color:#a9a9a9; }
.oplata a, .oplata a:visited {color:#FFFFFF;}

.page { color:#a9a9a9; }
.page a, .page a:visited {color:#FFFFFF;}
.page ul, .page ol { padding: 20px }
/*
#tooltip{
    width:200px;
    position:absolute;
    z-index:10;
    border:1px solid #1593db;
    background-color: #e5f5fe;
    color:#000;
    padding:5px;
    opacity:0.75;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}*/

.alert_tip{
    padding:10px 10px 10px 10px;
    display:none;
    position:fixed;
    color:#FFFFFF;
    font-size:18px;
    left:40%;
    top:40%;
    width:250px;
    background:#555555;
    border:1px solid #FFFFFF;
    z-index:999;
}