@CHARSET "UTF-8";
/* CSS Document */
* { margin:0; padding:0; border:0;}

body {
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Trebuchet, sans-serif;
	font-size: 11px;
	color:#3C3C3C;/*#7E7E7E*/
  background: #fff;

}

li {list-style: none;}

img { border:0; display: block;}

a {text-decoration: none;color:#0097AC;}
a.more {
    background: url("/img/www/more.gif") no-repeat scroll 0 5px transparent;
    color: #0097AC !important;
    font-family: tahoma;
    font-size: 10px;
    padding-left: 10px;
    vertical-align: middle;
    margin-left:10px;
}

p {line-height:16px;}
p strong {color:#3C3C3C;}
p small, small {font-size: 10px;line-height: 14px !important;}

#content ul, #content ol {padding-bottom:15px;}
#content ul ul, #content ol ol {padding-bottom:0;}
#content ul li {
list-style-type:disc;
list-style-position:inside;
line-height:19px;
padding-left:15px;
}
#content ol li {
line-height:19px;
list-style-position:inside;
list-style-type:decimal;
padding-left:15px;
}

dl.active {padding-bottom:15px;}
dd {
    background: url("/img/www/kropki2.gif") repeat-x scroll 0 11px transparent;
    font-family: Arial;
    font-style: italic;
    margin-bottom: 5px;
    overflow: hidden;
    padding-bottom: 3px;
    text-transform: uppercase;
}
dd .cufon {background:#fff;}
dd a {color: #A6A6A6 !important; font-weight:normal;outline:0; background:#fff;}
dl.active dd {
    color: #444; 
    font-weight:bold;
    margin-bottom: 12px;
    background: url("/img/www/kropki.gif") repeat-x scroll 0 11px transparent;
}
dt {color: #A6A6A6;line-height: 15px;}
#productMenu dt a {color:#4D4D4D !important;}

table {margin-bottom:15px;}
td {
border:1px solid #5B5B5D;
padding:5px 10px;
text-align:center;
width:50px;
}

h1 {float:right;padding-top: 9px}
h2 {
    color: #4D4D4D;
    font-size: 24px;
    text-transform: uppercase;
    padding-bottom:15px;
 line-height: 0;
padding-top: 4px;
}
h2 span {
    color: #888;
    display: block;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0;
    margin-top: -2px;
}
h3 {
    color: #02A7BA;
    font-size: 21px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
h4 {
    color: #000;
    line-height: 18px;
    font-size: 12px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
h5 {
    color:#222;
    font-size:19px;
    padding-bottom:10px;
    text-transform:uppercase;
 line-height: 0;
padding-top: 4px;
}
h5 span {
    color: #888;
    display: block;
    font-size: 10.5px;
    font-weight: normal;
    letter-spacing: 0;
    margin-top: -2px;
}

.clear {clear: both; font-size:0;}

.left {float:left; margin-right: 7px; padding-top:4px;}
.center {margin: 0px auto 15px;clear:both;}
.right {float:right;margin-left: 15px;}

.nomrg {margin: 0px !important;}
.nobrd {border: none !important;}
.nobg {background: none !important;}
.border2 {border: 7px solid #EDEEF2 !important;}


#container {margin:10px auto 0;overflow:hidden;width:1024px;}

#top #lang {
    float: right;
    padding-left: 10px;
    padding-right: 35px;
    padding-top: 2px;
}
#top #lang li {
    background: url("/img/www/sep.gif") no-repeat scroll right 4px transparent;
    float: left;
    padding: 0 8px 0 5px;
}
#top #lang li.last {
    background: none repeat scroll 0 0 transparent !important;
    padding-right: 2px !important;
}
#top #lang li.active a {color:#535353;}
#top #lang li a {color: #D9D9D9;font-style: italic;font-size:11px;font-family:Arial;}

#top form {float: right;position:relative;}
#top form #search_text {
    background: url("/img/www/bg_search.gif") no-repeat scroll 0 0 transparent;
    color: #616161;
    font-family: Arial;
    font-size: 8px;
    font-style: italic;
    height: 15px;
    padding-left: 5px;
    padding-right: 31px;
    padding-top: 2px;
    text-transform: uppercase;
    width: 121px;
}
#top form #search_button {
    background: url("/img/www/bg_search_button.gif") no-repeat scroll center center transparent;
    height: 17px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 17px;
}

.mainmenu {    
    background: url("/img/www/bg_menu.gif") no-repeat scroll 0 bottom transparent;
    display: block;
    float: left;
    width: 736px;
    padding-top: 72px;
padding-left:32px;
height: 24px;
}
.mainmenu li {float: left;margin: 0 5px 0 6px;}
.mainmenu li a {
    display: block;
    color:#444;
    font-size: 10.5px;
    font-style: italic;
    font-family:Arial;
    padding: 0 9px 10px 10px;
    text-transform: uppercase;
}
.mainmenu li#menu1.active a, .mainmenu li#menu2.active a, .mainmenu li#menu3.active a {border-bottom:2px solid #b5d334; padding-bottom:9px;font-weight:bold;color:#404042; height:13px; line-height:13px;}
.mainmenu li#menu4.active a, .mainmenu li#menu5.active a, .mainmenu li#menu6.active a, .mainmenu li#menu7.active a {border-bottom:2px solid #00a7b8; padding-bottom:9px;font-weight:bold;color:#404042; height:13px; line-height:13px;}

/*@media not screen and (1) {
.mainmenu li#menu1.active a, .mainmenu li#menu2.active a, .mainmenu li#menu3 .active {border-bottom:2px solid #b5d334; padding-bottom:11px;font-weight:bold;color:#404042;}
}
*:first-child+html .mainmenu li#menu1.active a, *:first-child+html .mainmenu li#menu2.active a, *:first-child+html .mainmenu li#menu3.active a {border-bottom:2px solid #b5d334; padding-bottom:11px;font-weight:bold;color:#404042;}
*/
#content {
border-bottom: 1px solid #ECECEC;
padding-bottom: 7px;/*
padding: 0 42px 10px;*/
 overflow:hidden;
}
#content p {padding-bottom: 15px;}
#content a {color:#0097AC;}

