@import url(style_element.css);

/* HTML tag styles */


body, table, td, th { margin-top: 0px; margin: 0; padding: 0; border: 0; font-family: Helvetica, Arial, sans-serif;

                    font-size: 12px; color: #000; text-align: left; vertical-align: top; }

body { background: #FFF; behavior:url("/fileadmin/topcon_design/hover.htc"); } /* BRIAN ADDITION */
td.mainpageThreeCols { width: 245px;}
p.bodytext { margin: 0px; padding: 0px; border: 0px;}
.mainpageThreeDivs { clear: both; }

/*body { behavior: url(csshover.htc); }  BRIAN ADDITION */

body.padded { padding: 0; } /* BRIAN ADDITION */

table { margin: 0; padding: 0; border: 0; }



th { font-weight: bold; }

div { display: block; margin: 0; padding: 0; }

input, select { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}



/********** TOPCON STANDARD **********/

div.text                   { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight: bold; font-size: x-large;     }

div.text2                  { font-family: Arial, Helvetica, sans-serif; color: red;           }



div.centerText             { vertical-align: middle;                                          }

ul.list                    { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;       }

ul.list li                 { list-style-type: none;                                           }

img                        { border: none;                                                    }

div.headerBackground       { background: #FFF url(./head_bg.gif) repeat-x; height: 50px; }

div.topconHeader           { width: 750px; margin: 0 auto; background-image: url(./topcon_header_logo.gif); background-repeat: no-repeat; height: 50px; }

div.topconHeaderElement    { position: relative; float: right;                                }



div.navBackground          { background: #FFF url(./nav_bg.gif) repeat-x; height: 19px; }

/* Added navigation class for use with drop down menus.  This will define width, alignment, float positioning and allow child elements to be floated */

div.navigation             { width: 750px; margin: 0 auto; z-index: 99; position: relative; }

div.screenBackground       { padding: 20px; }

div.topconScreen           { margin: 0 auto; width: 750px;}

div.topconBrochure		   { padding: 8px 0px 0px 0px; font-weight: bold; font-family: Helvetica,  Arial, sans-serif; font-size: 11px; line-height: 1.5em;}

div.topconBrochure a {
	
}

div.topconBrochure a:link  { text-decoration: underline; color: #0066CC; }

div.topconBrochure a:hover  { text-decoration: underline; color: #003366; }

div.topconBrochure a:visited  { text-decoration: underline; color: #0066CC; }

div.footerBackground       { }

div.topconFooter           { font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #FFF; margin: 0 auto; background: url(./footer_bg.gif) no-repeat; width: 750px; clear: both;  height: 36px;}

div.topconFooter a:link   { color: #FFF; text-decoration: underline; }

div.topconFooter a:hover   { color: #FFF; text-decoration: underline; }

div.topconFooter a:visited   { color: #FFF; text-decoration: underline; }



/* Portal Styles */

.portal_HeaderBackground { height: 346px; width: 200px z-index: 0; background-repeat: no-repeat; }

.portal_body { background: #FFFFFF url(./portal_bg.gif) repeat-x; margin-top: 0px }

.portal_screen { font-family: Helvetica, Veranda, Arial, sans-serif; padding: 0; position: absolute; z-index: 12; width: 750px; right: 0px; left: 0px; top: 0; }

.portal_feature { background-repeat: no-repeat; position: absolute; height: 161px; width: 546px; left: 200px; top: 0; z-index:4 }

.portal_nav { position: absolute; z-index: 9999; width: 695px; left: 61px; top: 140px;}

.portal_featureBackground { no-repeat; position: absolute; width: 546px; height: 185px; left: 200px; top: 161px; }

.portal_intro { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #FFFFFF; position: absolute; z-index: 2; width: 400px; left: 178px; top: 415px; }

.portal_footer { font-family: Helvetica, Arial, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #999999; position: absolute; z-index: 2; width: 730px; left: 10px; top: 525px; background-position: right; text-align: right; }

.portal_footer a:link { text-decoration: underline; color: #999999; }

.portal_footer a:hover { text-decoration: underline; color: #666666; }

.portal_footer a:visited { text-decoration: underline; color: #999999; }



/* Screens */

div.content                { margin: 0; padding: 0; font-family: verdana, Arial, Helvetica, sans-serif; font-size: small; }



div#portalScreenTemp                  { padding: 0; position: relative;}

div#portalScreenTemp div#sectionOne   { text-decoration: none; font-family: Helvetica,  Arial, sans-serif; font-size: 11px; height: 161px; width: 730px; text-align: right;}


/*
div#portalScreenTemp div#sectionOne a, a:visited { text-decoration: none; color: #0066CC; }
*/
div#portalScreenTemp div#sectionOne a:hover { text-decoration: underline; color: #003366; }

div#portalScreenTemp div#sectionTwo   { height: 193px; width: 730px; border: 0; margin:0; }

div#portalScreenTemp div#infoSection  { width: 750px; display: inline; }

div#portalScreenTemp div#sectionThree { width: 240px; float: left; border: 0; margin: 0 0 0 10px; }

div#portalScreenTemp div#sectionFour  { width: 240px; float: left; border: 0; margin: 0 0 0 5px; }

div#portalScreenTemp div#sectionFive  { width: 240px; float: left; border: 0; margin: 0 0 0 5px; }



div#productScreenTemp                  { padding: 0; position: relative; }

/*div#productScreenTemp div#sectionOne   { height: 195px; background-color: #FFF; }*/

div#productScreenTemp div#sectionTwo   { float: left; border: 0; width: 580px; margin:0; }

div#productScreenTemp div#sectionThree { float: right; border: 0; width: 160px;margin: 0 0 0 0px; }



div#SeriesScreenTemp                  { padding: 0; position: relative; }

div#SeriesScreenTemp div#sectionOne   { float: left; border: 0; width: 580px; margin:0; }

div#SeriesScreenTemp div#sectionTwo   { float: right; border: 0; width: 160px;margin: 0 0 0 5px; }



h1, h2, h3, h4 { font-weight: bold; line-height: 1.5em; margin: 0; padding: 0.25em 0; } /* BRIAN ALTERATIONS */

h1 { font-size: 200%; margin: 0; } /* BRIAN ALTERATIONS */

h2 { font-size: 150%; }

h3 { font-size: 125%; }

h4 { font-size: 110%; }



p {line-height: 1.5em; }

li { margin-bottom: 1.5em; }



img { border: 0; }

img.right { float: right; margin: 0 0 5px 10px; }

img.left { float: left; margin-left: 2em; }

img.border { border: 1px solid #000; }



form {margin: 0; padding: 0;}



.useFlow {  }

.clearFloats { clear: both; }



/* Search / Form Elements - BRIAN ADDITION */

form.formBox { margin: 0 0 0.25em; border: 1px dotted #666; padding: 0.5em 0; background: #CCE0F5; text-align: center; vertical-align: middle; height: 50px;}

form.formBox label { color: #003366; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;  }

form.formBox input { font-size: 100%; }

form.formBox input.formField { width: 100px; }

p.forgetLink { margin: 0; padding: 0; text-align: center; font-size: 90%;  }



p.loginInfo { margin: 0; padding: 0.25em; }

p.loginInfo strong { font-weight: bold; }

p.loginInfo a { font-size: 80%; }



/* Print Elements - BRIAN ADDITION */

div.printHeader { width: 100%; overflow: hidden;   }

div.printHeader img { float: left; margin-right: 1.5em; }

div.printHeader h3 { float: right; text-align: center; }



p.printAddress { float: left; }

p.printContact { float: right; text-align: right; }

p.printCopy { clear: both; text-align: center; margin-top: 1em; }



/*  THE STYLES BELOW ARE PRE-CR1 */



/* forgotten password */

div.forgotForm { width: 60%; }



/****** Breadcrumbs styles ******/

p.history { margin: 0; padding: 0.5em; font-size: 95%; }  /* BRIAN ALTERATIONS */



/****** Content Block styles ******/

div.contentblock { margin-bottom: 1.5em; }

div.contentblock li { line-height: 1; padding: 0 0 0 0; }

div.contentblock div { clear: both; }

h2.content5 { clear: none; margin: 0; padding: 0 0 0 15px; }

h3.content5 { margin: 0; padding: 0 0 0 15px; line-height: 1; }

div.contentblock p { margin-left:1.5em; padding-top: 0; }



div.contentblock2 { margin-bottom: 1.5em; }

div.contentblock2 div { clear: both;}

div.contentblock2 h3 { clear: none; margin: 0; padding: 0; }

div.contentblock2 p { margin-top: 0; padding-top: 0; font-size: 1.25em; }



/* options and accessories table*/

table.optionstable { width: 100%; }

table.optionstable td { vertical-align: bottom; }



/* parametric search styles */



h3.search { font-family: Arial, Helvetica, sans-serif; font-size: 95%; color: #FFFFFF; text-align: center; border-bottom: 2px groove #999999; background-color: #808080; }



div.relbox { position: relative; height: 200px; padding-left: 0; margin-left: 0; }



div.bottom a { font-family: Arial, sans-serif; font-weight: bold; color: black; }



table.demo { padding: 0; width: 100%; }

table.demo tr:hover td.demotd { background-color: #FFFF66; }

table.demo td.demotd { padding: 0px 10px 0px 10px; margin: 0; border-bottom: 1px dotted #999999; text-align: center; }



/****exclusive Ordering element styles****/



table.vertical-prodtable td.buttontd { padding: 0px 15px 0 15px; vertical-align: middle; /* margin: auto; */ }

table.vertical-prodtable td.bold { font-weight: bold; }



/*******Styles for web_module admin base element 1.inc********/



.elementNameAdmin { text-align: left; padding: 0 0 0 10px; width: 100%; font-weight: bold; }



#displaymore{ display: none; }

#displayless{ display: inline; }



.shiftRight { text-align: right; }

.shiftCenter { text-align: center; }



/*******static link on portal page for product feature********/

.anchorABSOLUTE { position:absolute; z-index:1; left: 430px; top: 310px; font: bold 11px Arial, Helvetica, sans-serif; line-height: 12px; }

.anchorCOLOR:link { text-decoration: none; color: #FFFFFF; }

.anchorCOLOR:active { text-decoration: none; color: #FFFFFF; }

.anchorCOLOR:hover { text-decoration: underline; color: #666666; }

.anchorCOLOR:visited { text-decoration: none; color: #FFFFFF; }



/*  IE Bug Hacks */

/* * html #productScreenTemp { height:1%; overflow: visible; } /* BRIAN ADDITION */

 * html #sectionOne { height: 1%; overflow: visible; } /* BRIAN ADDITION */

 * html .tabNav { overflow: visible; height:1%;   } /* BRIAN ADDITION */

 * html .printHeader { height:1%; overflow: visible; } /* BRIAN ADDITION */

 * html .productDescription { height:1%; overflow: visible; } /* BRIAN ADDITION */

 * html .productCLFT { height: 1%; overflow: visible; } /* BRIAN ADDITION */



/* */
.leftpictureText {
	position:absolute;
	left:0px;
	top:0px;
	height:346px;
	width:200px;
	text-align:center;
	float:both;
	margin:0px;
	padding:0px;
	border:0px;
	z-index:12;
}
.leftpictureText table {
	height:346px;
	width:200px;
}
.leftpictureText table td {
	vertical-align:bottom;
	text-align:center;
}
.centerpictureText {
	position:absolute;
	left:636px;
	top:163px;
	height:185px;
	width:200px;
	z-index:1111;
}
.centerpictureText table {
	height:185px;
	width:200px;
}
.centerpictureText table td {
	vertical-align: top;
        padding-top: 146px;
}
.centerpictureTextContent {
	text-align: left;
        padding-left: 0px;
	padding-bottom:0px;
}

.leftpictureTextContent a {
	font-weight: bold;
	color: #0066cc;
}
.leftpictureTextContent a:visited {
	font-weight: bold;
	color: #ffcc00;
}
.leftpictureTextContent a:hover {
	text-decoration: underline;
	color: #ffffff;
}

.centerpictureTextContent a {
        font-weight: bold;
	text-decoration: none;
	color: #ccc;
}
.centerpictureTextContent a:visited {
	text-decoration: none;
	color: #ccc;
}
.centerpictureTextContent a:hover {
	text-decoration: underline;
	color: #fff;
}

.leftpictureTextContent {
	text-align: center;
	color: yellow;
	padding-bottom:5px;
}
.searchBoxContainer {
	position:absolute;
	left:545px;
	top:36px;
	height:20px;
	width:100px;
	background-color:green;
}
.globalGateway {
	position:absolute;
	left:600px;
	top:100px;
	height:34px;
	width:128px;
	z-index: 200;
}
.searchfield {
	width: 110px;
	height: 16px;
	border: 1px solid #0065d1;
	background: white;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	margin-top: 2px;
}
.searchbutton {
	margin-left: 5px;
	margin-top: 3px;
	font-size: 12px;
	border: 1px solid #0065d1;
	height: 20px;
	width: 25px;
	color: #0065d1;
	background-color: #d1c7c6;
	font-weight: bold;
}
.searchboxContainer {
	position:absolute;
	left:588px;
	top:32px;
	height:20px;
	width:150px;
	z-index:12;
}

div#salesCatalogMenu0{
	margin: -1 0 0 100px;
	background: ;
	border: 1px solid black;

	/* Added following line to hide borders on top level menu items. */
	border-width: 0px;

	font-family:  , sans-serif;
	font-weight: bold;
	font-size: 11px;
	z-index: 0;
	position: absolute;
	top: 0;
	right: 0px;
}

.cornertype1 {
	width: 6px;
	height: 12px;
	background-repeat:no-repeat;
}
.cornertype1_tb {
	width: 6px;
	height: 12px;
	background-repeat: repeat-x;
}

.cornertype1_lr {
	background-repeat: repeat-y;
	width: 6px;
}
.cornertype1_content {
	background-color: #EEEEEE;
}

.cornertype1_corner_tl {
	width: 6px;
	height: 6px;
	background-image:url('./cornertype1/corner_top_left.gif');
}
.cornertype1_corner_tr {
	width: 6px;
	height: 6px;
	background-image:url('./cornertype1/corner_top_right.gif');
}
.cornertype1_corner_bl {
	background-image:url('./cornertype1/corner_bottom_left.gif');
}
.cornertype1_corner_br {
	background-image:url('./cornertype1/corner_bottom_right.gif');
}
.cornertype1_top_bg {
	height: 6px;
	background-image:url('./cornertype1/background-top.gif');
}
.cornertype1_bottom_bg {
	background-image:url('./cornertype1/background-bottom.gif');
}
.cornertype1_right_bg {
	background-image:url('./cornertype1/background-right.gif');
}
.cornertype1_left_bg {
	background-image:url('./cornertype1/background-left.gif');
}
.table9cell {
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:100%;
}

.cornertype1_content_div {
	padding-top:5px;
	padding-bottom:5px;
}
.cornertype1_content_div a {
	display: block;
	color: #2F82EC;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight: bold;
}

.topdatabox {
	float:right;
	background:transparent;
	width:150px;
	height:50px;
}
.toplinks a, toplinks a:visited {
	color: white;
	font-size: 10px;
	padding-right: 10px;
	text-transform:uppercase;
}
.toplinks a:hover {
	color: #CCCCCC;
}



h1.csc-firstHeader{
  padding: 13px 0px 0px 10px;
  font-size: 12px;
  color: #0066CC;
  font-weight: bold;
  line-height: 1em;
}