/* Стандартные стили */

/* * * * * * * * * * * * * * * * * * * * * * * * * *
* Стили, используемые информационными сообщениями  *
* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Сообщения об ошибках */
div.errorBox {background: #fff; color: #000; border: solid 2px #f00; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.errorBoxCap {background: #f00; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}
/* Информационные сообщения */
div.infoBox {background: #fff; color: #000; border: solid 2px #25b; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.infoBoxCap {background: #25b; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}

/* Основные стили */
html, body {
  margin: 0; padding: 0;
  width: 100%; height: 100%;
  font-family: verdana, tahoma, sans-serif;
  font-size: 8pt;
}

img { border: none; }
table { border-collapse: collapse; }
.pusher { clear: both; font-size: 0px; line-height: 0px; }
.relative { position: relative; font-size: 0px; line-height: 0px; }
.hidden { display: none; }
.centered { text-align: center; }




.layout {
	table-layout: fixed; width: 100%; height: 100%;
	border-collapse: collapse;
	background: url(bg.gif) top center repeat-y #441907;
	background-position: center -12px;
}

/*-- Фон по левую сторону --*/
.layout .leftbg { background: url(fon.jpg) fixed; }

/*-- Фон по правую сторону --*/
.layout .rightbg { background: url(fon.jpg) fixed; }

/*-------------- Орнаменты по краям (sides) ----------------------------------------------------------------------------*/
.rightside {
	/*background: url(sides/right_bg.gif) top right repeat-y;
	width: 54px;
	vertical-align: top;*/
	display:none;
}
/*.rightside .decor { margin: 20px 0px 0px 0px; height: 172px; background: url(sides/right_decor.gif) top right no-repeat; }*/

.leftside {
	/*background: url(sides/left_bg.gif) top left repeat-y;
	width: 54px;
	vertical-align: top;*/
	display:none;
}
/*.leftside .decor { margin: 400px 0px 0px 0px; height: 234px; background: url(sides/left_decor.gif) top left no-repeat; }*/
/*-------------- end of sides ------------------------------------------------------------------------------------------*/

/*-------------- h-Меню -------------------------------------------------------------------------------------------------*/
.h-menu { margin:0 0 0 0}
.h-menu ul { list-style:none; width:665px; margin:8px 0 0px 0;position: relative;right: 31px}
.h-menu li {display:inline-block; //float:left; margin:0 3% 0 0}
.h-menu li a{ font:italic 10pt Georgia, "Times New Roman", Times, serif; color:#f8c85d; }
.h-menu li a:hover { color:#c3a86b; text-decoration: none;}


/*-------------- end of left ------------------------------------------------------------------------------------------*/

/*-------------- Левая сторона (left) ----------------------------------------------------------------------------------*/
.logo { display:block; height:300px; width:250px; margin:8px 0 0 40px;}

.left {
	width: 313px;
	vertical-align: top; /*text-align: center;*/
	background: url(main_bg.jpg) 0px 0px no-repeat;
}
/*-------------- end of left ------------------------------------------------------------------------------------------*/

/*-------------- Основное меню (menu) ---------------------------------------------------------------------------------*/
/*.menu { width: 180px; margin: 305px 0px 0px 71px; }*/
/*.menu .part1 {
	width: 180px; height: 161px;
	/*background: url(menu/menu1.png) no-repeat;
}
.menu .part1.on { background: url(menu/women.jpg) 14px 136px no-repeat; }

.menu .part2 {
	width: 180px; height: 129px;
	/*background: url(menu/menu2.png) no-repeat;
}
*/
/*-- Пункты меню --*/
/*.menu .part1 a, .menu .part2 a, .menu .part1 div { cursor: pointer; display: block; position: absolute; }

.menu .item1 { top: 42px; left: 43px; width: 100px; height: 30px; }
.menu .item2 { width: 120px; height: 30px; top: 70px; left: 32px; }
.menu .item3 { width: 176px; height: 32px; top: 100px; left: 3px; }

.menu .item4 { width: 90px; height: 30px; top: 129px; left: 6px; }

.menu .item5 { width: 84px; height: 30px; top: 129px; left: 92px; }

.menu .item6 { width: 90px; height: 30px; top: 0px; left: 45px; }
.menu .item7 { width: 90px; height: 25px; top: 31px; left: 46px; }
.menu .item8 { width: 120px; height: 30px; top: 56px; left: 29px; }
*/


#scrollup { cursor: pointer; margin: 0px 10px 0px 10px; height: 13px; /*background: url(menu/scrollup.gif) center no-repeat;*/ }
#scrolldown { cursor: pointer; margin: 0px 10px 0px 10px; height: 13px; /*background: url(menu/scrolldown.gif) center no-repeat;*/ }

.menu {width:100%; margin:5px 0 0 45px}
.menu div { margin:5px 0}
#slide_men, #slide_women { /*height: 216px; overflow: hidden; text-align: center;*/;width:120px; float:left; margin:0 15px 0 0  }
/*.menu .slide div { height: 18px; line-height: 18px; padding:0 0 0 18px; }*/
.menu .slide a { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffdaa5; /*letter-spacing: 1px;*/ padding:2px 0}
.menu .slide a:hover {color:#e3be89; text-decoration: none;}
.menu h2, .menu .slide h2 a{ font:italic 14pt Georgia, "Times New Roman", Times, serif; color:#ffa986; margin:0 0 10px 0px}
.menu .slide h2 a:hover{color:#dd8765}
.menu h2 span { display: block; font-size:8pt}

/*-------------- end of menu ------------------------------------------------------------------------------------------*/

/*-------------- Правая сторона (right) -------------------------------------------------------------------------------*/
.right {
	width: 687px;
	vertical-align: top;
	background: url(main_bg.jpg) -313px 0px no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio:0) {
	body:first-of-type .right { width: 688px; background-position: -312px 0px}
}
/*-- Область контента --*/
/*.content { padding: 0px 37px 0px 8px; }*/
.content .wrapper {
	width: 100%;
	background: url(content/bg.gif) 8px 0px repeat-y;
	
}
.content .wrapper .td {
	height: 1500px;
	padding: 0px 37px 0px 8px;
	vertical-align: top;
	color: #f4fab2; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	/*background: url(main_bg.jpg) -313px -255px no-repeat;*/
	background: url(content/content_bg.jpg) 8px 0px no-repeat;
}


.content .wrapper1 {
	width: 100%;
	
	
}
.content .wrapper1 .td {
	height: 100%;
	padding: 0px 20px 0px 20px;
	vertical-align: top;
	color: #f4fab2; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	/*background: url(main_bg.jpg) -313px -255px no-repeat;*/
	
}


.content .wrapper1 .td a { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffdaa5; /*letter-spacing: 1px;*/ padding:2px 0}
.content .wrapper1 .td a:hover {color:#e3be89; text-decoration: none;}

.topics a { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #ffdaa5; /*letter-spacing: 1px;*/ padding:2px 0}
.topics a:hover {color:#e3be89; text-decoration: none;}

.content .wrapper .bottom {
	vertical-align: bottom;
}
.content .wrapper .bottom div {
	height: 4px; font-size: 0px; line-height: 0px;
	background: url(content/bottom.gif) 8px 0px no-repeat;
}

body { background: #8E1D0B; }

#News {
	/*padding: 0px 10px 15px 10px;*/
	color: #f4fab2; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

#Content {
	padding: 0px 10px 15px 10px;
	color: #f4fab2; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}
#Content h1, #Content h2, #Content h3, #Content h4, #Content h5, #Content h6 { margin: 0em 0em 0.4em 0em; }
#Content h1 { font-size: 24px; }
#Content h2 { font-size: 14px; }
#Content h3 { font-size: 20px; }
#Content h4 { font-size: 18px; }
#Content h5 { font-size: 16px; }
#Content h6 { font-size: 14px; }

#Content p { margin: 0em 0em 1em 0em; }

/*-- Заголовок над контентом --*/
.contentCaption { width: 620px; height:18px; padding: 15px 0px 10px 0px; position: relative; z-index: 5; }
.contentCaption .l { position: absolute; z-index: 5; left: 0px; top: 17px; }
.contentCaption .r { position: absolute; z-index: 5; right: 0px; top: 17px; }


#Content .contentCaption h1 {
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #d7ce53;
}
.contentCaption { color: #f4a990; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; }
#bottom { background:url(content/line.jpg) repeat-x 0 11px; width:642px; right: 10px;}
#bottom .r{margin:0 12px 0 0}
#bottom .l{ margin:-2px 0 0 12px}
#bottom form {display:inline}
.contentCaption a { color: #f4a990; background:#a13518; border:1px solid #d75313; text-decoration:none; padding:2px}
.contentCaption a:hover {color: #a13518; background:#f4a990;  }
.contentCaption .selected {color: #a13518; background:#f4a990;border:1px solid #d75313;  padding:2px}

/*-- переключатель страниц --*/
.pages a { margin: 0px 2px 0px 2px; }

.larger { font-size: 14px; }
/*-------------- end of right -----------------------------------------------------------------------------------------*/

/*-------------- Flash баннер -----------------------------------------------------------------------------------------*/
#flash { width::100%; margin:0 0 0 -28px; text-align:center}
/*-------------- end of Flash -----------------------------------------------------------------------------------------*/

/*-------------- Первьюшки моделей (thumb) ----------------------------------------------------------------------------*/
.thumbs { width: 620px; table-layout: fixed; clear: both; }
.thumbs td { vertical-align: top; text-align: center; padding: 0px 0px 10px 0px; }

.thumb_bg {
	margin: 0 auto; width: 154px;
	background: url(catalog/thumb_bg.png);
}
.thumb {
	margin: 2px 2px 2px 2px;
	/*background: #89280e;*/
	/*border: 2px solid #89280e;*/
}
.thumb td { text-align: left; }
.thumb .price {
	padding: 0px 0px 0px 10px; height: 20px;
	vertical-align: middle;

	background: url(catalog/price_bg.gif) center right no-repeat #f2b938;
	color: #942915; font:9pt Arial, Helvetica, sans-serif; font-weight: bold;
}
.thumb .image {
	width: 150px; height: 115px;
	text-align: center; vertical-align: middle;
	font-size: 0px; line-height: 0px; padding: 0px;
	overflow:hidden;
	background: #FFFFFF;
}
.thumb .image a {
	display: block;
	cursor: pointer;
}
.thumb .description {
	padding: 2px 0px 5px 0;
	text-align: center;
	color: #f4fab2; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}
.thumb .description div { height: 28px; overflow: hidden; }
/*-------------- end of thumb -----------------------------------------------------------------------------------------*/

/*-------------- Карточка товара (fullview) ---------------------------------------------------------------------------*/
/*.fullview { position: relative; height: 548px; clear: both;  }*/
.fullview td { vertical-align: top; }

/*----*/
.fullview .left_panel {
	
                  /*background: #831e0a;*/
	border: 1px solid #ba5120;
	padding: 4px 4px 4px 4px;
 background: url(back_to_fullview.jpg)  center right repeat #f2b938;
}

.fullview .images .price {
	padding: 1px 0px 1px 5px;
	line-height: 20px; vertical-align: middle;
	
            background: url(catalog/price_bg.gif) center right no-repeat #f2b938;
	color: #942915; font:11pt Arial, Helvetica, sans-serif; font-weight: bold;
}
.fullview .images table { margin: 0px 0px 7px 0px; 

}
.fullview .images td {
	width: 150px; height: 113px;
	font-size: 0px; line-height: 0px; padding: 0px;
	text-align: center; vertical-align: middle;

             /*background: #FFFFFF;*/
}
.fullview .images td a { display: block; }

.fullview .images .to_basket {
	display: block; cursor: pointer;
	width: 150px; height: 99px;
	background: url(catalog/to_basket.png);
}

.fullview .spacer { width: 12px; }

/*----*/
.fullview .right_panel {
	
/*background: #831e0a;*/
	border: 1px solid #ba5120;
	padding: 4px 4px 4px 4px;
    background: url(back_to_fullview.jpg)  center right repeat #f2b938;
	width: 520px; height: 795px;

}

.fullview .description .caption { padding: 0px 40px 0px 40px; height: 20px; overflow: hidden;	vertical-align: middle; text-align: center; background: url(catalog/price_bg.gif) top right no-repeat;	color: #942915; font-family: Georgia, "Times New Roman", Times, serif;}
.fullview .description .caption_outer { background: url(catalog/price_bg_l.gif) top left no-repeat #f2b938; }
.fullview .description .text { margin: 0px 5px 20px 5px; color: #f7dea6; font:10pt Arial, Helvetica, sans-serif; line-height: 14pt;}

/*-------------- end of fullview --------------------------------------------------------------------------------------*/

/*-------------- Всплывающий слой (popup) -----------------------------------------------------------------------------*/
.ZoomInLayer {
	position: relative; z-index: 50;
}
#ZoomInLayer {
	display: none;
	position: absolute; z-index: 50;
	top: 325px; left: 28px;
	background: #831e0a; border: 1px solid #f2b938;
	padding: 11px 11px 11px 10px;
}
/*-------------- end of popup -----------------------------------------------------------------------------------------*/

/*-------------- Панель сортировки (sortbar) --------------------------------------------------------------------------*/
.sortbar {
	position: relative; z-index: 10; height: 70px;
	margin: 0 0 0 8px;
}
.sortbar label{font-size:7pt}
.sortbar p{ margin:0 0 -2px -4px;}

@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
  .sortbar p{ margin:1px 0}
} /* для Opera */

.abs {position:absolute}

/*#l_sex { top:13px; left:8px }
#sex { top:30px; left:8px}*/

#sex { top:12px; left:8px}
#gear { top:12px; left:103px}
#type_gear { top:12px; left:213px}

.sortbar {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFAB7E; }
.sortbar a {color: #FFAB7E}
.sortbar a:hover { color:#d85915;}
 
 
/*-- Галочки --*/
/*.sortbar .checkbox { position: absolute; width: 13px; height: 13px; background: center no-repeat; cursor: pointer; }
#chk_men { top: 13px; left: 9px; }
#chk_women { top: 49px; left: 9px; }

#chk_ordinary { top: 31px; left: 82px; }
#chk_swiss { top: 49px; left: 82px; }

#chk_electric { top: 12px; left: 183px; }
#chk_mechanic { top: 31px; left: 183px; }
#chk_auto { top: 50px; left: 183px; }*/

.sortbar .select { width: 104px; height: 22px; position: absolute; cursor: pointer; }
.sortbar .select div { padding: 2px 0px 0px 3px; }
.sortbar .select div div { white-space: nowrap; overflow: hidden; width: 160px; background: url(select.gif) no-repeat center right; border:1px solid #b5380d }

#select_brand { top: 14px; left: 333px; }
#select_sortby { top: 41px; left: 333px; }

/*-- всплывающие списки выбора бренда и способа сортировки --*/
#brands, #sortby {
	position: absolute; z-index: 10; display: none;
	padding: 5px 5px 5px 5px;
	background: #A83018; border: 1px solid #C43A1E;
}
#brands { top: 34px; left: 336px; width:153px}
#sortby { top: 61px; left: 336px; width:153px }
#brands a, #sortby a { white-space: nowrap;  padding:2px 5px; display:block; border-bottom:1px solid #bf3f10; text-decoration:none }
#brands a:hover, #sortby a:hover { background:#930}

.sortbar .submit {
	position: absolute; cursor: pointer;
	top: 17px; left: 517px;
	padding:14px;
	background: url(sortbar/submit.png) center no-repeat;
	border:1px solid #b5380d;
}

.sortbar .basket {
	display: block; position: absolute; cursor: pointer;
	top: 10px; left: 573px;
	width: 56px; height: 56px;
}
#BasketInfo {
	position: absolute;
	top: 10px; left: 573px;
	color: blue; font-weight: bold;
}
/*-------------- end of sortbar ---------------------------------------------------------------------------------------*/

/*-------------- Форма заказа (form) ----------------------------------------------------------------------------------*/
.form .basket { width: 620px; background: url(form/basket_bg.png); }
.form .basket td {
	padding: 0px 0px 0px 0px; height: 25px;
	border: 1px solid #a74018;
	color: #f4fab2; font-family: "Times New Roman", Times, serif; font-size: 18px;
}
.form .basket .caption { width: 72%; padding: 0px 0px 0px 10px; }
.form .basket .price { width: 16%; text-align: right; }
.form .basket .quantity {
	text-align: right; vertical-align: middle;
	white-space: nowrap;
}
.form .basket .quantity input {
	border: none; background: none; width: 20px; text-align: right;
	color: #f4fab2; font-family: "Times New Roman", Times, serif; font-size: 18px;
}
.form .basket .up_down {
font-size:3px;

}
.form table { width: 620px; }
.form .text {
	width: 100%; height: 19px; line-height: 19px; border: none;
	background: url(form/input_bg.png);
	color: #f4fab2; font-family: "Times New Roman", Times, serif; font-size: 18px;
}
.form td {
	padding: 0px 0px 2px 0px;
	color: #d7ce53; font-family: "Times New Roman", Times, serif; font-size: 18px;
}
.form .label { padding: 0px 0px 0px 10px; width: 140px; vertical-align:top}

#mailform table tbody tr .label{width: 40px;text-align:left}

.form .yourinfo {
	width: 620px; height: 39px;
	background: url(form/caption.png) top center;
}

.form .submit {
	display: block; border: none; cursor: pointer;
	width: 620px; height: 40px;
	background: url(form/submit.png) top center;
}
/*-------------- end of form ------------------------------------------------------------------------------------------*/

/*-------------- Подвал сайта (footer) --------------------------------------------------------------------------------*/
.copyrights {
	position: relative; left: -300px; width: 1000px; height:30px;
	margin:-30px 0 10px 7px;
	padding: 40px 0px 20px 0px;
	text-align: center;
	color: #dd863a; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px;
}
.copyrights a{color:#ff9c46}
.copyrights a:hover {color:#bd7332}
/*-------------- end of footer ----------------------------------------------------------------------------------------*/

/*-------------- Стили для редактирования текста письма рассылки в визуальном редакторе -------------------------------*/
#Spamtext {
	color: #f4fab2; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	background: url(http://localhost/uclock_new/data/emailfon.jpg);
}
#Spamtext td, th { font-size: 11px; }
#Spamtext table td { border: 1px solid #f4fab2; padding: 5px 10px 5px 10px; }
#Spamtext table td.image { padding: 0px; }
/*-------------- end of spamtext --------------------------------------------------------------------------------------*/

.branddesc {	font-family: Tahoma, Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #f4fab2;
float: left; padding: 0px;
float: top; padding: 15px;

}

#slider{
  width: 640px;
  height: 158px;
  margin: 1px 5px -3px 8px;
  border: 1px solid #ffff00;
}