@charset "utf-8";
/*  general styles */
*		{margin:0;padding:0;}

html	{margin:0;padding:0;
			width:100%;min-width:1000px; _width:expression(document.body.clientWidth > 1002? "100%" :"1000px");
			background:#000 url(/harold/images/bg/footer_bg.png) repeat-x center bottom;}
body	{background:url(/harold/images/bg/und_menu.png) repeat-x center 204px;
			width:100%; min-width:1000px; _width:expression(document.body.clientWidth > 1002? "100%" :"1000px");
			font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:16px;color:#c9c9c9;}
		
div		{margin:0;padding:0;border:0;}
p		{margin:0 0 16px 0;padding:0;}
a		{color:#c9c9c9;font-weight:normal;text-decoration:underline;}
a:hover	{text-decoration:none;}

img, a img	{border:none;}
area		{cursor:pointer;}	

h1, h2, h3, h4, h5, 
h6		{font-weight:normal;font-size:20px;line-height:20px;padding:0;margin:0 0 20px 0;}
h1		{color:#fff; font-size:20px;}
h2		{color:#ec0000; font-size:18px; line-height:24px; margin:0 0 10px 0;}
h3		{color:#fff; font-size:16px; font-weight:bold; line-height:20px; margin:0 0 10px 0;}
h3 .date{margin-left:18px;}

/* blockquote, pre */ 
blockquote	{background:#fff;color:#454545;line-height:15px;font-style:normal;
			padding:1px 15px;margin:0;}
pre			{border:none;}

/* forms items */
form, input, textarea, select, 
label		{color:#c9c9c9;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
input, textarea, 
select		{border:#323232 1px solid;padding:0 5px;background:none;}

input.radio,
input.check	{width:16px; height:16px; background:inherit; border:none; vertical-align:middle; margin:4px 0;}
input:focus {outline-width:0;}

input:focus, input:active, a:focus, 
a:active	{outline:none;}
/* lists */
ul			{margin:0 0 16px 0;padding:0;}
ol			{margin:0 0 16px 0;}
ul ul,
ol ol		{margin:0 0 0 16px;}

li			{margin:0;padding:0; text-indent:0;
				font-weight:normal;line-height:16px;
				background:none;}
ul li		{list-style:square;background:none;
				text-indent:0;
				padding:0 0 0 16px;}
ul ul li	{background:none;padding:0 0 0 16px;
				font-weight:normal;}
ol li		{list-style:decimal;font-weight:normal;}


ol>li		{display:block;}
ol>li:before{content:counters(item,".") ". ";counter-increment:item;color:#898989;}
ol			{counter-reset:item}


/* table items */
table, td, th, 
caption		{vertical-align:top;}

/* clear floats */
.spacer		{clear:both !important;overflow:hidden;
				height:0 !important;width:0 !important; margin:0 !important;padding:0 !important;
				border:0 !important;float:none !important;}
/* reset lists */
.l_list li, .stock li, .address li, .shop_list li,
.collections li, #gallery li, .sidebar_news li	{background:none; list-style:none; padding:0; text-indent:0; margin:0;}

.cent_block		{width:1000px; margin:0 auto;}
#main 			{width:100%;min-width:1000px; _width:expression(document.body.clientWidth > 1002? "100%" :"1000px"); overflow:hidden}
/*______________FOOTER	________________________________*/
#footer			{height:152px; margin:0 10px;}
.f_left			{width:230px; float:left; padding:15px 0 0 0; height:49px; font-size:10px;}
.f_right		{width:740px; float:right; text-align:right; font-size:15px; line-height:64px; height:64px; padding-right:5px;}
#footer a		{color:#c9c9c9;}

.f_brand		{text-align:justify; padding:17px 0 0 0;}
.f_brand a		{margin:0 3px;}

.for_just		{margin-left:88%;}

.ml15			{margin-left:15px;}
/*______________HEADER	________________________________*/
#header			{height:265px; margin:0 10px; 
					background:url(/harold/images/bg/header_bg.png) no-repeat center top;}
					
.diff_header	{background:url(/harold/images/bg/diff_header.jpg) no-repeat center top !important;}					
					
.h_logo			{height:100px; padding:19px 0 0 0;}
.h_phone		{width:190px; height:45px; text-align:center; font-size:20px; color:#cacaca; line-height:20px;}

.h_brands		{width:194px; float:right;}
.h_brand_left	{width:105px; float:left; padding:37px 0 0 0;}
.h_brand_left img{margin-bottom:23px;}
.h_brand_right	{width:70px; float:right; padding:19px 0 0 0; text-align:center;}
.h_brand_right img{margin-bottom:27px;}


.h_menu			{margin:0; padding:0; height:40px; background:url(/harold/images/bg/menu-bord.png) no-repeat right top; position:relative; overflow:hidden;}
.h_menu ul		{overflow:hidden; margin:0; width:100%; height:76px; text-align:center;}
.h_menu li		{background:url(/harold/images/bg/menu-bord.png) no-repeat left top; list-style:none;
					float:left; line-height:40px; padding:0; text-indent:0;}
.mnActive		{background:url(/harold/images/bg/active_mn.png); width:10%; height:40px; position:absolute; top:0; left:2px; z-index:1;}
.h_menu a		{color:#fff; text-decoration:none; font-weight:bold; text-transform:uppercase;
					position:relative; z-index:99999; display:block; margin:0 1px 0 2px;}
.h_menu li.h_menu_1{width:9%;}
.h_menu li.h_menu_2{width:9%;}
.h_menu li.h_menu_3{width:9%;}
.h_menu li.h_menu_4{width:17%;}
.h_menu li.h_menu_5{width:14%;}
.h_menu li.h_menu_6{width:9%;}
.h_menu li.h_menu_7{width:9%;}
.h_menu li.h_menu_8{width:9%;}
.h_menu li.h_menu_9{width:15%; padding-right:0;}

/*______________CONTENT	________________________________*/
#content		{margin:0 248px 0 253px;min-height:500px; _height:500px; padding-bottom:20px;}
#content_left_seidebar{margin:0 0 0 253px;min-height:500px; _height:500px; padding-bottom:20px;}

.sidebar_left	{width:214px; margin:6px 0 0 -242px; float:left; position:relative;}
.sidebar_right	{width:188px; //padding:0 0 0 50px; margin:8px -238px 0 0; float:right; position:relative;}
.middle_part	{width:100%; float:left; padding:3px 0 0 0;}

/* ___ right banners */

.r_banners			{overflow:hidden; width:100%;}
.middle_part .r_banners	{margin:60px 0;}
.r_banners img		{border:#767676 1px solid; margin:0 20px 21px 0;}
.r_banners a:hover img	{border-color:#fff;}

.r_banners2			{overflow:hidden; float:right; position:absolute; text-align:right; right:10px}
.r_banners2			{margin:30px 0;}
.r_banners2 img		{border:#767676 1px solid;}
.r_banners2 a:hover img	{border-color:#fff;}

/* ___ search form */
.l_search		{padding:0 0 37px 15px; white-space:nowrap;}
.l_search a,
.l_search,
.l_search label	{color:#aeadad; font-size:11px;}

input.i_search	{width:141px; color:#000; background:#fff; border:#828282 1px solid; border-right:none 0;padding:0 5px;height:18px;}
input.s_search	{padding:0; border:0 none; background:url(/harold/images/bg/submit.png) no-repeat left top; height:20px; width:47px; cursor:pointer;}
.clear			{height:8px; clear:both; overflow:hidden;}

input.i_search,
input.s_search	{line-height:20px; float:left;font-size:11px;margin:0; vertical-align:top;}

/* ___ sidebar links list */
.l_list			{margin:0 0 0 15px; padding:0; border-top:#5a5a5a 1px solid;}
.l_list li		{border-bottom:#5a5a5a 1px solid; line-height:14px; padding:4px 0 5px 0;}
.l_list a		{color:#fff; display:block; text-transform:uppercase; position:relative;}
.l_list a:hover,
.l_list a.active{font-weight:bold; letter-spacing:0.5px; background:url(/harold/images/bg/marker_li.gif) no-repeat left center; left:-15px; padding-left:15px;}

/* ___accii list */
.stock			{margin:0; padding:0;}
.stock li		{background:url(/harold/images/bg/dott.gif) repeat-x left bottom; margin-bottom:40px; padding-bottom:20px;}
.date,
.stock .date	{color:#ec0000; font-size:11px; padding:10px 0 0 0;}

.sidebar_news	{margin:0; padding:0;}
.sidebar_news li{padding:0 0 20px 0;}
.sidebar_news li p{margin:0;}
.sidebar_news li h3	{font-size:12px; margin:0; line-height:16px;}
.sidebar_news li h3 a{color:#fff; font-weight:bold;}

.pagenav		{padding:0 0 20px 0;}
.pagenav a		{color:#fff; margin:0 8px;}
.pagenav a:hover,
.pagenav a.active{color:#ec0000;}

.pagenav a.p_prev{background:url(/harold/images/bg/prev.gif) no-repeat left 3px; padding:0 0 0 13px; margin-left:0;}
.pagenav a:hover.p_prev{background:url(/harold/images/bg/prevA.gif) no-repeat left 3px;}

.pagenav a.p_next{background:url(/harold/images/bg/next.gif) no-repeat right 3px; padding:0 13px 0 13px;}
.pagenav a:hover.p_next{background:url(/harold/images/bg/nextA.gif) no-repeat right 3px;}

/* detail page */
.cont_img		{border:#5a5a5a 1px solid; float:left; margin:0 33px 10px 0;}
.cont_banner	{padding:35px 0 0 0; text-align:center;}
.cont_banner img{border:#767676 1px solid;}

/* contacts page */

.emails			{font-size:14px; font-weight:bold; color:#fff; padding-bottom:30px;}
.emails a		{font-size:12px; margin:0 0 0 12px; color:#fff}
.emails span	{white-space:nowrap; margin-right:30px;}

.address		{margin:0; padding:0 0 15px 0;}
.address li		{background:url(/harold/images/bg/marker.gif) no-repeat 1px 6px; text-indent:12px; line-height:16px; margin:0 0 16px 0;}
.address li strong{color:#000; font-size:14px; display:block;}
.address li a	{margin-left:15px;}

/* collections page */
.pr50			{padding:0 50px 0 0;}
.collections 	{margin:0; padding:0;}
.collections li	{min-width:200px; width:20%; display:inline-block; //zoom:1; //display:inline; vertical-align:top;
					padding:0 30px 25px 0;}
.collections a	{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; text-decoration:none; text-transform:uppercase;}
.collections img{border:#706a69 1px solid; width:200px; height:200px; display:block; margin:0 0 10px 0;}

.three_columns	{margin-right:-10px;}
.three_column	{width:33%; float:left;text-align:center;}
.bord			{border-left:#6b6b6b 1px solid;}

.item			{width:250px; margin:0 auto; background:url(/harold/images/bg/border.gif) repeat-y 110px 0; margin-bottom:73px; position:relative; min-height: 400px; _height: 400px; text-align:left}
.item_left		{width:100px; float:left;}
.item_left a	{color:#fff; text-decoration:none; text-transform:uppercase; font-family:"Times New Roman", Times, serif;}
.item_left a:hover{color:#ec0000;}
.item_left img	{margin-bottom:10px;}

.item h2		{font-size:14px; line-height:18px; margin:-3px 0 20px 0;}
.item h2 span	{color:#fff; text-transform:uppercase; font-weight:bold;}
.item h3		{color:#848484; text-transform:uppercase; color:#848484; font-size:14px; font-weight:bold; margin-bottom:21px;}
.item p			{color:#fff; line-height:18px;}
.item p strong	{color:#848484; display:block;}

.item_right		{width:130px; float:right;}
.links			{background:url(/harold/images/bg/border.gif) repeat-x left top; clear:both; padding:10px 0 0 0; position:absolute; bottom:-72px; height:62px; width:222px; white-space:nowrap;}
.links a		{margin:0 11px 0 0; width:105px;}

/* shop detail page */
.ml20			{margin-left:20px;}
.shop_list 		{margin:0; padding:0;}
.shop_list li	{padding-top:23px; clear:both;}
.shop_list li h3{font-size:18px;}
.shop_list li p	{line-height:24px; font-size:14px; color:#fff;}
.shop_list li strong{font-size:18px; display:block;}
.shop_list li img{float:left; margin:0 27px 0 0;}

.img_bg			{background:url(/harold/images/bg/new_watch_bg.png) no-repeat left top; padding:4px; margin-bottom:25px;}

/* watch detail */
.detail_page_container{margin:0 0 0 226px;}
.watch_prev		{width:198px; margin:0 0 50px -226px; _margin-left:-108px; position:relative; border-right:#474747 1px solid; float:left;}

.watch_text		{width:100%; float:left;}
.watch_text h2	{margin:-2px 0 15px 0;}
.watch_text h2 span{color:#fff; text-transform:uppercase;} 
.watch_text h3	{font-size:16px; text-transform:uppercase; color:#848484; font-weight:bold; margin:0;}
.watch_text p	{color:#fff; font-size:14px; line-height:22px; margin:16px 0 0 0;}
.watch_text p strong{color:#848484;}
.watch_text p a	{color:#fff;}

.btn_grey		{background:url(/harold/images/bg/grey_btn.png) repeat-x left top;}
.btn_red		{background:url(/harold/images/bg/btn_red.png) repeat-x left top;}
.btn_red, 
.btn_grey		{display:inline-block; //zoom:1; //display:inline; margin-right:11px;
					height:24px; line-height:24px; width:110px; text-align:center; margin:25px 11px 19px 0;
					color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase;}
a:hover.btn_red, 
a:hover.btn_grey{background-position:0 bottom;}
a:hover.btn_grey{background:url(/harold/images/bg/btn_red.png) repeat-x left top;}

/* zoom image */
.zoom_img a		{text-decoration:none;}
.zoom_img a span{text-decoration:underline;}
.zoom_img span	{padding:20px 0 6px 28px; display:block; background:url(/harold/images/bg/zoom_page.gif) no-repeat left bottom; color:#aeadad;}
#zooming_div 		{}
.zoom_img			{}
div.placeholder50 	{height: 50px;}
div.placeholder15 	{height: 15px;}
div.placeholder5 	{height: 5px;}
div.zoomBlock 		{margin:-385px 0 0 0; _margin-bottom:57px; padding: 0;width:340px;height:340px;border: 2px solid #CCC;overflow: hidden;}
div.slideshow 		{width:170px;float:left;align:left;text-align:center;}
table.example-table {padding:0;margin:0;}
table.example-table td {padding:0;margin:0;}
div.zoomViewfinder {position: absolute;border:2px solid red;cursor:move;}
.zoomBlock .zoomLoading { background-color:white; text-align:center; }
.zoomBlock .zoomLoading img {  }

.hover_blick 		{white-space:nowrap; margin-bottom:50px;}

/*______________OTHER STYLES	________________________________*/
.fl_left		{float:left;}
.fl_right		{float:right;}

/* fonts */
.fs11			{font-size:11px;}
.fs14			{font-size:14px;}
.fs16			{font-size:16px; line-height:24px;}
.fs18			{font-size:18px; line-height:26px;}
.fs23			{font-size:23px; line-height:30px;}

.txt_upp		{text-transform:uppercase;}

/* ________ light box */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;}

#gallery 	{width:100%; overflow:hidden; margin-bottom:25px;}
#gallery p	{color:#fff; font-size:11px;}
#gallery ul	{margin:0 -20px 0 -28px; padding:0;}
#gallery li {float:left; padding:0 0 28px 28px;}
#gallery li img{width:107px; height:107px; }



/* colors */
.def			{color:#c9c9c9;}
.red			{color:#ec0000;}
.white			{color:#fff;}
.grey			{color:#848484;}
/* links */
.f_left a, .f_right a:hover, .l_search a,.l_list a, .l_list a:hover,
.pagenav a, .pagenav a:hover, 
.pagenav a.active,.sidebar_news li h3 a,
a.btn_grey, a.btn_red,
 a:hover.btn_grey, a:hover.btn_red{text-decoration:none;}

.f_left a:hover,.l_search a:hover,
.collections a:hover,
.sidebar_news li h3 a:hover  	{text-decoration:underline;}

/* hover */
.f_brand a:hover img, 
.r_banners a:hover img,
.cont_banner a:hover img,
.collections a:hover img,
#gallery a:hover img,
.hover_blick a:hover img,
.h_brands a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.7; -khtml-opacity: 0.7;opacity: 0.6; border-color:#fff;}

input.btn, a.btn	{padding:0; border:0 none; height:20px; width:47px; cursor:pointer;}
input.btn, a.btn	{line-height:20px; float:left;font-size:11px;margin:0; vertical-align:top;}
input.btn, a.btn 	{margin-left:10px; width:170px; background: #ffffff;/*url(/files/images/submit-fon.png) repeat-x left top;*/border-left:1px solid #717171;border-right:1px solid #717171;font-size:12px}
select.bnw	{color:#ffffff; background-color:#000000}

.collections li{position:relative}
img.new { width:65px; height:10px; position:absolute; left:136px; top:1px; border:0px }
input[disabled] {  color: #ffffff }
input[type="submit"]:disabled { color:#ffffff; }