/* @override http://www.perfectclean.com/css/perfect_01.css */

/* @group Reset from 960 */

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
a {
	text-decoration: none;
}



/* @end */

body {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
	background: url(../x_imgs/clouds1.jpg) repeat-x;
}

p {
	font: 12px/18px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #5f5f5f;
	margin-bottom: 12px;
}

h1 {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}
h2 {
  	font: 16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #797979;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 3px;
	margin-left: 3px;
	margin-top: 9px;
}

h2.title {
  	font: 22px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #797979;
	padding-bottom: 3px;
	margin-left: 3px;
	margin-top: 17px;
	border-style: none;
	margin-bottom: 5px;
}

#text_area ul li {
	
	font: 12px/14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #5f5f5f;
}

#text_area ul.list li {
	list-style-type: square;
	margin-left: 17px;
}

a,  a:link {
  color: #5779e9;
  text-decoration: none;
}

a:visited {
  color: #4f70d3;
  text-decoration: none;
}

a:hover {
  color: #5273d2;
  text-decoration: underline;
}

a:active {
  color: #6a8ea6;
	text-decoration: none;
}

h3 {
	color: #797979;
	font: 16px Verdana, "Lucida Grande", Lucida, sans-serif;
	padding-top: 9px;
	padding-bottom: 11px;
}

h3.title_product {
	font: bold 16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	padding-top: 0;
	color: #797979;
}

h4 {
	font: 16px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #797979;
	padding-top: 8px;
	padding-bottom: 8px;
}

h5 {
	font: 10px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #797979;
}

h6 {
	color: gray;
	font: 11px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

td {
	color: gray;
	font: 11px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 3px;
	text-align: left;
}

/* @group Award */

h2.award {
		font: 20px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	padding-top: 9px;
	color: #797979;
	border-style: none;
}

#text_area ol li {
	font: 11px/13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: gray;
	margin-bottom: 0;
	list-style-type: decimal;
	margin-top: 5px;
	margin-left: 15px;
}

h3.award {
		font: 16px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #797979;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0;
	padding: 0;
}

h4.award {
		font: 12px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #797979;
	padding-top: 8px;
	padding-bottom: 8px;

}



/* @end */

td h4 {
	border-bottom: 1px solid gray;
	margin-bottom: 9px;
	padding-bottom: 4px;
}

tr.rowstripe {
	background-color: #e8f0fa;
}

table.storetable {
	border-bottom: 1px solid gray;
	margin-bottom: 14px;
}

td.headings {
	font-size: 11px;
	line-height: 12px;
}

span.description {
	font-size: 11px;
	line-height: 12px;
	position: relative;
	left: 71px;
	margin-bottom: 8px;
}

span.blue {
	color: blue;
}

span.gray {
	color: gray;
}

span.orange {
	color: orange;
}

span.yellow {
	color: #fcdb16;
}

span.green {
	color: green;
}

p.caption {
	font-size: 11px;
	line-height: 12px;
	padding-top: 7px;
}

a:focus {
  color: #000;
}

#outerWrapper {
  margin: 0 auto 0 auto;
  text-align: left;
  width: 970px;
}
#header {
   font-size: 18px;
  font-weight: bold;
  line-height: 15px;
	height: 42px;
	background-image: url(../x_imgs/header.png);
	text-indent: -1000px;
	margin-top: 7px;
}
#leftColumn1 {
  float: left;
  width: 230px;
	display: inline;
	padding: 0;
	margin: 0;
	height: 420px;
}

#content {
	width: 400px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 242px;
}

#contentWrapper {
	z-index: auto;
	display: inline-block;
	position: relative;
	background: url(../x_imgs/white_bck.png) repeat-y;
	width: 970px;
}

#contentWrapperHome {
	z-index: auto;
	display: inline-block;
	position: relative;
	background: url(../x_imgs/white_bck.png) repeat-y;
	width: 970px;
	height: 623px;
}

img.maintitle {
	float: none;
	position: relative;
	left: 13px;
}

#rightColumn1 {
  float: right;
  width: 310px;
}

#menu_area {
	top: 13px;
	position: relative;
}

div#babel {
	z-index: 1;
	position: relative;
	top: 12px;
	left: 54px;
}

#menu_area p.announce {
	font-size: 13px;
	line-height: 14px;
	border: 1px solid red;
	padding: 4px;
	width: 153px;
	text-align: center;
	position: relative;
	top: 14px;
	left: 36px;
}

#column_wide {
	float: right;
	width: 720px;
}

/* @group customers */

#text_area table.customers tbody tr td {
	padding: 6px;
}

#text_area table.customers h3 {
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	margin-bottom: 0;
	padding-bottom: 5px;
	padding-top: 0;
}

#text_area table.customers p {
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 0;
	margin-bottom: 6px;
}

#text_area table.customers img {
	border: 1px solid silver;
}



/* @end */

