/* Start of CMSMS style sheet 'RPO Style' */
/* CSS for RPO Optics */

/***************************************************************/
/************************[ Resets ]*****************************/
/***************************************************************/

html,body{height: 100%; margin: 0;}
body{font-family: Univers, Helvetica, Arial, Verdana, sans-serif; font-size: small; color: black; background: #5c5b5c url('uploads/images/body_bg.png') repeat-x;}
a img{border: 0;}
a:link{color: #275072; text-decoration: underline;}
a:hover, a:active{color: black;}
a:visited{color: black;}

/***************************************************************/
/***********************[ Positioning ]*************************/
/***************************************************************/

#wrapper{position: absolute; width: 850px; left: 50%; margin-left: -425px; margin-top: 17.5px;}
#header{float: left; width: 850px; height: 162px; background: url('uploads/images/header_bg.png'); background-position: center top; background-repeat: no-repeat;}
#header-container{text-align: center; float: left;}
#header-container-margin{ margin: 18px 55px 0 54px;}
#top-header{float: left; height: 100px; overflow: hidden;}
#logo{width: 137px; height: 86px; float: left;}
#utility-nav{width: 602px; float: left; margin: 28px 0 0 0; line-height: 1px;}
#search{ text-align: right; margin-bottom: 24px;}
#search p{margin: 0;}
#search .search-box{border:1px solid #CCCCD2;color:#CCCCD2;font-style:oblique;height:14px;padding-right:5px;text-align:right;width:100px;}
#utility-nav-links{width: 536px; float: right; font-size: 10px; color: #9a99a6; text-align: right;}
#utility-nav-links a{text-decoration: none; font-size: 10px; color: #9a99a6; line-height: 20px; padding: 4px;}
#utility-nav-links a:hover, #primary-nav-links a:active{color: #71a3c3 !important;}
#utility-nav-links a:visited{color: #9a99a6;}
#map{width: 64px; float: left; text-align: right;}
#secondary-nav{float: left; height: 30px; line-height: 30px; text-align: center;}
#secondary-nav a{line-height: 30px;}
#middle{float: left; width: 850px; background: url('uploads/images/page_bg.png'); padding-bottom: 15px;}
#footer{float: left; width: 850px; height: 45px; min-height: 45px;background: url('uploads/images/footer_bg.png') no-repeat;}
.content{margin: 0 55px 0 54px;} 
#footer .content{text-align: center;}
#numberDisplay{display: none !important;}
#flash{position: relative; z-index: 0;}

/***************************************************************/
/***************************[ Style ]*****************************/
/***************************************************************/
a.read-more{font-style: oblique; text-decoration: none; color: #556e7a;}
#footer .content .address{color: #274f71; font-size: 12px; margin-top: 0;}
#footer .content .copyright{color: #ffffff; font-size: 10px; margin-top: 23px;}
li.odd{background: #e1e1e1;}
li.even{background: #f0f0f0;}
.slideshow{position: relative; margin-bottom: 15px; float: left; z-index: 0;}
.copy{float: left; font-size: 12px; background: #f0f0f0; width: 740px}
.title{height: 30px; line-height: 30px; padding-left: 10px; background: #f0f0f0; color: #929292; font-size: 12px; font-weight: bold;}
h2.title{font-size: 18px; color: black; font-weight: bold; height: auto;}
.clear{clear: both;}
table.chart{border: 1px solid black; margin: 10px 0 20px 1px;}
table.chart thead{}
table.chart th{text-align: left; padding: 5px 15px 5px 5px; background: #bbbbbb; color: black;}
table.chart td{background: white; padding: 5px;}
table.chart tr{border-bottom: 1px solid #d0d0d0;}
table.chart tr.even td {background: white;}
table.chart tr.odd td{background: #f8f8f8;}
table.chart caption{font-size: 14px; margin-top: 20px; text-align: left; padding-left: 5px;}
table.chart col{border-right: 1px solid #d0d0d0;}
table.chart col.last{border: black;}

.news-events table.chart{width: 100%;}
.rpo-moldable-glass-data table.chart{width: 100%;}

.NewsSummary{margin-bottom: 15px; float: left;}
.NewsSummary div{float: left;}
.NewsSummary p{float: left;}
.NewsSummaryCategory{display: none;}
.NewsSummaryAuthor{display: none;}
.NewsSummarySummary{float: left;}

.pad10{padding: 10px;}
.pad10 h3{margin-top: 0;}
.home .optir .pad10{padding: 10px;}

.print{float: right; text-align: right; margin-right: 2px; margin-bottom: 10px; font-size: 11px; line-height: 11px; width: 740px;}
.print a img{vertical-align: middle; padding-bottom:2px}

/***************************************************************/
/**********************[ Page-specific Style ]************************/
/***************************************************************/

/*Home Page*/
.divider{font-size: 1px;}
.home .pad10{padding: 0;}
.home .copy{background: white;}
.home h2.title{display: none;}
.top{float: left; width: 739px; height: 161px; overflow: hidden; margin-bottom: 5px;}
.bottom{float: left; width: 739px; height: 155px; overflow: hidden;}
.optir{width: 484px; height: 161px; float: left; background: #f0f0f0 /*url('uploads/images/lenses.jpg') right no-repeat*/;}
.optir .introduction{font-size: 14px; font-weight: bold; color: #556e7a; width: 400px; margin: 10px;}
.optir .optir-text{font-size: 11px; width: 484px; line-height: 1.28em;}
.optir .optir-text p{margin: 0;}
.top .divider{float: left; width: 1px; height: 161px; background: #dcdcdc; margin: 0 5px; border: 0; border-color: white;}
.news-and-events{width: 244px; float: left;}
.news-and-events a{text-decoration: none;}
.news-and-events ul{display: block; height: 161px; overflow: hidden; padding: 0; margin: 0}
.news-and-events li{height: 19px; padding-left: 10px; font-size: 10px; line-height: 19px;}
.videos{width: 238px; float: left; background: #f0f0f0; height: 155px;}
.get-to-know-us-box{width: 235px; float: left; background: #f0f0f0; height: 155px;}
div.catalog{width: 244px; float: left; background: #f0f0f0; height: 155px;}
.bottom .divider{float: left; width: 1px; height: 255px; background: #dcdcdc; margin: 0 5px; border: 0; border-color: white;}
.thumb-pdf{float: right; margin: 10px; }
.bottom p{margin:0 0 0 10px; font-size: 10px;}
.bottom p img{margin-top: 10px;}
.news-and-events-list ul, .news-and-events-list li{list-style: none;}
.lightbox-thumbs img{width: 75px; border: 1px solid #666;}
.lightbox-thumbs a{display: block; float: left; padding: 10px; line-height: 0;}
.lightbox-thumbs a:hover{background: #ddd;}

/*Home Page*/
.home #tertiary-wrapper{display: none;}

/*Contact Page*/
.contact-rpo{width: 233px; margin-bottom: 15px;float: left;}
.contact-kanter{width:233px; margin-bottom: 15px; float: left;}
.contact-optronics{width:233px; margin-bottom: 15px; float: left;}

/*Diamond Turning*/
.diamond-turning table.chart{border: 1px solid black; margin: 0 0 20px 1px;  width: 365px;}
.diamond-turning .left-col{width: 366px;  float: left;}
.diamond-turning .right-col{width: 334px;  height: 300px; float: right;}
.diamond-turning p{clear: both;}

#tertiary-wrapper{min-height: 15px; background: #bbb; padding-top: 3px;}

/* optir-1-optir-3-charts */
.optir-1-optir-3-charts table.chart{width: 300px; margin-right: 10px;}

.NewsSummary div{width: 366px; float: left;}
.NewsSummary p{width: 366px; float: left;}
/* End of 'RPO Style' */