/* CSS style sheet by www.stenikgroup.com */
/* STENIK GROUP Ltd. - Web design company */
/* We give your business a face           */

/* ----------------------------------------------------------------------- [ GLOBAL CONFIG ] */
/* mac hide\*/
/* html, body {height:100%} */
/* end hide */

* { 
	outline:0;
	border:0;
	margin:0;
	padding:0;
	outline:0;
}
html, body {
	background-image:url("../im/intro-bkg.jpg");
	background-position:0 0;
	background-repeat:repeat-x;
	background-color:#fff;
}
html, body, table, p, a, select, input, textarea {
	font-family:Verdana, Tahoma, Helvetica, sans-serif;
	font-size:12px;
}
.clear {
	clear:both;
	font-size:1px;
	margin:0;
	padding:0;
}
p, a {
	font-size:12px;
	text-decoration:none;
	text-transform:none;
}
p {
	padding-bottom:7px;
	color:#000;
	text-align:justify;
}
a,
a:link,
a:active,
a:visited {
	cursor:pointer;
	color:#003b81;
}
a:hover { color:#0066ff; }
input, textarea, select, option {
	color:#555555;
}
h1 {
	font-size:20px;
	color:#003b84;
	border:none;
	padding-bottom:10px;
	text-align:left;
	font-weight:normal;
	display:block;
}
h2, a.faq {
	color:#003b82;
	padding:0 0 10px;
	font-size:16px;
	font-weight:normal;
	text-align:left;
	display:block;
}
a.faq:hover { text-decoration:underline; }
h3 {
	font-size:12px;
	color:#000;
	text-transform:uppercase;
	padding-bottom:3px;
	font-weight:bold;
	margin:0 0 10px;
	text-align:left;
}
span.skyblue { color:#0099FF; }
select option {
	padding:1px;
}
span.custTooltip{
color:redbackground;
color:white;
padding:5px;
display:block;
background-color:#002F6B
}
/* ----------------------------------------------------------------------- [ WRAPPER ] */
#wr {
	width:998px;
	margin:0 auto;
}
/* ----------------------------------------------------------------------- [ WRAPPER � HEADER ] */
#wr .head {
	width:998px;
	height:88px;
	background-image:url(../im/header-bkg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}
.head a {
	float:left;
	width:auto;
	display:block;
	padding:15px 0 0 24px;
	clear:left;
}
/* ----------------------------------------------------------------------- [ WRAPPER � HEADER � TOP LINE ] */
#wr .tl {
	background-image:url(../im/topline-bkg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	width:998px;
	height:38px;
	display:block;
	margin:25px 0 0 0;
}
/* ----------------------------------------------------------------------- [ WRAPPER � HEADER � TOP LINE � SEARCH ] */
.tl .search {
	width:226px;
	float:left;
	display:block;
	height:38px;
	color:#777777;
}
.search .txtField {
	overflow:hidden;
	width:226px;
	height:38px;
}
.txtField input.searchField {
	float:left;
	color:#777777;
	padding:9px 7px 0 0 ;
	width:149px;
	margin:4px 0 0 36px;
	background:none;
	font-size:11px;
}
/* ----------------------------------------------------------------------- [ WRAPPER � HEADER � TOP LINE � NAVIGATION ] */
.tl .nav {
	display:block;
	float:right;
	width:auto;
	padding:0 10px 0 0;
}
.nav a {
	float:left;
	width:auto;
	height:23px;
	line-height:23px;
	padding:8px 0 0;
	text-transform:uppercase;
	font-size:10px;
	margin:0 8px 0 0;
}
.nav a span.l,
.nav a span.r {
	background-image:url(../im/tnav-bkg1.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	height:23px;
	width:5px;
	float:left;
	display:block;
}
.nav a span.r {
	background-position:-10px 0;
}
.nav a span.c {
	background-image:url(../im/tnav-bkg2.gif);
	background-repeat:repeat-x;
	background-position:0 0;
	color:#fffffd;
	padding:0 2px;
	float:left;
	height:23px;
	width:auto;
	display:block;
}
.nav a:hover span.l,
.nav a span.l-act { background-position:0 -23px; }
.nav a:hover span.c,
.nav a span.c-act { background-position:0 -23px; }
.nav a:hover span.r,
.nav a span.r-act { background-position:-5px -23px; }
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT ] */
#wr .content,
#wr .promo,
#wr .partners {
	width:998px;
	margin:25px 0 0;
}
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � CATEGORIES ] */
.content .cat {
	float:left;
	width:262px;
	background-image:url(../im/cat-bkg.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:18px 0 0 18px;
}
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � CATEGORIES � NAVIGATION ] */
.cat ul { display:block; margin:5px 0 0; }
.cat ul li { list-style:none; }
.cat ul li a {
	display:block;
	background-image:url(../im/bullet1.gif);
	background-position:0 7px;
	background-repeat:no-repeat;
	padding:4px 0 4px 15px;
	color:#000;
	font-size:12px;
	width:245px;
}
.cat ul li a.act,
.cat ul li a:hover {
	background-position:0 -54px;
	color:#0073ff;
}
.cat ul li ul { margin:0px; padding:10px 0; }
.cat ul li ul li a {
	display:block;
	background-image:url(../im/bullet2.gif);
	background-position:15px 9px;
	background-repeat:no-repeat;
	padding:3px 0 3px 32px;
	font-size:12px;
	color:#666666;
	text-transform:none;
	width:228px;
}
.cat ul li ul li a.act,
.cat ul li ul li a:hover {
	background-position:15px -58px;
	color:#003b84;
}
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � MAIN ] */
.content .main {
	float:right;
	display:block;
	width:700px;
}
.main p.sub {
	background-image:url(../im/bullet3.gif);
	background-position:15px 6px;
	background-repeat:no-repeat;
	padding-left:30px;
	margin:0 0 0 25px;
}
.main img.right,
.main a img.right,
.main img.left,
.main a img.left {
	display:block;
	width:198px;
	height:198px;
	border:1px solid #b0b0b0;
	margin:0 0 20px 20px;
}
.main img.right,
.main a img.right {
	margin:4px 0 10px 20px;
}
.main img.left,
.main a img.left {
	margin:4px 20px 10px 0;
}
.main a:hover img {
	border:1px solid #003b83;
}
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � MAIN � PAGEING ] */
.main .pages {
	display:block;
	text-align:center;
	margin:15px 0 20px;
}
.pages a {
	padding:4px 8px 5px;
	border:1px solid #fff;
	color:#003b82;
}
.pages a.actual,
.pages a:hover {
	color:#003b82;
	border-left:1px solid #c7c7c7;
	border-top:1px solid #c7c7c7;
	border-right:1px solid #ececec;
	border-bottom:1px solid #ececec;
	background-color:#ececec;
}
/*
.pages a {
	padding:4px 8px 5px;
	color:#003b82;
}
.pages a.actual,
.pages a:hover {
	color:white;
	background-color:#003b83;
}
*/
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � BOXES ] */
.main .blueBox,
.main .whiteBox,
.main .product,
.main .care {
	display:block;
	width:700px;
	margin:0 0 20px;
}
.blueBox .t,
.blueBox .b {
	background-image:url(../im/bluebox-bkg1.gif);
	background-repeat:no-repeat;
	display:block;
}
.whiteBox .t,
.whiteBox .b {
	background-image:url(../im/whitebox-bkg1.gif);
	background-repeat:no-repeat;
	display:block;
}
.blueBox .t,
.whiteBox .t {
	background-position:0 0;
	height:15px;
	font-size:1px;
}
.blueBox .c,
.whiteBox .c {
	width:668px;
	border-left:1px solid #003b83;
	border-right:1px solid #003b83;
	background-color:#f2fcff;
	padding:0 15px;
}
.whiteBox .c { background-color:white; }
.blueBox .b,
.whiteBox .b {
	background-position:0 -15px;
	height:18px;
	display:block;
}
.blueBox .b a,
.whiteBox .b a {
	display:block;
	padding:2px 0 0 595px;
	color:#bcd3ef;
	font-size:9px;
}
.blueBox .b a:hover,
.whiteBox .b a:hover { color:#fffffc; }
.main .blueBox a img,
.main .whiteBox a img {
	float:left;
	display:block;
	width:111px;
	height:111px;
	border:1px solid #b0b0b0;
	margin:0 15px 0 0;
}
.main .blueBox a:hover img,
.main .whiteBox a:hover img {
	border:1px solid #003b83;
}
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � PRODUCT AND CARE OF CONTACT LENS ] */
.product .t,
.product .b {
	background-image:url(../im/whitebox-bkg2.gif);
	background-repeat:no-repeat;
	display:block;
}
.care .t,
.care .b {
	background-image:url(../im/whitebox-bkg3.gif);
	background-repeat:no-repeat;
	display:block;
}
.product .t,
.care .t {
	background-position:0 0;
	height:18px;
	display:block;
}
.product .t a {
	display:block;
	padding:2px 0 0 595px;
	color:#bcd3ef;
	font-size:9px;
}
.product .t a:hover { color:#fffffc; }
.product .c,
.care .c {
	width:668px;
	border-left:1px solid #003b83;
	border-right:1px solid #003b83;
	background-color:white;
	padding:0 15px;
}
.product .b,
.care .b {
	background-position:0 -18px;
	height:15px;
	font-size:1px;
}
.main .pictures {
	float:left;
	width:200px;
}
.main a img {
	display:block;
	/*width:198px;
	height:198px;*/
	border:1px solid #b0b0b0;
}
.main a span.zoom {
	display:block;
	padding:10px 0 0 0;
	text-align:right;
	font-size:10px;
	text-transform:uppercase;
	width:200px;
}
.main a img.th {
	float:left;
	display:block;
	width:58px;
	height:58px;
	border:1px solid #b0b0b0;
	margin:10px 10px 0 0;
}
.main a img.last { margin-right:0; }
.main a:hover img,
.main a:hover img.th {
	border:1px solid #003b83;
}
.product .info,
.care .info {
	float:right;
	width:436px;
}
/* ----------------------------------------------------------------------- [ WRAPPER � PROMOTIONS ] */
#wr .promo a {
	float:left;
	width:174px;
	height:212px;
	background-image:url(../im/promobox-bkg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0 31px 0 0;
}
#wr a.last { margin-right:0; }
#wr .promo a span.title {
	display:block;
	width:174px;
	height:34px;
	text-align:center;
	color:#fffffe;
	font-size:18px;
	line-height:34px;
}
#wr .promo a span.title sup {
	font-size:12px;
}
#wr .promo a img {
	display:block;
	height:86px;
	margin:12px auto 0;
}
#wr .promo a span.desc {
	display:block;
	padding:8px 10px 0;
	text-align:center;
	text-transform:uppercase;
	font-size:10px;
	height:54px;
}
#wr .promo a span.more {
	display:block;
	bottom:2px;
	text-align:center;
	padding:2px 0 0;
	color:#bcd3ef;
	font-size:9px;
}
#wr .promo a:hover span.more {color:#fffffa;}
/* ----------------------------------------------------------------------- [ WRAPPER � INQUIRE FORM ] */
.main .formLine {
	display:block;
}
.main form {
	display:block;
	padding:10px 0 0;
}
.main form label {
	float:left;
	width:auto;
	padding:5px 0 0 0;
	margin:0 10px 0 0;
	font-weight:bold
}
.main .f1 {
	background:url(../im/inputs-bkg.gif) 0 0 no-repeat;
	width:auto;
	height:26px;
	float:left;
	display:block;
	padding:4px 4px 0 4px;
}
.main .w253 {
	width:253px;
	padding:6px 0 0 6px;
}
.main .captcha {
	width:100px;
}
.main input.captcha {
	width:94px;
	padding:2px 0 0 6px;
	color:#0066FF;
	text-align:center;
}
.main a.captcha img {
	width:94px;
	height:26px;
	float:left;
	margin:0 0 0 20px;
	border:0;
}
.main .f2 {
	background:url(../im/inputs-bkg.gif) top right no-repeat;
	display:block;
	float:left;
	width:7px;
	height:26px;
	font-size:1px;
	margin:0 0 10px;
}
.main .inputs {
	background:url(../im/inputs-bkg.gif) 0 0 no-repeat;
	width:350px;
	height:26px;
	float:left;
	display:block;
	padding:6px 0 0 6px;
	margin:0 0 5px;
}
.main input,
.main .inputs input,
.main .textareas textarea {
	width:245px;
}
.main .inputs input:focus {
	color:#000000;
}
.main .f3 {
	background:url(../im/textareas-bkg.gif) 0 0 no-repeat;
	width:495px;
	height:63px;
	float:left;
	display:block;
	padding:6px 0 0 6px;
	margin:0 0 5px;
}
.main .w400 {
	width:400px;
	padding:6px 0 0 6px;
}
.main .f4 {
	background:url(../im/textareas-bkg.gif) top right no-repeat;
	display:block;
	float:left;
	width:7px;
	height:63px;
	font-size:1px;
	margin:0 0 10px;
}
.main input.btn {
}
/* ----------------------------------------------------------------------- [ WRAPPER � PARTNERS ] */
.partners a.ultravision,
.partners a.cantor,
.partners a.saulon,
.partners a.optipak,
.partners a.briot {
	float:left;
	display:block;
	width:174px;
	height:38px;
	background-image:url(../im/logos.gif);
	background-repeat:no-repeat;
	margin:0 31px 0 0;
}
.partners a.ultravision { background-position:0 0; }
.partners a.cantor { background-position:-207px 0; }
.partners a.saulon { background-position:-414px 0; }
.partners a.optipak { background-position:-621px 0; }
.partners a.briot { background-position:-828px 0; }
.partners a.u-act,
.partners a.ultravision:hover { background-position:0 -38px; }
.partners a.c-act,
.partners a.cantor:hover { background-position:-207px -38px; }
.partners a.s-act,
.partners a.saulon:hover { background-position:-414px -38px; }
.partners a.o-act,
.partners a.optipak:hover { background-position:-621px -38px; }
.partners a.b-act,
.partners a.briot:hover { background-position:-828px -38px; }
/* ----------------------------------------------------------------------- [ WRAPPER � PARTNERS � TOOLTIP ] */
.partners .tooltip {
	position:absolute;
	width:205px;
	display:block;
	bottom:250px;
}
.tooltip .t,
.tooltip .b {
	background-image:url(../im/tooltip-bkg1.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	width:205px;
	float:left;
}
.tooltip .t {
	height:15px;
	font-size:1px;
}
.tooltip .b {
	background-position:0 -15px;
	height:25px;
	font-size:1px;
}
.tooltip .c {
	background-image:url(../im/tooltip-bkg2.gif);
	background-position:0 0;
	background-repeat:repeat-y;
	display:block;
	width:185px;
	padding:0 10px;
	float:left;
}
/*.tooltip .c .left { float:left; width:85px; }
.tooltip .c .right { float:right; width:85px; }*/

.tooltip-m .left {float:left; width:85px; }

.tooltip-m .right {float:right; width:85px; }

.tooltip-m a {
	display:block;
	color:#555555;
	font-size:10px;
}
.tooltip-m a:hover {
	text-decoration:underline;
	color:#003b81;
}
/* ----------------------------------------------------------------------- [ WRAPPER � FOOTER ] */
#wr .footer {
	background-image:url(../im/footer-bkg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	width:998px;
	height:34px;
	margin:35px 0 0;
}
.footer a.request {
	float:left;
	display:block;
	width:220px;
	height:34px;
	line-height:34px;
	color:#bcd3ef;
	font-size:12px;
	text-transform:uppercase;
	padding:0 0 0 40px;
}
.footer a.request:hover {
	color:#fffff2;
}
.footer p,
.footer p a {
	color:#555555;
	font-size:11px;
}
.footer p {
	float:right;
	text-align:right;
	display:block;
	margin:5px 0 0;
	line-height:1.4;
	width:auto;
}
.footer p a:hover { color:#003b80; }

/* ----------------------------------------------------------------------- [ TOOLTIP � CSS ] */
/* (C) 2007 YOOtheme.com */

div.yoo-tooltip-toggler {
	cursor: pointer;
}

div.yoo-tooltip div.default{
   width:200px;
}

div.yoo-tooltip div.default .tooltip-tl {
	background: url(../imagesT/bubble_tl.png) 0 0 no-repeat;
	position: relative; /* for close button */
}

div.yoo-tooltip div.default .tooltip-tr {
	padding: 0px 15px 0px 15px;
	background: url(../imagesT/bubble_tr.png) 100% 0 no-repeat;
}

div.yoo-tooltip div.default .tooltip-t {
	background: url(../imagesT/bubble_t.png) 0 0 repeat-x;
}

div.yoo-tooltip div.default .tooltip-l {
	background: url(../imagesT/bubble_l.png) 0 0 repeat-y;
}

div.yoo-tooltip div.default .tooltip-r {
	padding: 0px 15px 0px 15px;
	background: url(../imagesT/bubble_r.png) 100% 0 repeat-y;
}

div.yoo-tooltip div.default .tooltip-m {
	background: #ffffff;
	overflow: hidden;
}

div.yoo-tooltip div.default .tooltip-bl {
	background: url(../imagesT/bubble_bl.png) 0 0 no-repeat;
}

div.yoo-tooltip div.default .tooltip-br {
	padding: 0px 15px 0px 15px;
	background: url(../imagesT/bubble_br.png) 100% 0 no-repeat;
}

div.yoo-tooltip div.default .tooltip-b {
	background: url(../imagesT/bubble_b.png) 0 0 repeat-x;
}

div.yoo-tooltip div.default .tooltip-arrow {
	background: url(../imagesT/bubble_arrow.png) 50% 0 no-repeat;
}

div.yoo-tooltip div.default .tooltip-close {
	position: absolute;
	top: 8px;
	right: 10px;
	width: 16px;
	height: 16px;
	background: url(../imagesT/close.png) 0 0 no-repeat;
	cursor: pointer;
}

.footer .stenik {
	float: right;
	margin-top: 5px;
	color: #70695a;
	background: url(../images/stenik_logo.png) no-repeat;
	padding: 1px 0 5px 21px;
}

.footer .stenik a {
	color: #70695a;	
}

/*  ---------------------------------------------------------------- PRODUCT UL --------------------------*/