@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-spacing:0; border-collapse:collapse;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a:focus {outline: none;}

/* Tag Styles */
body {
	height:100%;
	background: url(../img/bg.png) repeat-y center;
	font: 16px Arial, Helvetica, sans-serif;
	color: #666666;	
}
a {color:#fff;}
h3 {font-weight:bold; color:#F00;}

.clr {clear:both;}
.gte-products {}
.gte-products li {padding-left:8px;}
#cl-one .gte-products a {font-weight:normal; color: #666666;}

.mtt {background:url(../img/bullet.png) top left no-repeat; text-indent:19px; line-height:18px;}

/* ID Styles */

#wrapper {
	margin:0 auto;
	width:890px;
	height:100%;
	background:#ff0000;
	position:relative;
}
#header {
	width:890px;
	height:185px;
	background:#ffffff;
	position:relative;
	border-bottom: solid 33px #fff;
}
#logo {
	background: url(../img/logo.png) no-repeat;
	text-indent: -9999px;
	height: 94px;
	width: 323px;
	position: absolute;
	left: 15px;
	top: 23px;
}
#cats {
	position: absolute;
	left: 412px;
	top: 101px;
}
#aff {position: absolute;
	right: 15px;
	top: 23px;}

#sitenav {
	width:100%;
	height: 42px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(../img/sitenav.png) repeat-x;
	font-size:16px;
	color:#fff;
	line-height:42px;
	text-align:center;
}
#sitenav > ul {
	margin:0 10px;
	padding-left:5px;
	height: 42px;
	float:left;
	position: relative;
}
#sitenav > ul > li {
	height: 42px;
	float:left;
}
#sitenav span {
	margin:10px 0;
	height: 22px;
	width:1px;
	border-left:solid 1px #fff;
	float:left;
}
#sitenav a {padding:0 10px; height: 42px; text-decoration:none; display:block;}
#sitenav a:hover, #sitenav a.current  {background:#666;}

#sitenav li ul {
	position: absolute;
	height:33px;
	font-size:16px;
	line-height:32px;
	left: -10px;
	top: 41;
	background:#666;
	display: none;
}
#sitenav li ul li {margin:0 10px; height:33px; float:left;}
#sitenav li ul li a {font-weight:bold; color:#CCC;}
#sitenav li ul li a:hover {color:#FFF;}
#sitenav li ul li a.current {color:#FFF;}
#sitenav li ul span {
	margin:6px 0;
	height: 20px;
	width:1px;
}

#sitenav li:hover {background:#666;}
#sitenav li:hover ul {display: block;}
#sitenav li.current ul {display: block;}

#content {
	padding:16px 0;
	width:890px;
	background:#ff0000;
	border-top: 14px solid #666666;	
}
#cl {margin-left:15px; width: 647px; float:left;}
#cl-top {
	width: 647px;
	height: 12px;
	background: url(../img/cl-top.png) no-repeat;
}
#cl-mid {
	width: 647px;
	min-height:510px;
	background: #fff;
}
#cl-one {
	margin-left:15px;
	width: 290px;
	float:left;
}

#cl-one h2 {
	margin-bottom:1em;
	font-size:21px;
	font-weight:bold;
	color:#f00;
}
#cl-one h3 {
	margin:3px 0;
}
#cl-one h4 {
	font-weight:bold;
	color:#000;
}
#cl-one p {
	margin-bottom:1em;
}
#cl-one a, #cl-two a {
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
#cl-one .also span, #cl-two .also span, #cl-one .also a, #cl-two .also a {font-weight:bold; color:#F00;}
#specialists {margin-bottom:10px;}