#breadcrumbs {height:36px; padding-left:32px;}
#breadcrumbs ul {padding-bottom: 0;padding-top: 13px;}
#breadcrumbs ul li {float: left;line-height: normal !important;list-style: none outside none;padding: 0 10px;font-size:10.5px;color: #666;}
#breadcrumbs ul li.back {background: url("/upl/image/back_arrow.gif") no-repeat scroll left center transparent;}
#breadcrumbs ul li.last {background:none !important;}
#breadcrumbs ul li a {color: #666;font-size: 10.5px;}

.crumbs {padding-left: 5px;}
.crumbs li {
    background: url("/img/www/bg_breadcrumbs.gif") no-repeat scroll right 6px transparent;
    padding-left: 10px !important;
    padding-right: 15px !important;
}
.crumbs li.last {background: none !important;color: #9E9E9E;font-family: Georgia;font-size: 12px;}

#wrap {height:397px;outline:0; width: 425px !important; /*overflow:auto;*/ float:left;}
#sub {float:right; /*width:305px;*/ width:272px;}

.newsy {padding-bottom:0px !important;}
.newsy li {
    /*background: url("/img/www/kreska.gif") repeat-x scroll 0 bottom transparent;*/
    list-style: none outside none !important;
    padding: 7px 10px !important;
 border-bottom: 1px solid #DDDDDD;
line-height:14px !important;
}
.newsy li:hover {background:#F2F2F2;}
.newsy li span {color:#3C3C3C !important; padding-right: 30px;font-size:10px;}
.newsy li a {color:#000000 !important; font-size:10px; line-height: 1em !important; display:block;}

#main {float:left; /*width:675px;*/ width:633px;}

.news {
    clear: both;
    padding-bottom: 5px;
    overflow: hidden;
}
.col_left {float:left;width: 443px; padding-left:42px;}
.col_right {float:right;width: 443px; padding-right:42px;}
.story {
    clear: both;
    margin-bottom: 2px;
    overflow: hidden;
position:relative;
}
.story h5 {font-size:11px !important; padding-bottom:0px !important; padding-top:4px;}
.story img.left {margin-right:14px !important;}
.story.over {background: none repeat scroll 0 0 #F2F2F2;}
.news p, .story p {font-family: "Trebuchet MS",Arial,Tahoma,Verdana,Trebuchet,sans-serif;color:#3C3C3C; line-height:14px; }

#wrap_newsletter {display:none;}
#newsletter {padding:20px; background:#fff; overflow:hidden; height: 100px;}
#newsletter div {padding-bottom:20px;}
#newsletter div input {
    background: url("/img/www/bg_input.gif") no-repeat scroll 0 0 transparent;
    color: #585858;
    font-size: 11px;
    height: 21px;
    padding: 0 5px;
    width: 283px;
float:left;
}
#newsletter div label {
    color: #000;
    line-height: 18px;
    font-size: 11px;
    padding-bottom: 15px;
    text-transform: uppercase;
    padding-right: 7px;
float:left;
}
.check {clear:both;margin-bottom:5px;display: block;visibility:hidden;}

.products li {
    float: left;
    line-height: normal !important;
    list-style: none outside none !important;
    padding: 12px !important;
    position: relative;
}
.products li span {display:none;}
.products li:hover img {background: #F5F5F5 !important; }
.products li:hover span {
    display:block;
}
.products li span {
    bottom: 35px;
    font-style: italic;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 314px;
    display:none;
    color:#000;
    font-size:10.5px;
}

#wrap.centered { margin-left: 218px; width: 585px !important;}
.bordered {
    border-bottom: 1px solid;
    margin: 0 auto 3px !important;
    padding-bottom: 5px !important;
    padding-left: 25px;
    width: 560px;
}
.results {padding:10px 15px 0;}
.results li {
    border-bottom: 1px solid #DFDFDF;
    line-height: normal !important;
    list-style: none outside none !important;
    padding: 10px;
}
.results li a {
    color: #444;
    font-size: 10.5px !important;
}
.results span, .results strong {
    color: #444;
    display: block;
    float: left;
    font-size: 10.5px !important;
    text-transform: uppercase;
    width: 102px;        
    font-weight:normal;
}           
.results small {color: #444;font-size: 10.5px !important;}       

.sitemap {padding-top:10px;}
.sitemap li {list-style:none !important;}
.sitemap li a {
    background: url("/img/www/kropki2.gif") repeat-x scroll 0 bottom transparent;
    color: #444444 !important;
    display: block;
    margin-right: 10px;
    font-size:10.5px;
    outline: 0 none;
    text-transform: uppercase;
}
.sitemap ul {padding-left: 10px;}
.sitemap li li a {color:#868686 !important; font-style:italic;}
.sitemap li li li a {
    background: url("/img/www/bg_breadcrumbs.gif") no-repeat scroll 0 7px transparent;
    color: #BCBCBC !important;
    padding-left: 10px;
}

.wrap_gallery {float:left;width: 564px;}
.wrap_gallery ul {}
.wrap_gallery ul li {
    float: left;
    line-height: normal !important;
    list-style: none outside none !important;
    padding: 5px !important;
}
.wrap_gallery ul li a {}

.wrap2 {display:none;}
#wrap_photos {width:950px;
	padding: 20px 0px;
position:relative;
}
#big_photo {float:left;padding-right: 10px;}
#big_photo img {margin:0 auto;}
.photos {
    overflow: hidden;
    text-align: center;
    width: 110px;
}
.photos li {display:block; padding-bottom: 5px;}
.photos li img {display:inline;}
#up {
   position: absolute;
    right: 57px;
    top: 1px;
}
#down {
    bottom: 10px;
    position: absolute;
    right: 57px;
}

#footer {width:1028px; margin: 0 auto;}
#footer img {float: right;padding: 10px 10px 10px 5px;}
#footer ul {float: right;padding: 7px 0 7px 7px;}
#footer ul li {
    background: url("/img/www/sep.gif") no-repeat scroll right 4px transparent;
    float: left;
    font-style: italic;
    padding: 0 8px;
}
#footer ul li a {
    color: #BDBDBF;
    font-family: Arial;
    font-size: 10px;
    text-transform: uppercase;
}
#footer ul li.last {background: none repeat scroll 0 0 transparent !important;}

/* CSS Document -checkbox */

			/* 
			 * The state classes are a little bit complex, because of the doubble class bug in IE6
			 * The state class looks like this:
			 * 
			 * .ui-radio-state[-checked][-disabled][-hover] or .ui-checkbox-state[-checked][-disabled][-hover]
			 * 
			 * Examples:
			 * 
			 * .ui-radio-state-checked (simply checked) 
			 * .ui-radio-state-checked-hover (checked and hovered/focused)
			 * .ui-radio-state-hover (unchecked and hovered/focused)
			 * 
			 */
			
			.ui-radio-state-disabled,
			.ui-radio-state-checked-disabled,
			.ui-radio-state-disabled-hover,
			.ui-radio-state-checked-disabled-hover {
				color: #999;
			}
			span.ui-checkbox,
			span.ui-radio {
				display: block;
				float: left;
				width: 16px;
				height: 16px;
				background: url(icon_checkbox.png) 0 -40px no-repeat;
			}
			span.ui-helper-hidden {
				display: none;
			}
			label {
				padding: 2px;
				
			}
			span.ui-radio-state-hover,
			span.ui-checkbox-state-hover {
				background-position: 0 -114px;
			}
			
			span.ui-checkbox-state-checked {
				background-position: 0 -1px;
			}
			
			span.ui-checkbox-state-checked-hover {
				background-position: 0 -75px;
			}
			span.ui-radio-state-checked-disabled-hover,
			span.ui-radio-state-checked-disabled,
			span.ui-radio-state-checked {
				background-position: 0 -161px;
			}
			
			
			span.ui-radio-state-checked-hover {
				background-position: 0 -200px;
			}

			span.ui-checkbox {
				width: 15px;
				padding: 0px !important;
				line-height: normal !important;
				height: 15px !important;
				margin-right:5px;
				margin-top: -17px;
				background: url(/img/www/bg_checkbox.gif) no-repeat 0 0 !important;
			}
			span.ui-helper-hidden {
				display: none;
			}
			
			span.ui-checkbox-state-checked {
				background: url(/img/www/bg_checkbox_active.gif) no-repeat 0 0 !important;
			}
			
			span.ui-checkbox-state-checked-hover {
				background: url(/img/www/bg_checkbox_active.gif) no-repeat 0 0 !important;
			}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{/*overflow:auto;*/ overflow:hidden !important; clear:both;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;opacity:0.4 !important; filter:alpha(opacity=40) !important}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{}
        #cboxLoadingGraphic{}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxClose{
          background: url("/upl/image/close.gif") no-repeat scroll 0 0 transparent;
          height: 16px;
          position: absolute;
          right: 10px !important;
          text-indent: -9999px;
          top: 10px;
          width: 16px;
        }
#cboxWrapper {height:160px !important;}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
display:none;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #f2f2f2;
	position: relative;
}