/* @group fiber quantity */

div#compare_a {
	width: 340px;
	float: left;
}

#compare_a h4 {
	margin-top: 0;
	padding-top: 0;
}

#compare_b h4 {
	margin-top: 0;
	padding-top: 0;
}

div#compare_b {
	width: 345px;
	float: right;
	color: #6a9fda;
}



/* @end */

/* @group company */

img.brochcover {
	float: left;
	padding-right: 8px;
	padding-bottom: 9px;
}

img.Micrillon_logo {
	float: right;
	position: relative;
	bottom: 36px;
	right: 23px;
}



/* @end */

/* @group comparison table */

#text_area table.competitor_table tbody tr td {
	font-size: 11px;
	color: #5f5f5f;
	line-height: 13px;
}

span.rowtitle {
	font-weight: bold;
	text-align: right;
}

td.rowtitle {
	text-align: right;
	font-weight: bold;
	padding-right: 17px;
}

table.competitor_table {
	margin-bottom: 18px;
}



/* @end */

/* @group microscopic */

table.competitor_table tbody tr.color {
	background-color: #eaeaeb;
}

img.microdrawing {
	margin-bottom: 11px;
	float: left;
}

h3.micro {
	width: 220px;
	margin-left: 438px;
}

p.boxed {
	margin-left: 438px;
	margin-bottom: 9px;
}

p.boxed_blue {
	margin-left: 438px;
	border: 1px solid blue;
	padding: 3px;
	margin-bottom: 7px;
}

p.boxed_red {
	margin-left: 438px;
	border: 1px solid red;
	padding: 3px;
	margin-bottom: 7px;
}

#text_area p.boxed {
	border: 1px solid gray;
	padding: 3px;
	font-size: 12px;
	line-height: 13px;
}



/* @end */

/* @group Definitions */

table.definitions {
	border: 1px solid silver;
	margin-top: 4px;
}

table.definitions tr.rowcolor {
	background-color: #f1f1f1;
}

#text_area table.definitions tbody tr td {
}

table.definitions td  {
	font-size: 13px;
	line-height: 14px;
	padding-bottom: 7px;
}


table.definitions h3 {
	padding-right: 13px;
	width: 138px;
	text-align: right;
}



/* @end */

/* @group FAQ */

#productquestion {
	width: 182px;
	margin-left: 24px;
	padding: 6px;
	text-align: center;
	margin-top: 24px;
	border: 1px solid silver;
}

#productquestion p {
	padding: 0;
	font-size: 12px;
	line-height: 12px;
	margin: 0;
}

#productquestion p a {
	font-size: 14px;
}

h4.question {
	color: #557288;
}



/* @end */

/* @group hooks */

img.hooks {
	float: left;
	padding-right: 12px;
}

p.hooks_text {
	padding-top: 20px;
}



/* @end */

/* @group Index Previews */

ul.preview li p {
	font-size: 11px;
	line-height: 11px;
	padding: 0;
	margin-top: 0;
	margin-left: 4px;
	margin-right: 0;
}

ul.preview {
	float: left;
	width: 139px;
	height: 112px;
}

ul.preview:link li a img {
	border: 1px solid silver;
	margin-left: 2px;
	margin-right: 7px;
}

ul.preview li a img {
	border: 1px solid silver;
	margin-top: 7px;
	margin-left: 3px;
	margin-right: 4px;

}

ul.preview:hover li a img {
	border: 1px solid red;
}

p.back_index {
	border: 1px solid silver;
	width: 130px;
	text-align: center;
	margin-top: 19px;
	font-size: 11px;
	margin-left: 5px;
}

p.learn_more {
	border: 1px solid silver;
	text-align: center;
	margin-top: 19px;
	font-size: 12px;
	margin-left: 5px;
	line-height: 13px;
	padding: 5px;
}



/* @end */

/* @group Menu1 */

img.pc_logo {
	top: 14px;
	position: relative;
	left: 34px;
}

div#menu {
	padding-top: 14px;
	display: inline;
	width: 195px;
}

ul#menu1.menu {
	width: 195px;
	margin-left: 24px;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  padding: 0;
  width: 5px;
	margin-top: 2px;
	margin-left: 0;
	margin-right: 0;
}

ul.menu a {
  text-decoration: none;
	display: block;
}

ul.menu li {
	padding-bottom: 0;
	display: inline;
}

ul.menu li a {
  background: white;
  color: gray;
	font: 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	padding: 5px;
	border: 1px solid silver;
	margin-bottom: 3px;
	margin-top: 3px;
	display: block;
}

ul.menu li a:visited {
	background-color: #f5f5f5;
}

#menu1 li a.mon {
	background-color: #769ab8;
	color: white;
}

ul.menu li a:hover {
  background: #eaf1fc;
	display: block;
}

ul.menu li a:active {
  background: #a8d4ff;
	display: block;
}

