/*
 * Project:		Dri Design
   #1e2768 - Blue
   #df7a1c - Orange
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body {  font-size: 62.5%; }
.clearfix {clear: both;}
* html body { behavior: url("/styles/csshover.htc"); }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #555; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #791e7e; text-decoration: underline; }
a:hover, a:focus, a:active { color: #791e7e; text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* GENERAL
------------------------------------------- */
li, dt, dd, p, th, td, caption, pre { font-size: 1.225em; line-height: 1.3em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.7em; }
div#main ul {margin-bottom: 1.5em;}
div#main li {line-height: 1.5em;}

p.intro-txt { font-weight: bold; letter-spacing: 0px; color: #e87d1e; margin: 0; padding: 10px 0 0; }

abbr { text-decoration: none; border: none; }


/* headers */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #313c64; padding: 0; }
h1 { font-size: 2.34em; margin: 0; }
h2 { font-size: 1.8em; margin: 0; padding: 0; }
h3 { font-size: 1.429em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

.downloadListContent h3 {padding: 20px 0 0 0;}
/* tables */

table { }
 table th, table td { padding: 5px 10px; /* border: 1px solid #ccc; */ }
 
 
/* links */

a:hover, a:focus, a:active { outline: none; }


/* lists */
#breadcrumbs {border-bottom: 1px solid #EAECEF;}
#breadcrumbs a {text-decoration: none; color: #ADABAB; font-size: 1.1em; padding: 0 5px;}


/* LAYOUT
------------------------------------------- */

#topContentWrapper { width: 100%; background: white url(../images/template/backgroundGrid4.gif) repeat-x top center;}
#topContent {width: 850px; margin: 0 auto; position: relative;}

#bottomContentWrapper {width: 100%; background: #1e2768 url(../images/template/FooterBackgroundGrid.gif) repeat-x top center; height: 40%; position: absolute;}
#bottomContent {width: 850px; margin: 0 auto;}

#headerWrapper {height: 110px; position: relative;}
#headerLogo {width: 179px; height: 92px; float: left; top: 10px; position: relative;}
#navWrapper {width: 600px; float: right; bottom: 0 ; right: 0; position: absolute;}
#homeBoxesWrapper {width: 850px;}

.homeBox {float: left; height: 155px; width: 252px; background: transparent url(../images/template/homeBoxBackground2.gif) no-repeat; 
padding: 10px;}
.homeBoxTitle {color: #d28341; font-size: 1.4em; padding: 0 0 5px 0;}

#whyDriDesign {width: 220px; height: 135px; overflow: auto;}
#mainImage {width: 779px; height: 293px; padding: 20px; background: transparent url(../images/template/flashBackground.gif) no-repeat; position: relative;}
#mainImage div {top: -2px; position: relative;}
#aboutMainImage {width: 700px; height: 261px; padding: 20px; background: transparent url(../images/template/aboutflashBackground.gif) no-repeat; position: relative;}

.innerBox {float: left; height: 200px; width: 352px; background: transparent url(../images/template/innerBoxBackground2.gif) no-repeat; 
padding: 10px;}
.innerBoxTitle {color: #d28341; font-size: 1.4em; text-transform: uppercase; padding: 0 0 5px 0;}

#bottomContentWrapper {padding: 30px 0 0 0;}
#designGuideWrapper {width: 220px; float: left; padding: 0 20px 0 0; color: white;}
#bottomNavWrapper {float: left;}
#requestInfo {float: left; padding: 0 20px 0 0;}
#bottomContent h2 {background: url(../images/template/boxIcon.gif) no-repeat center right; display: inline; padding: 0 20px 0 0; color: white;}
.designGuideImage {float: right; width: 215px}
.designGuideContent {float: left; width: 260px}

#sustainability {float: left; width: 220px; padding: 0 20px 0 0; color: white;}
#contentCol1 {float: left;}
#contentCol2 {float: left; width: 600px; /* background: white; */ padding: 0 0 20px 0;}

#contentWrapper {background: url(../images/template/contentbackground.png) no-repeat; margin: -18px 0 0 0;}
#mainContent {width: 750px; margin: 0 auto; padding: 30px 0 0 0;}
#pageContent {padding: 20px 0 20px 0; min-height: 400px;}

#sustainImage {float: left;}
#sustain {}

#requestInfoContent {}
#requestInfoContent label {float: left; width: 8em;font-weight: bold; font-size: 14px;}
#requestInfoContent input {border-color: #ADABAB; border-style: solid; margin-left: 1.5em;}
 .cat_button {width: 5em;}
.cat_textbox2 {width: 20em;}
#preferred	label			{width: 15em;}
#preferred	input			{width: 2em;}

#featuredHeaderWrapper {height:252px; background: url(../images/template/headerImageBackground1.jpg) no-repeat left; margin: 0 0 15px 0; float: left; padding: 0 0 0 15px;}
#featuredHeaderImage {height:252px; background: url(../images/template/headerImageBackground2.jpg) no-repeat right; float: left; padding: 0 30px 0 0;}
#featuredHeaderImage img {top: 15px; position: relative;}


/* Navigation
------------------------------------------- */

#nav {height: 45px;}
#nav ul {z-index: 10; display: block; list-style: none; margin: 0; padding: 0; padding: 0 0 0 5px;}

#nav ul li {height: 45px; z-index: 10; position: relative; float: left; display: inline; font-size: 1.5em; margin: 0 1px; background: transparent url(../images/template/navbackground.png); border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; }
#nav ul li a { display: block; text-decoration: none; padding: 5px 14px; text-align: center; position: relative; top: 5px; color: black; font-weight: bold;}
#nav ul li:hover { background: #27347a;}
#nav ul li:hover a { color: white;}
#nav ul li.selected { background: #27347a;}
#nav ul li.selected a {color: white;}

#bottomNav ul {z-index: 10; display: block; list-style: none; margin: 0; padding: 0; padding: 0 0 0 10px;}

#bottomNav ul li {font-size: 1em; margin: 0 1px; }
#bottomNav ul li a { display: block; text-decoration: none; text-align: left; position: relative; color: white;}
#bottomNav ul li a:hover {color: #d28341;}

body#driPage li#liDri-design {background: #27347a;}
body#driPage li#liDri-design a {color: white;}

body#ombraePage li#lliOmbrae {background: #27347a;}
body#ombraePage li#lliOmbrae a {color: white;}

body#detailsPage li#liDetails {background: #27347a;}
body#detailsPage li#liDetails a {color: white;}

body#portfolioPage li#liPortfolio {background: #27347a;}
body#portfolioPage li#liPortfolio a {color: white;}
  
/* Side Navigation
------------------------------------------- */


#sideNav {width: 750px; z-index: 1000; border-bottom: 1px solid #eaecef;}

#sideNav ul {padding:0; margin:0; list-style:none; height:20px; position:relative;}

#sideNav li {float:left; margin: 0 5px 0 0; }

#sideNav li a {display:block; height:20px; line-height:20px; padding:0 30px 0 0; float:left; color:#adabab ; text-decoration:none; font-family:tArial,Helvetica Neue,Helvetica,sans-serif; font-size:11px; font-weight: bold; }

#sideNav ul li:hover { background: url(../images/topNavHover.gif) repeat-x bottom center; }

#sideNav ul li.selected a { color: #27347a;}

/* Subnav Styles */

#sideNav ul li ul {list-style:none; position:absolute; height:20px; left:-9999px; top:20px; z-index:10; }
#sideNav ul li.selected ul {left:0;}
#sideNav ul li ul li a {color:#adabab !important ; font-weight: normal;}
#sideNav ul li ul li:hover { background: none; }
#sideNav ul li ul li a { padding: 0 10px 0 0;}

#sideNav ul li ul li a:hover {text-decoration: underline;}

#sideNav ul li ul li.selected { background: none; }
#sideNav ul li ul li.selected a { text-decoration: underline; color: #27347a !important; }



/*
#sideNavWrapper {width: 200px; padding: 10px 0 0 0;}
#sideNav {width: 150px; background: transparent url(../images/template/sideNavBackground_middle.png) repeat-y right;}
#sideNav ul {z-index: 10; display: block; list-style: none; margin: 0; padding: 0 0 10px 0;}
#sideNav ul li {font-size: 1.2em; padding: 5px 0; width: 135px; }
#sideNav ul li a {color: #313c64; text-decoration: none; margin: 0 0 0 10px;}

#sideNav ul li:hover, #sideNav ul li.selected {background: #313c64;}
#sideNav ul li:hover a, #sideNav ul li.selected a {color: white;}

#sideNavBottom {width: 150px;background: transparent url(../images/template/sideNavBackground_bottom.png) no-repeat bottom right;}
#sideNavTop {width: 150px; height: 12px; background: transparent url(../images/template/sideNavBackground_top.png) no-repeat top right;}
*/



	  
/* Latest Project */

.latestProjectWrapper{width: 230px;}
.latestProjectName {color: #D28341; font-size: 1.4em;}
.latestProjectDescription a {color: #D28341; text-decoration: none;}
.latestProjectDescription a:hover {color: #D28341; text-decoration: underline;}
.latestProjectImage img {padding: 0 8px 5px 0;}

 
/* SPECIFIC
------------------------------------------- */

/* subjects list */

.subjects-list { display: block; overflow: hidden; height: 1%; padding: 5px 0 0 12px; margin: 0; background: #e87d1e; color: #fff; }
 .subjects-list p { font-size: 1.429em; line-height: 2.042em; margin: 0 0 5px; }
 .subjects-list p.note { font-size: 1.444em; font-style: italic; margin: 0 0 5px; }
 ul.col-2-list { display: block; overflow: hidden; height: 1%; margin: 0; padding: 0 0 0 16px;  }
  ul.col-2-list li { float: left;  font-size: 2.2em; line-height: 1.3em; white-space: nowrap; }
  ul.col-2-list li.odd { clear: left; width: 355px; padding-right: 20px; }

/* side-box */
.side-box { background: url(../images/side-box-right-shaddow.png) 100% 0 no-repeat; margin: 0; }
 .side-box-wrap { overflow: hidden; height: 1%; padding: 0 7px 12px 0; background: url(../images/side-box-bottom-shaddow.png) 100% 100% no-repeat; }





/* contact-form */

form.a { display: block; margin: 0; padding: 0; font-family: Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
 form.a h3 { font-size: 1.4em; font-weight: bold; font-family: Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
 form.a p { overflow: hidden; width: 100%; }
  form.a p label { float: left; width: 110px; padding: 6px 15px 0 0; }
  form.a p input { padding: 5px; width: 275px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  form.a p select { padding: 5px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  form.a p textarea { overflow: auto; padding: 5px; width: 275px; height: 100px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  form.a p img { display: block; margin: 10px 0 0; }
 form.a p.tick-a { }
  form.a p.tick-a label { float: none; width: auto; padding: 0; line-height: 20px; vertical-align: middle; }
  form.a p.tick-a input { width: 20px; height: 20px; margin: 0; padding: 0; border: none; vertical-align: middle; }
 form.a p.submit { width: auto; padding-left: 125px; font-size: 1.4em; font-weight: bold; }
 * html form.a p.submit { text-indent: 3px; }
  form.a p.submit button { position: relative; height: 26px; padding: 0 20px; border: none; background: #09467c; color: #fff; font: bold 14px/26px Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  
  
/* post */

div.post-a { margin: 0 0 30px; }
 div.post-a p.date { margin: 0 0 5px; color: #4194b6; font: bold 1.1em/1.25 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; letter-spacing: 2px; }
 div.post-a h1,
 div.post-a h2 { color: #09467c; }
  div.post-a h1 a,
  div.post-a h2 a { color: #09467c; text-decoration: none; }
 div.post-a p.info { clear: both; padding: 10px 0 0; font: 1.2em/1 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  div.post-a p.info span { padding: 0 3px; color: #3e90b3; }
  div.post-a p.info strong { color: #333; text-transform: uppercase; }
   div.post-a p.info strong a { color: #333; text-decoration: none; }

div.comments-a { margin: 20px 0 30px; border: 1px solid #f0ece4; }
.js div.comments-a { display: none; }
 div.comments-a p.side { float: right; padding: 9px 10px 0 15px; font-size: 0.9em; }
 div.comments-a h2 { margin: 0; padding: 10px; background: #fdfde3; color: #3e90b3; font: bold 1.4em/1 Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
 div.comments-a p.empty { margin: 0; padding: 10px; }
 div.comments-a div.comment { padding: 10px; border-top: 1px solid #f0ece4; background: #fafafa; }
 div.comments-a div.alt { background: #fff; }
  div.comments-a div.comment p.author { margin: 0 0 5px; color: #3e90b3; text-transform: uppercase; }
   div.comments-a div.comment p.author a { color: #3e90b3; text-decoration: none; }
  div.comments-a div.comment blockquote { margin: 0; padding: 0; font-family: Georgia,serif; }
   div.comments-a div.comment blockquote p { margin: 0; }
   
div.add-comment-a { margin: 0 0 30px; padding: 0 11px; font-family: Georgia,serif; }
.js div.add-comment-a { display: none; }
 div.add-comment-a h2 { margin: 0 -11px 15px; color: #195285; font: bold 1.6em/1.25 Arial,Helvetica Neue,Helvetica,sans-serif; }
 div.add-comment-a p { }
  div.add-comment-a p label { float: left; width: 80px; padding: 1px 10px 0 0; }
  div.add-comment-a p input { width: 200px; padding: 3px; border: 1px solid #eceae3; }
  div.add-comment-a p textarea { width: 480px; height: 100px; padding: 3px; border: 1px solid #eceae3; }
  div.add-comment-a p button { position: relative; height: 26px; padding: 0 20px; border: none; background: #09467c; color: #fff; font: bold 14px/26px Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
 div.add-comment-a p.captcha { }
  div.add-comment-a p.captcha label { display: block; float: none; width: auto; margin: 0 0 10px; }
  div.add-comment-a p.captcha input { margin: 0 10px 0 0; vertical-align: middle; }
  div.add-comment-a p.captcha img { vertical-align: middle; }
 div.add-comment-a p.message { }
  div.add-comment-a p.message label { display: block; float: none; width: auto; margin: 0 0 10px; }


/* sidebar */  
   
div.BlogRecentPost { }
 div.BlogRecentPost ul { list-style: none; margin: 0 0 15px; padding: 0; }
  div.BlogRecentPost ul li { margin: 0 0 5px; }
  
div.BlogPostArchive { }
 div.BlogPostArchive ul { list-style: none; margin: 0 0 15px; padding: 0; }
  div.BlogPostArchive ul li { margin: 0 0 5px; }
  
div.BlogTagCloud { margin: 0 0 15px; font-size: 1em; word-spacing: 10px; line-height: 22px; font-family: Georgia,serif; vertical-align: baseline; }
 div.BlogTagCloud a { font-size: 1.1em; text-decoration: none; word-spacing: 0; }
 div.BlogTagCloud a:hover,
 div.BlogTagCloud a:focus,
 div.BlogTagCloud a:active { text-decoration: underline; }
 div.BlogTagCloud a.BlogTagCloud-XX-Small,
 div.BlogTagCloud a.BlogTagCloud-X-Small { font-size: 1.1em; }
 div.BlogTagCloud a.BlogTagCloud-Small,
 div.BlogTagCloud a.BlogTagCloud-Medium { font-size: 1.4em; }
 div.BlogTagCloud a.BlogTagCloud-Large,
 div.BlogTagCloud a.BlogTagCloud-X-Large { font-size: 1.8em; }
 div.BlogTagCloud a.BlogTagCloud-XX-Large { font-size: 2.2em; }
 
 
/* newsletter */

form.newsletter-a { width: 450px; height: 90px; padding: 0 0 5px; }
 form.newsletter-a h2 { margin: 0 0 10px; color: #09467c; font-size: 1.8em; }
  form.newsletter-a h2 span { color: #4ea4ba; }
 form.newsletter-a p { position: relative; width: 100%; margin: 0 0 5px; }
  form.newsletter-a p label { font-size: 0.83em; }
  .js #header form.newsletter p label { position: absolute; left: 5px; top: 5px; }
  form.newsletter-a p input { width: 225px; height: 20px; margin: 0 5px 0 0; padding: 4px 4px 0; border: 1px solid #e3e4e4; font-size: 12px; vertical-align: middle; }
  form.newsletter-a p button { position: relative; height: 26px; padding: 0 20px; border: none; background: #09467c; color: #fff; font: bold 12px/26px Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; vertical-align: middle; }
  
  
/* helpers */
 
li.separate { display: block !important; overflow: hidden !important; clear: both !important; float: none !important; width: 100% !important; height: 1px !important; min-height: 0 !important; margin: -1px 0 0 !important; padding: 0 !important; font-size: 1px !important; text-align: left !important; text-indent: -10001px !important; }



/* Calendar Styles */

.eventWrapper {display: none; border-bottom: 1px solid #b2bb1e; margin: 10px 0; width: 400px; margin: 5px 0 10px 30px; padding: 0 0 10px 0;}
#eventJanuary .Jan {display: block;}
#eventFebruary .Feb {display: block;}
#eventMarch .March {display: block;}
#eventApril .April {display: block;}
#eventMay .May {display: block;}
#eventJune .June {display: block;}
#eventJuly .July {display: block;}
#eventAugust .Aug {display: block;}
#eventSeptember .Sept {display: block;}
#eventOctober .Oct {display: block;}
#eventNovember .Nov {display: block;}
#eventDecember .Dec {display: block;}

.Listdate {margin: 0; padding:0;}
.ListDateDescription {margin: 0; padding: 0;}

#newsEventsWrapper h2 {/* border-bottom: 1px solid #b2bb1e; */ margin: 0; padding: 0;}

/* Form Tabs  */

#Formtabs { }

#Formtabs ul { list-style: none; margin: 0; padding: 0; height: 30px;}
#Formtabs ul li { float: left; padding: 10px 10px; background: #b3b3b3; margin: 0 10px 0 0;}

#Formtabs ul li a { display: block; float; left; text-decoration: none; color: white; }

#Formtabs ul li.active  { background: #b2bb1e;}
#Formtabs ul li.active a  { color: white; font-weight: bold;}

#FormParent { clear: both; padding: 10px; background: #daee81;}
#FormProfessional { clear: both; padding: 10px; background: #f1e3ab;}

/* Portfolio */

.portfolioIcon {float: left; margin: 0 30px 0 0;}

/* Specifications */

.specListWrapper { border: 1px solid gray; width: 700px; margin: 0 0 20px 0;}
.specListImage{width: 200px; height: 200px; background: gray; float: left;}
.specListContent {float: left; padding: 10px 0 0 30px;}
.specListContent a {text-decoration: none; color: #1e2768; font-size: 1.3em; background: transparent url(../details-specs/specifications/download.png) right no-repeat; display: block; height: 22px; margin: 20px 0 0 0; padding: 0 30px 0 0;}


/* Design Guide Tab Styles */
#tabs {min-height: 300px; border: 1px solid #e3e3e3; margin: 0 0 30px 0;}
#tabs ul#tabcontrol {list-style: none; padding:10px 0 0 20px; margin: 0; border-bottom: 2px solid #fbc98e; height: 25px;}
#tabs ul#tabcontrol li {float: left; display: block; padding: 0 5px; background: #fed5a9; height: 25px; margin: 0 2px 0 0;}
#tabs ul#tabcontrol li a {text-decoration: none; line-height: 24px; color: white; text-transform: uppercase;}
#tabs ul#tabcontrol li.active {background: #f7941e;}

div#tabs div {padding: 0 0 0 20px;}
div#detail, div#corner {margin: 10px 0 0 0;}

span.detailOptionsContent {display: block; width: 200px; float: left; position: relative;}

span.zoomLink { height: 30px; width: 30px; display: block; position: absolute; bottom: 0; right: 30px;}
span.zoomLink a {display: block; height: 30px; width: 30px; text-indent: -9999em; background: transparent url(../images/template/zoom.png) no-repeat bottom right;}

.panelSizeWrapper {float: left; position: relative; height: 120px; width: 100px; margin: 0 20px 0 0;}
.panelSizeImage {top: 0; position: absolute;}
.panelSizeTitle {bottom: 0; position: absolute; font-size: 1.2em;}

.requestAccessLink {height: 40px; width: 130px;}
.requestAccessLink a {display: block; height: 40px; width: 130px; background: url(../images/template/accessDetails.gif) no-repeat 0 0; text-indent: -9999em;}
.requestAccessLink a:hover {background: url(../images/template/accessDetails.gif) no-repeat 0 -40px;}

.accessSpecsLink {height: 40px; width: 170px;}
.accessSpecsLink a {display: block; height: 40px; width: 170px; background: url(../images/template/accessSpecs.gif) no-repeat 0 0; text-indent: -9999em;}
.accessSpecsLink a:hover {background: url(../images/template/accessSpecs.gif) no-repeat 0 -40px;}

/* Download Tab Styles */
.downloadListContent div {height: 150px; overflow: hidden;}
.downloadListContent ul {list-style: none; padding:0; margin: 0; border-bottom: 2px solid #f1f3f4; height: 25px;}
.downloadListContent li {float: left; display: block; padding: 0 5px; background: #e3a776; height: 25px; margin: 0 2px 0 0;}
.downloadListContent li a {text-decoration: none; line-height: 24px; color: white; text-transform: uppercase; font-size: 11px; padding: 0 10px;}
.downloadListContent li.active {background: #1E2768;}
div#downloadListContent div {padding:0;}

.downloadlistWrapper { border: 1px solid gray; width: 700px; margin: 0 0 20px 0;}
.downloadListImage{width: 200px; height: 200px; background: gray; float: left;}
.downloadListContent {float: left; padding: 0 0 0 30px; width: 470px;}

span.pdfDownload {display: block; padding: 10px 0 5px 0; }
span.pdfDownload a, span.dxfDownload a, span.autocadDownload a {color: #1e2768; text-decoration: none; font-weight: bold; font-size: 12px; background: url(../images/template/downloadsm.png) no-repeat right; padding: 0 20px 0 0;}

span.dxfDownload {display: block; padding: 5px 0;}

span.autocadDownload {display: block; padding: 5px 0;}
p.downloadDescription {padding: 10px 0 0 0;}


/* Detail Downloads */

span.disable1{display: none;}
span.disable0 {display: block; padding: 0 0 10px 0;}
span.tagName {font-size: 1.3em;}
/* Popup Box */

#panelWrapper1 {position:absolute; top:50px; left:100px; height: 50px; width: 50px;}
#panelWrapper2 {position:absolute; top:175px; left:20px; height: 50px; width: 50px;}
#panelWrapper3 {position:absolute; bottom:10px; left:20px; height: 50px; width: 50px;}
#panelWrapper4 {position:absolute; top:230px; left:145px; height: 50px; width: 50px;}
#panelWrapper5 {position:absolute; top: 140px; left:145px; height: 50px; width: 50px;}
#panelWrapper6 {position:absolute; bottom:240px; left:350px; height: 50px; width: 50px;}
#panelWrapper7 {position:absolute; top:170px; right:220px; height: 50px; width: 50px;}
#panelWrapper8 {position:absolute; bottom:175px; left:20px; height: 50px; width: 50px;}
#panelWrapper9 {position:absolute; bottom:250px; left:230px; height: 50px; width: 50px;}
#panelWrapper10 {position:absolute; bottom:190px; left:190px; height: 50px; width: 50px;}
#panelWrapper11 {position:absolute; bottom:160px; right:65px; height: 50px; width: 50px;}
#panelWrapper12 {position:absolute; top:100px; left:230px; height: 50px; width: 50px;}
#panelWrapper13 {position:absolute; bottom:300px; left:385px; height: 50px; width: 50px;}
#panelWrapper14 {position:absolute; bottom:280px; right:100px; height: 50px; width: 50px;}
#panelWrapper15 {position:absolute; bottom:310px; right:25px; height: 50px; width: 50px;}
#panelWrapper16 {position:absolute; bottom:220px; right:25px; height: 50px; width: 50px;}

span.panelContentInner {display: block; padding: 20px; border: 5px solid #f2f2f2; background: white; left: 25px; position: relative;}

span.triggerLinkClose  {position: absolute; bottom: 20px; right: 10px;}

span.triggerLinkClose a {background: none!important; font-size: 3em; color: #e4e4e4!important; font-size: 2em!important;}

.panelContent {background:transparent url(../images/template/downloadBackground.png) no-repeat center;}

.panelContent div { position:absolute; left:40px; display:none; background:transparent url(../images/template/downloadBackgroundArrow.png) no-repeat top left; min-width:300px;z-index: 1000;}

.panelContent div p { margin:0 0 15px; padding:0; color:#cccccc; }

.panelContent div a,.panelContent div a:visited {color: #1e2768; text-decoration: none; font-weight: bold; font-size: 1em; background: url(../images/template/downloadsm.png) no-repeat right; padding: 0 12px 0 0;}

.panelContent div a:hover{color:#df7a1c; background: url(../images/template/downloadsm_over.png) no-repeat right; }

span.triggerLink a { position:absolute; bottom:0px; left:0px; letter-spacing:-1px; color:#fff; font-weight:700; background: transparent url(../images/template/circleButton.png) no-repeat center; display:block; z-index: 500; width: 40px; height: 40px; line-height: 39px; text-align: center; text-decoration: none; font-size: 1.8em;}

span.triggerLink a:hover {background: transparent url(../images/template/circleButtonOver.png) no-repeat center;}


span.triggerLink a.active {background: transparent url(../images/template/circleButton.png) no-repeat center;}

#entireLibrary {position: absolute; bottom: 50px; left: 300px;}
#entireLibrary a {display: block; padding: 10px; background: #27347a; color: white; text-decoration: none; font-size: 1.2em;}
#entireLibrary a:hover {background: #d28341;}


/* New Download Area Styles  */
.dlWrapper { width: 870px; background: transparent url("../images/template/contentbackground.png") no-repeat; height: 250px; margin: 0 0 20px 0;}
.dlpreview {float: left;}
.dlContentWrapper {float: left; width: 500px; padding: 10px 0 0 0;}
.dlpreview {padding: 10px 40px 0 0;}
.dlLinksImage {float: left; width: 100px; height: 100px; margin: 0 5px 0 0;}
.dlLinks {float: left; width: 200px;}
a.zoomImage img {border: 4px solid #00467e;}
.dlWrapperInner {left: 50px; top: 40px; position: relative;}

.dlLinks a,.dlLinks a:visited {color: #1e2768; text-decoration: none; font-weight: bold; font-size: 1em; background: url(../images/template/downloadsm.png) no-repeat right; padding: 0 18px 0 0; line-height: 35px;}
.dlLinks a:hover{color:#df7a1c; background: url(../images/template/downloadsm_over.png) no-repeat right; }
.dlLinks ul {list-style: none; margin: 0; padding: 0;}
.dlLinks li.pdfIcon {background: url(../images/template/fileIcons-pdf.gif) no-repeat left center; height: 25px; padding: 0 0 10px 30px; width: 200px}
.dlLinks li.dxfIcon {background: url(../images/template/fileIcons-dxf.gif) no-repeat left center; height: 25px; padding: 0 0 10px 30px; width: 200px}
.dlLinks li.dwgIcon {background: url(../images/template/fileIcons-dwg.gif) no-repeat left center; height: 25px; padding: 0 0 10px 30px; width: 200px}

#detailDownloadWrapper a { position:absolute; bottom:0px; left:0px; letter-spacing:-1px; color:#fff; font-weight:700; background: transparent url(../images/template/circleButton.png) no-repeat center; display:block; z-index: 10; width: 40px; height: 40px; line-height: 39px; text-align: center; text-decoration: none; font-size: 1.8em;}

#detailDownloadWrapper {width: 740px; height: 530px; background: url(../images/template/detailDownloadsBackground.gif) no-repeat; position: relative;}


/* Popup box for FancyBox */

a#panelWrapper1a {position:absolute; top:50px; left:100px; height: 50px; width: 50px;}

a.downloadlink { position:absolute; bottom:0px; left:0px; letter-spacing:-1px; color:#fff; font-weight:700; background: transparent url(../images/template/circleButton.png) no-repeat center; display:block; width: 40px; height: 40px; line-height: 39px; text-align: center; text-decoration: none; font-size: 1.8em;}
span.downloadWrapper {padding: 30px; display: block;}
span.downloadWrapper a {color: #1e2768; text-decoration: none; font-weight: bold; font-size: 14px; background: url(../images/template/downloadsm.png) no-repeat right; padding: 0 20px 0 0;}

/* Cards
------------------------------------------- */
#cards { position: relative; width: 740px; height: 500px; margin: 20px 0 0 0; }
 #cards .card { position: absolute; width: 220px; height: 326px; padding: 1px; background: url(../images/card.png) no-repeat; }
 
 #cards .card .inner {/* background: transparent url(../images/template/mCardInnerBackground.png);  */margin: 0 5px; padding: 5px; bottom: 70px; position: absolute; width: 85%;}
	#cards .card .inner a {color: white; text-decoration: none; font-weight: bold; font-size: 1.3em; display: block; text-indent: -999999em; width: 100px; height: 35px;}
	#cards .card .inner a:hover {text-decoration: underline;}
	
 #cards .card .inner p {margin: 0; background: url(../images/more_info.png) no-repeat center right; display: block; color: white; width: 100px; height: 35px;}
 #cards .card .outer h2 {display: none;}
 
 * html #cards .card { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/card.png, sizingMethod='scale'); }
  #cards .card .outer { width: 210px; height: 260px; padding: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
 #cards .card-01 .outer { background: transparent url(../images/mCardTemplate1.gif) no-repeat; }
 #cards .card-02 .outer { background: transparent url(../images/mCardTemplate2.gif) no-repeat; }
 #cards .card-03 .outer { background: transparent url(../images/mCardTemplate3.gif) no-repeat; }
 #cards .card-04 .outer {background: transparent url(../images/mCardTemplate4.gif) no-repeat; }
 #cards .card-05 .outer { background: transparent url(../images/mCardTemplate5.gif) no-repeat; }
 #cards .card-06 .outer { background: transparent url(../images/mCardTemplate6.gif) no-repeat; }
 #cards .card-07 .outer { background: transparent url(../images/mCardTemplate7.gif) no-repeat; }
 #cards .card-08 .outer { background: transparent url(../images/mCardTemplate8.gif) no-repeat; }
 #cards .card-09 .outer { background: transparent url(../images/mCardTemplate9.gif) no-repeat; }
 #cards .card-10 .outer { background: transparent url(../images/mCardTemplate10.gif) no-repeat; }

 #cards .cardPos1 { z-index: 400; left: 250px; top: 180px; }

 #cards .cardPos2 { z-index: 300; left: 100px; top: 135px; } 
 #cards .cardPos3 { z-index: 300; left: 400px; top: 135px; } 

 #cards .cardPos4 { z-index: 200; left: 20px; top: 74px; } 
 #cards .cardPos5 { z-index: 200; left: 250px; top: 94px; } 
 #cards .cardPos6 { z-index: 200; left: 500px; top: 74px; } 
 
 #cards .cardPos7 { z-index: 100; left: 40px; top: 20px; } 
 #cards .cardPos8 { z-index: 100; left: 260px; top: 40px; } 
 #cards .cardPos9 { z-index: 100; left: 480px; top: 20px; } 
 #cards .cardPos10 { z-index: 50; left: 260px; top: 0px; } 

/* Sustainability */

#sustainabilityWrapper {}
#sustainabilityWrapper a:link {color: white; text-decoration: none;}
#sustainabilityWrapper a:hover {color: white; text-decoration: none;}
#sustainabilityWrapper a:visited {color: white; text-decoration: none;}
#sustainabilityImage   {float: right; margin-right: 5px;}
#sustainabilityText	   {width: 155 px; float: left; width: 160px;}
#sustainabilityTitle   {float: left;}	


/* teaser ads */

#teaserwrapper	{}
#teasertext	{font-size: 10.5px; text-transform: uppercase;}
#teasertext img {margin-right: 10px;}
#teasersightings	{color: #df7a1c; font-weight: bold; text-transform: uppercase; font-size: 8.5px; font-family: Verdana;}
#teasersightings a	{color: white; text-decoration: none; padding: 5px 10px; border: 1px solid gray; display: block; background: #df7a1c; margin: 0 0 5px 0;}
#teasersightings a:visited	{color: white; text-decoration: none;}
#teasersightings a:hover	{color: white; background: #b56011; text-decoration: none;}

input#CaptchaV2 {margin-left: 0;}