.jspDrag
{
	background: #B2B2B2;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

#audioPlayer {float:right; padding-top: 3px;}

/* warskiGallery */
#warskiWrap {
	position: absolute;
	top: 0;
	left: 0;
	/*padding: 20px;*/
	z-index: 1101;
	outline: none;
	display: none;
}

#warskiOuter {
	position: relative;
	width: 100%;
	height: 100%;
}

#warskiContent {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
}

#warskiClose {
    background: url("../img/www/close2.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: none;
    height: 25px;
    position: absolute;
    right: -5px;
    top: -10px;
    width: 30px;
    z-index: 1103;
}

#warskiOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	z-index: 1100;
	display: none;
	background-color:#0D0D0D !important;
	opacity:0.93 !important;
	filter:alpha(opacity=88) !important;
height:100%;
min-width:1173px !important;
}

#big_photo {float:left;padding-right: 10px; width: 820px;}

#wrap_photos {height: 540px; overflow: hidden;}
#wrap_list {height: 531px; overflow: hidden; position: absolute; right: 10px; top:20px;}

.upper {text-transform:uppercase;}
.lower {text-transform:lowercase;}

#productMenu {width: 393px; float:left; padding-right:7px; padding-left: 15px;}
#productMenu ul {color:#4D4D4D; padding-left:20px;}
  #productMenu ul li {color:#4D4D4D;}
  #productMenu ul li a {color:#4D4D4D;}