ul.menu li ul li a {
  background: #eef7fe;
  color: #000;
  padding-left: 16px;
	width: 174px;
	font-size: 11px;
	display: block;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em;
}
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }



/* @end */

/* @group Product pages */

img.colts {
	position: relative;
	bottom: 79px;
	left: 341px;
}



/* @end */

/* @group Colorboxes */

#colorboxes {
	height: 40px;
	margin-top: 10px;
	margin-bottom: 15px;
	position: relative;
	top: 407px;
}

#colorboxes ul {
	padding-right: 0;
	position: relative;
	left: 118px;
}

#colorboxes p {
	text-align: center;
}

#colorboxes ul li {
	display: inline;
	padding-right: 2px;
	background-position: 0;
}



/* @end */

img.science_pic {
	border: 1px solid silver;
	margin-bottom: 10px;
}

/* @group PC University */

img.pcuniversity_logo {
	float: left;
	margin-right: 14px;
	margin-bottom: 192px;
}



/* @end */

/* @group thumbs */

p.thumbs {
	position: relative;
	left: 123px;
	padding-bottom: 0;
	margin-bottom: 0;
	width: 180px;
}

p.previewcolor {
	text-align: center;
}

div#pic_area {
	width: 341px;
	height: 1%;
	border: 1px solid fuchsia;
	margin-bottom: 18px;
	clear: none;
}

#largeImg {
	border: solid 1px #ccc;
	width: 395px;
	height: 395px;
	padding: 5px;
}

.thumbs img {
	border: solid 1px #ccc;
	width: 25px;
	height: 25px;
	padding: 2px;
}
.thumbs img:hover {
	border-color: #FF9900;
}

/* @end */

/* @group popups */

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	

#preview{
	position:absolute;
	border: 1px solid silver;
	display:none;
	padding: 0;
	margin: 0;
}

#preview_box p.caption {
	font-size: 11px;
	color: green;
	padding: 0;
	margin: 0;
}

/* @end */

/* @group accordion2 */

.accordion2 {
	width: 276px;
	border-bottom: solid 1px #c4c4c4;
	margin-bottom: 80px;
}
.accordion2 h3 {
	background: #eeeeef url(../x_imgs/arrow-square.gif) no-repeat right -51px;
	margin: 0;
	font: bold 13px/14px Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	padding: 6px;
}
.accordion2 h3:hover {
	background-color: #bbdcff;
}

#descrip_area div.accordion2 p a {
	color: #5f85a5;
	text-decoration: underline;
}

#descrip_area div.accordion2 p a:hover {
	color: #46b862;
	text-decoration: none;
}

span.matnum {
	font-weight: bold;
	font-size: 11px;
	color: #5f85a5;
}
.accordion2 h3.active {
	background-position: right 5px;
}
.accordion2 p {
	background: #f7f7f7;
	margin: 0;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
	padding: 10px 7px;
	font-size: 11px;
	line-height: 13px;
}

/* @end */

/* @group micrillon */

img.micrillonwipe {
	float: left;
	padding-right: 7px;
}

img.micriLLon.logo {
	margin-top: 17px;
	margin-bottom: 12px;
	padding-left: 41px;
}



/* @end */

/* @group picture */

div#picbox {
	width: 310px;
	float: left;
}

#picbox a img {
	
}

div#picture {
	float: left;
	margin-right: 11px;
	margin-bottom: 9px;
}

#picbox p.caption {
	font-weight: bold;
	color: green;
	margin-top: 0;
	padding-top: 2px;
	font-size: 11px;
}



/* @end */

img.clean_phone {
	float: right;
	position: relative;
	right: 194px;
	margin-bottom: 27px;
}

/* liScroll styles */ 
#pdficon {
	padding-right: 5px;
	position: relative;
	top: 7px;
}

/* @group scroller */

.tickercontainer { /* the outer div with the black border */
border: 1px solid #8cb6db;
background: #fff; 
width: 675px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask {
left: 10px;
top: 7px;
width: 653px;
overflow: hidden;
	position: relative;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
list-style-type: none;
margin: 0;
padding: 0;
	font-family: Verdana;
	font-weight: bold;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	margin: 0 70px 0 0;
} 
ul.newsticker span {
	margin-right: 10px;
} 

/* @end */

#text_area {
	margin-right: 23px;
	margin-bottom: 17px;
	width: 700px;
}

#table_area {
	margin-right: 23px;
	margin-bottom: 14px;
	width: 700px;
}

#descrip_area {
	position: relative;
	top: 61px;
	clear: none;
	float: right;
	margin-right: 24px;
	display: inline;
}
#footer {
	height: 40px;
	clear: none;
	background-image: url(../x_imgs/footer.png);
	top: -3px;
	position: relative;
}

span.footertext {
	color: gray;
	font-size: 9px;
	position: relative;
	top: 12px;
	right: 152px;
	float: right;
}

.clearfloat {
	clear: both;
}