/* -------------------------------------------------------------------------------
Title : Ocutech - Low Vision Aids and Bioptics for Visual Impairments
Author : devdatt gurjar
URL : http://www.ocutech.com/

Created : September 18, 2006
Modified : November 20, 2006
------------------------------------------------------------------------------- */
/* -----------------------------------------
   Screen styles
-------------------------------------------- */
* {margin:0; padding:0;}
body { background:#313131; voice-family:inherit; font: normal 14px Verdana, Arial, Helvetica, sans-serif; color:#333;}
a { text-decoration:none; color:#0f0f9f;}
a img { border:none;}

/* -----------------------------------------
   Layout
-------------------------------------------- */
#Container { background: url(../images/bg-content.gif) repeat-y; margin:auto; width:740px; padding: 0 10px;}
#Header { height:90px; background: #FFFFFF url(../images/header-bg.gif) repeat-x;}
#Logo { float:left; width:390px; height:50px; margin:25px 0 0 20px;}
#RHeader { float:right; margin:20px 10px 0 0;}
#BreadCrum {background:#F5F5F5;}
#Content, #ProductContent, #ProductMain { padding:20px;}
#LargerVersion { text-align:center; font-size:15px; font-weight:bold; color:#333333; background:#f5d7c4; padding:5px 0; }
#LargerVersion a { padding:0 17px 0 0; text-decoration:underline;}
#OnWiredWeb { width:740px; margin:auto; }
#OWL { float:left;  padding:5px 10px 10px 10px; }
#OWR { float:right; padding:5px 20px 10px 10px; background: url(../images/top.gif) no-repeat right 5px;}
#Validation {width:740px; margin:auto; padding-left:20px;}

/* Homepage ------------------------------- */
#Banner { margin:1px 0;}
#LeftBanner { float:left; width:420px; height:200px; background: #a4381c url(../images/left-banner.jpg) no-repeat; }
#RightBanner { float:right; width:319px; height:200px; background: #124649 url(../images/rb-bg.gif) repeat-y; }
#ContentHome {background: url(../images/content-bg.gif) repeat-y;}
#Contentleft { float:left; width:400px; margin:10px; display: inline;}
#ContentRight { float:right; width:300px; margin:10px; display: inline;}

/* Product Page --------------------------- */
#productNav {float:left; width:160px; font-weight:bold; font-size:13px; }
#ProductFeature { float:left; margin-left:20px; background:#fff6e5; width:500px; border-top:1px solid #dd4d28; border-bottom:1px solid #dd4d28; padding:10px; }
#PF1 { float:left; text-align:center; width:180px;}
#PF2 { float:left; margin-left:15px; width:305px;}

/* Inside Page ---------------------------- */


/* Comman Classes ------------------------- */
.clear { clear:both;}


/* -----------------------------------------
   Typography
-------------------------------------------- */

/* Headings -------------------------------- */
#Logo h2 { width:390px; height:50px; background: url(../images/ocutech.gif) no-repeat;}
#LeftBanner h2 { color:#FFF; font: normal 33px Arial, Helvetica, sans-serif; margin:10px 0 0 15px;}
#RightBanner h2 { height:35px; background: url(../images/introducing-the-ves-sport.gif) no-repeat; }
#RightBanner h2 span { display:none;}
#ContentRight h2 {font: normal 24px Geneva, Arial, Helvetica, sans-serif;  padding:10px 0;}
#Contentleft h2 {font: normal 24px Geneva, Arial, Helvetica, sans-serif; padding:10px 0 15px 0; background: url(../images/connt-h2bg.gif) no-repeat 0 40px;}
#Heading h2 { padding:20px 20px 0 20px; font: bold 25px Arial, Helvetica, sans-serif;}
#ProductMain h2 {padding:10px 0 0 10px; font: bold 20px Arial, Helvetica, sans-serif;}
#Contentleft h3 { font: bold 15px Arial, Helvetica, sans-serif; padding-bottom:10px;}
#LeftBanner h3 { color:#FFF; font: normal 20px Arial, Helvetica, sans-serif; margin:5px 0 0 15px;}
#Content h3 {font: normal 20px Arial, Helvetica, sans-serif;  color:#FF0000; padding-bottom:20px;}
#ProductContent h3 { margin:40px 0 10px 0;  font: normal 20px Arial, Helvetica, sans-serif; }
#ProductContent h4 { margin:20px 0 10px 0;  font: normal 20px Arial, Helvetica, sans-serif; }
#PF2 h4 {font: bold 16px Arial, Helvetica, sans-serif; padding-bottom:5px;}
#Content h4 {font: bold 16px Arial, Helvetica, sans-serif; padding:0 0 20px 0; color:#000;}


/* Paragraphs ------------------------------ */
p {font: bold 14px Verdana, Arial, Helvetica, sans-serif; line-height:23px; padding-bottom:10px;}
#LeftBanner p { color:#FFF6E5;  margin:5px 140px 0 15px; line-height:21px; font-size:12px;}
#LeftBanner p a { color:#FFF; font-weight:bold; text-decoration:underline;}
#RightBanner p {color:#FFFFFF;  line-height:18px;}
#ContentRight p { padding-bottom:5px; font-size:14px;}
#ContentRight p a { padding-bottom:5px; font-size:13px;}
#BreadCrum p{ padding:10px; font-size:13px;}
#Content p, #ProductContent p{ line-height:25px;}
#Content p span { line-height:15px;}
.PF1p {margin-top:10px;}

/* Lists ----------------------------------- */
#Content li { font: bold 14px Verdana, Arial, Helvetica, sans-serif;  padding:0 0 5px 0; margin:0 0 5px 40px; line-height:20px;}
#productNav li { list-style:none; border-bottom:1px solid #202079;}
.Litop {border-top:1px solid #202079;}
#productNav li a { width:140px; padding:5px 0 5px 20px; color:#002045; display:block; background: url(../images/arrow.gif) no-repeat 5px 13px; }
#productNav li a:hover { background:#fff6e5 url(../images/arrow.gif) no-repeat 5px 13px; }
#PF2 li { font-weight:bold; list-style:none; background: url(../images/bullet.gif) no-repeat 0px 10px; padding:6px 0 6px 18px; }
#FiltersLi li {list-style:disc;
	padding:0 0 5px 0;
	margin:0 0 5px 40px;
}
#FiltersLi ul li {list-style:disc;
	padding:0 0 5px 0;
	margin:0 0 5px 70px;
}

/* Class ----------------------------------- */

.P1 { font-size:13px; padding:6px 10px 0 155px; background: url(../images/ves-sport-home.jpg) no-repeat 10px 10px;}
.P2 { position: relative; top:31px; margin-left:205px;}
.P4 { text-align:right;}
.P6 { background: url(../images/low-vison-glass.jpg) no-repeat; padding:0 0 10px 140px; }
.P6 span { font-size:13px; line-height:23px;}
.D1 { float:left;  width:190px; padding-right:10px;}
.D1 p, .D2 p { font-size:13px; line-height:16px; padding:0 0 10px 8px; background: url(../images/arrow-01.gif) no-repeat 0 6px; }
#ContentRight p strong {padding:0 0 10px 8px; background: url(../images/arrow-01.gif) no-repeat 0 5px;}
.D2 { float:left;  width:189px; border-left:1px dotted #661900; padding-left:10px}
.imgTestimonials {float:left; padding: 10px 10px 10px 0;}
.hr { clear:both; margin:0 0 10px 0; height:1px; background:#CCCCCC;}
.imgRight { float:right; text-align:center; margin-left:15px;}
.TestimonialsBorder { border:1px solid #000000; padding:10px; text-align:center; margin-bottom:10px; }
.Note { font-size:12px;}
.cform { float:right; width:400px; }


/* Links ----------------------------------- */
#Logo h2 a { width:390px; height:50px; display:block;}
#Logo h2 a strong { display:none;}
.P2 a { width:114px; height:20px; background: url(../images/learn-more.gif) no-repeat; display:block;}
.P2 a span {display:none;}
.PF1a { background: url(../images/larger-image.gif) no-repeat 0px 6px; padding:5px 0 5px 30px; }
.FP2 a {color:#666666;}
#Nav {text-align:right; clear:right; padding:65px 23px 0 0;}
#Nav li { float:right; list-style:none;}
.Home { width:58px; height:25px; background: url(../images/home.gif) no-repeat;}
.About { width:80px; height:25px; background: url(../images/about.gif) no-repeat;}
.Contact { width:75px; height:25px; background: url(../images/contact.gif) no-repeat;}
.Contact span, .Home span, .About span { display:none; }
.Home a { width:58px; height:25px; display:block; }
.About a { width:80px; height:25px; display:block; }
.Contact a {width:75px; height:25px; display:block; }
#OnWiredWeb p a { color:#FFFFFF; text-decoration:none; font-size:13px;}
#OnWiredWeb p a:hover { color:#CCCCCC;}

/* -----------------------------------------
   Main Navigation
-------------------------------------------- */
#d-nav { font:11px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; height:30px; background: #002045 url(../images/nav-bg.gif) repeat-x; }
#d-nav ul { list-style:none; text-decoration: none;}
#d-nav li { display: inline; text-align: center; margin:0 9px 0 20px;	 float: left; }
#d-nav li a { color:#000; /* padding:5px 5px 5px 5px; */ margin:7px 0 0 0; display:block; background:#d8dde3 url(../images/nl.gif) no-repeat left top; padding:5px 0px 5px 8px; }
#d-nav li a strong { background: url(../images/nr.gif) no-repeat right top; padding:5px 20px 5px 0; }
#d-nav li a span { background: url(../images/nrs.gif) no-repeat right top; padding:5px 10px 5px 0; font-weight:bold;}
#d-nav li.active a{ color:#000000; }
#d-nav li.active a strong { }
#d-nav li ul {
	height: auto !important;
	list-style: none;
	position: absolute;
	clear: both;
	background:#d8dde3;
	display: none;
}
#d-nav li.over ul, #d-nav li:hover ul { display: block }
#d-nav li>ul {
	position: absolute;
	width: 240px;
	height: auto;
}
#d-nav li li { 
	clear: both;
	width: 240px;
	text-align: left;
	float: left;
	height: 31px !important;
	margin: 0;
	padding: 0;	border-bottom:1px solid #000;
}

#d-nav li li a, #d-nav li li a:visited {
	color: #000 !important;
	height: 21px !important; /*31*/
	/*line-height: 2.7em;*/
	padding: 10px 0 0 10px !important;
	margin: 0 !important;
	width: 230px;
	font-weight: bold !important;
	background:#d8dde3;
}


#d-nav li li a:hover, #d-nav li li.selected, #d-nav li li.selected a {
background:#000 !important;  color: #858585 !important; }
#d-nav li:hover ul, #d-nav li.over ul { display: block; }

#d-nav li li a span {background: url(../images/pdf.gif) no-repeat 0px 4px; padding-left:25px;}

/* -----------------------------------------
   Forms
-------------------------------------------- */
.input { border:1px solid #999999;}
.button { width:39px; height:21px; background: url(../images/go.gif) no-repeat 0px 1px; border:none; cursor:pointer; }
.FormTable { width:90%; margin:auto;}
.FormTable th { width:40%; text-align:right; border-bottom:1px solid #CCC; vertical-align:top; padding-top:15px;}
.FormTable td { padding:10px; border-bottom:1px solid #CCC; }
.Inb { width:300px; border:1px solid #333; padding:3px;}
.Inm { width:200px; border:1px solid #333; padding:3px;}
.Ins { width:100px; border:1px solid #333; padding:3px;}
.error { color:#FF0000;}

/* -----------------------------------------
   Product Thumnail Page
-------------------------------------------- */
.portitem { float:left; width:340px; margin-bottom:20px; }
.end { margin-left:20px;}
.portitemThumbPic { display:block; border:2px solid #DCDEDF; }
.portitemThumbPic:hover {border:2px solid #A9ABAE; }
.portitemThumbEnd { background: url(../images/greyshadow.gif) repeat-x; width:340px;}

/* -----------------------------------------
   Product Ajax Content
-------------------------------------------- */
.shadetabs { text-align: center; float: left; margin:20px 0 0 10px; font-size:11px; font-weight:bold; position:relative; top:1px; }
.shadetabs ul { text-decoration: none; list-style:none; }
.shadetabs li { display: inline; text-align: center; margin-right: 4px;	 float: left; }
.shadetabs a { color: #FFF; background: #dd4d28 url(../images/shade-l.gif) no-repeat left top; float: left; padding-left:3px; text-decoration: none; }
.shadetabs a span { background: url(../images/shade-r.gif) no-repeat right top; display: block; padding:7px 10px 7px 4px; }
.shadetabs a span { float: none; }
.shadetabs li.selected {background:url(../images/shadeactive.gif) repeat-x;}
.shadetabs li.selected a{ /*selected main tab style */
	background: url(../images/shadeactive-l.gif) no-repeat left top; color:#000000; }
.shadetabs li.selected a span{ /*selected main tab style */
	background: url(../images/shadeactive-r.gif) no-repeat right top; color:#000000; }
.contentstyle{ border-top: 1px solid #dd4d28; border-bottom: 1px solid #dd4d28; width:680px; padding: 10px; background:#fff6e5; }
.TechTable { font: bold 14px Tahoma, Verdana, Arial, Georgia;}
.TechTable td { border-bottom:1px solid #CCC; padding:5px; line-height:18px;}
.TechTable1 { font: bold 12px Tahoma, Verdana, Arial, Georgia; border:1px solid #CCC;}
.TechTable1 td { border-bottom:1px solid #CCC; padding:5px; line-height:18px; border-left:1px solid #CCC;}
.TechTable1 th { border-bottom:1px solid #CCC; padding:5px; line-height:18px; border-bottom:1px solid #CCC;}

/* -----------------------------------------
   Footer
-------------------------------------------- */
#Footer {margin:auto; height:45px; width:740px; padding:0 10px; background:url(../images/footer.gif) no-repeat; color:#666666;}
.FP1 { float:left; padding:7px 0 0 10px; font-weight:bold;  font-size:13px;}
.FP2 { float:right; padding:7px 10px 0 0; font-weight:bold;  font-size:13px;}
.LargeFNT {font: bold 19px Arial, Helvetica, sans-serif; line-height:26px;}