#productMenu dl {margin-bottom:10px;}

.padded_cel_right {padding-right:6px; width: 392px; float:right; text-align:justify;}

#wLoader {position:absolute; width:100%; height:87px; display:none; top:300px;}
#wLoaderBg {position:relative; left:0; top:0; z-index:1; margin:0 auto;}
#wLoaderStripes {position:relative; z-index:2; left:0px; top:-66px; margin:0 auto;}

#sliderHorizontalMovie {padding-top:30px;}

/*.padded_content {padding: 0 20px 10px;}
.padded_content #main {width:670px;}
.pImage {margin-left:-42px;}*/
#main {padding-left:42px;}
#sub {padding-right:42px;}
#gallery {padding-left:42px;}

.story p.upper a {color:#404042 !important;}
.story p.upper a span.lower {color:#404042;}

.story p.upper {bottom: 0; position: absolute; right: 0; width: 226px;}
.story p.upper a.salonMail {z-index:6;}

.submit_newsletter {background: url("/upl/image/submit_newsletter.gif") no-repeat scroll 0 0 transparent !important; width:65px !important; height:21px !important;}
.en_submit_newsletter {background: url("/img/www/en_submit_newsletter.gif") no-repeat scroll 0 0 transparent !important; width:65px !important; height:21px !important;}

small {display:block; clear:both;}
.red_color {color:#ff0000 !important;}

.pImage {margin-right:8px !important;}

.news p {width: 417px; float:right;}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
background-color: black;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

.salonHref {position:absolute; left:0; top:0; width:443px; height:122px; z-index:2;}

#gallery_pager {overflow: hidden; clear: both; padding-right: 12px; padding-top: 5px; padding-left: 42px; width: 552px;}
  #gallery_pager ul {float: right;}
  #gallery_pager ul li {list-style: none; float: left; margin-right: 5px; padding: 0px !important;}
    #gallery_pager ul li.number a {font-size: 0; display: block; height: 8px; width: 7px; background: url(../img/www/nav_off.jpg) no-repeat left top;}
    #gallery_pager ul li.number a:hover {font-size: 0; display: block; height: 8px; width: 7px; background: url(../img/www/nav_on.jpg) no-repeat left top;}
    #gallery_pager ul li.number a.current {font-size: 0; display: block; height: 8px; width: 7px; background: url(../img/www/nav_on.jpg) no-repeat left top !important;}

.cont_wrap_gallery {float:left; width:598px;}

.right_col_details_prod {float: right;
    width: 400px; padding-bottom:90px; padding-right:10px;}
.right_col_details_prod h2 {overflow:hidden; clear:both;}

.lower a {color:#222222 !important;}

#galleryRotated {width:592px; height:397px;}

.right_col_details_prod p {overflo:hidden; clear:both;}

#big_photo {position:relative; height:531px;}
#big_photo a {position:absolute; top:0; width:408px; height:531px; cursor:pointer;}
#big_photo_left {left:0;}
#big_photo_left:hover { background: url(../img/www/prev.gif) no-repeat left center;}
#big_photo_right {right:14px;}
#big_photo_right:hover { background: url(../img/www/next.gif) no-repeat right center;}

#content .sg_more {margin-left:0px !important; color:#3C3C3C !important;}

.ax {float:left;}
.ax img {margin-right:7px !important;}
#slideShow {margin-right:0px !important;}

#content .smaller_wrap {width:349px !important;}
#galleryRotated {margin-right:7px !important;}
#content .width_wrap {width:982px !important; float:none !important; clear:both;}

.distribution_dls dl dt {display:none;}
.distribution_dls dl.active dt {display:block; color: #444444 !important; margin-bottom:15px;}
  .distribution_dls dl.active dt a {color: #444444 !important;}
.distribution_dls dl dd span {color: #A6A6A6 !important; font-weight: normal; outline: 0 none; background:#FFFFFF;}
.distribution_dls dl dd {cursor:pointer;}
.distribution_dls dl.active dd{background: url("/img/www/kropki.gif") repeat-x scroll 0 11px transparent; margin-bottom: 12px;}
.distribution_dls dl.active dd span {color: #444444 !important; font-weight: bold !important;}

.trend {width:392px !important; padding-right:10px;}
.news .ax .left {margin-right:14px !important;}

#wrapShort #wrap {width:413px !important; padding-left: 13px !important;}
#wrapShort .jspPane {padding:0px !important;}
.factory {width:400px !important; float: left; padding-left: 14px;}

#contact_subpage #wrap {width:1024px !important;}
#productMenu dl.active {padding-bottom:0px;}


@media screen and (-webkit-min-device-pixel-ratio:0)
{
.mainmenu li{
margin: 0 5px 0 3px;
}
}

@media all and (resolution = 0dpi) { 
  :root .mainmenu li { 
    margin: 0 5px 0 10px;
  }
}


.distribution_dls dl dd {padding-bottom:0px !important;}
.distribution_dls dl dd span {display:block; float:left; height:100%;}
.distribution_dls {float:left !important; padding-left:16px;}

#footer ul li .active {font-weight:bold !important; color:#909090 !important;}

/* footer logos */
ul.footer_logos li { padding: 0 0 0 5px !important; background: none !important; }
ul.footer_logos img { padding: 0 !important; }
/* footer logos. */

/*story_news*/

.story_news {

  margin: 0 auto;

}

.story_news li {

  width: 432px;

  height: 110px;

  float: left;

  margin: 0 20px 8px 20px;

  overflow: hidden;

  position: relative;

}

.story_news img {

  max-width: 201px;

  float: left;

  margin-right: 14px;

}

.story_news h5 {

  margin-top: 10px;
  padding-bottom: 0px;
  font-size: 12px;
}

.story_news p {
    color: #3C3C3C;
    font-family: verdana;
}

.story_news a {

  width:443px;

  height:122px;

  position:absolute;

  left:0;

  top:0;

  z-index:2;

}

.story_news a:hover {

  background-color: #f2f2f2;

}

/* story news */


/* lightbox gallery */
#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-loading img {
display:block;
margin:0 auto;
}

#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;	
}


/* lightbox gallery */