#cl-two {
	margin-right:15px;
	width: 319px;
	min-height:500px;
	float:right;
	border-left: solid 1px #aba8a8;
}
.shrink {height:300px !important;
min-height:300px !important;}
#cl-two h2 {
	margin-bottom:15px;
	padding-left:15px;
	font-size:24px;
	color:#f00;
	width: 312px;
}
#cl-two h2 span {
	font-size:31px;
}
#cl-two h4 {
	margin-left:15px;
	font-weight:bold;
	color:#000;
}
#cl-two p {
	margin:0 0 1em 15px;
}
#cl-two p.special {
	margin:0 0 1em 15px;
	font-size:17px;
	font-weight:bold;
	color:#F00;
}
#cl-two q {
	font-weight:bold;
}
#cl-two .show-btn {
	margin-left:15px;
}
#cl-two .show-btn .show-mf {
	margin-left:15px;
	width: 93px;
	height: 27px;
	background: url(../img/more-btn.png) no-repeat;
	text-indent:-9999px;
	display:block;
}
#product-img {margin-top:25px;}
#doc-man {margin:20px 0 50px 15px; }

#cl-three {margin:0 15px; padding:20px 0; clear:both;}
.contacts {margin-top:15px; font-size:15px; font-weight:bold; color:#333;}
.gte-services {margin-left:15px;}
.gte-services li {margin:0 0 15px 15px;
	list-style: url(../img/bullet.png) outside;
}

#cl-btm {
	width: 647px;
	height: 12px;
	background: url(../img/cl-btm.png) no-repeat;
}

#cs {margin-right:15px; width: 196px; float:right;}
#cs-top {
	width: 196px;
	height: 12px;
	background: url(../img/cs-top.png) no-repeat;
}
#cs-mid {
	width: 196px;
	height:510px;
	background: #fff url(../img/logo-mini.png) no-repeat 130px bottom;
}
#cs-mid label {font-size:11px; font-weight:bold; color:#343434; line-height:20px; width:80px;}
#cs-mid input {font-size:12px; width:171px; border: solid 1px #666666;}
#cs-mid textarea {margin-bottom:10px; font-size:12px; width:171px; border: solid 1px #666666;}
#cs-mid #hf-submit {
	background: url(../img/hf-send.png) no-repeat;
	text-indent: -9999px;
	height: 17px;
	width: 44px;
	border:none;
}
#cs-mid #hf-optin {width:20px; float:left;}
#cs-mid .hf-newsletter {margin-left:25px; width:135px; font-size:9px;}
#cs-text {margin:0 14px 0 11px; width:171px;}
#cs-text img {margin-bottom:10px;}
#cs-text p {padding-bottom:15px;}
#cs-text span {line-height:34px; font-size:22px; color:#f00;}

#cs-btm {
	width: 196px;
	height: 12px;
	background: url(../img/cs-btm.png) no-repeat;
}
#hideme {display:none;}
#more-form {padding:10px; width:540px;}
#sharplogo {
	margin: 5px 5px 15px;
	width: 85px;
	height: 13px;
	background: url(../img/sharp.png) no-repeat;
	text-indent:-9999px;
}
#more-form p {font-size:13px; margin-bottom:10px;}
#more-form span {color:#f00; font-weight:bold;}
#mf label {font-size:11px; font-weight:bold; color:#343434; line-height:20px; width:100px; float:left;}
#mf input {margin-left:10px; font-size:12px; width:200px; border: solid 1px #666666;}
#mf textarea {margin-bottom:10px; font-size:12px; width:530px; border: solid 1px #666666;}
#mf #mf-submit {
	margin:0;
	background: url(../img/mf-send.png) no-repeat;
	text-indent: -9999px;
	height: 17px;
	width: 44px;
	border:none;
}
#mf fieldset {margin: 10px 0; height:20px;}
#mf #mf-optin {width:20px; float:left;}
#mf .mf-newsletter {margin-left:25px; font-size:9px;}
.form_msg {padding-top:40px; text-align:center; font-weight:bold;}


/* - - - - - - - - S3 SLIDER - - - - - - - - */

#s3slider {
   width:890px; /* important to be same as image width */
   height:249px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background:#ffffff url(../slides/S3slider1.jpg) no-repeat;	
}

#s3sliderContent {
	width:890px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: 0; /* important */
	left: 0px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage .s3textLeft {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 13px;
   width: 184px;
   height:249px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.s3sliderImage .s3textRight {
   position: absolute; /* important */
   right: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 13px;
   width: 184px;
   height:249px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.s3sliderImage h4 {font-size:25px; line-height:28px;}
.s3sliderImage p {margin-top:15px; font-size:20px; line-height:22px;}