@charset "utf-8";
/* CSS Document */



.clear { clear: both; margin: 0; padding: 0; }
.hidden { display: none; }
.dottedLine { background: url(../images/dots.gif) repeat-x; height: 3px; margin: 5px 0; }

html { background: #C4C4C4 url(../images/pagebg.jpg) repeat-x }
body {
	margin:0;
	padding:0;
	background: url(../images/headerbg.jpg) no-repeat top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #505560;
}

h1, h2, h3, h4, ul, li { margin: 0; padding: 0;}
h1 {}
h2 {font-size: 12px;}

a { text-decoration: underline; color: #00914C; font-weight: bold; }
a:hover { text-decoration: none; }

ul { margin: 0; padding: 0; }
li {}

img {border: 0;}

.fl { float: left; }
.fr { float: right; }

a{ outline:0!important }

.firstP { margin-top: 0; }




/* GLOBAL - LAYOUT / CONTAINERS -------------------- */
.container { width: 942px; margin: 0 auto;	padding-top: 160px;	margin-bottom: 100px; }

#footer { background: url(../images/footer_bar_bg.jpg) no-repeat; height: 32px; padding: 0 25px; padding-top: 13px; color: #fff; margin-top: 10px; text-align: right;}
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
.backtotop { margin: 8px 25px; }
.backlink { margin-right: 25px; }
.backlink a { text-decoration: none; color: #666; font-weight: normal; }
.backlink a:hover { color: #00914C; }

.totoplink a { text-decoration: none; color: #666; font-weight: normal; }
.totoplink a:hover { color: #00914C; }




/* HOME PAGE -------------------- */
#home-image-cycle { background: url(../images/home-image-cycle-bg.jpg); float: left; width: 625px; height: 220px;}
#slider {
	margin: 8px 0 0 8px;
	background: url(../images/nivo/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.flashCarousel { float: left; height: 220px; }
.homeIntro { float: right; width: 273px; height: 160px; background: url(../images/homeintro_bg.jpg) right no-repeat; padding: 30px 20px; text-align: center; }
.homeIntro p { margin: 0; padding: 0 15px;}

#homeButtons { background: url(../images/promobar_bg.jpg) no-repeat; width: 942px; height: 74px; margin-top: 12px; padding-top: 10px; }
#homeButtons table { margin: 0 auto; }




/* MASTER NAVIGATION -------------------- */
#jsddm { position: absolute; margin: 0;	padding: 0;	float: left; margin-left: 215px; margin-top: -65px; z-index: 110; }
#jsddm li { float: left; list-style: none; }
#jsddm li a { display: block; text-decoration: none; white-space: nowrap; padding: 0; margin: 0; color: #fff; padding: 4px 17px; background: url(../images/navdivider.gif) no-repeat right; }
#jsddm li a:hover {	background-color: #019F54; }
#jsddm li ul { background: #00CB5A url(../images/dropdown_bg.jpg) repeat-x; margin: 0; padding: 0; position: absolute; visibility: hidden; margin-top: 9px; border: 1px solid #62DF99; border-top: none; }
#jsddm li ul li	{ float: none; background: url(../images/dropdown_dots.gif) bottom repeat-x; }
#jsddm li ul li a {	width: auto; padding: 10px 25px; background: url(../images/dropdown_arrow.gif) left no-repeat; }
#jsddm li ul li a:hover {  background: #38BF79 url(../images/dropdown_arrow.gif) left no-repeat; }
#jsddm li.last a { background: none; padding-right: 10px; }
#jsddm li.last a:hover { background-color: #019F54; }





/* SECOND LEVEL -------------------- */
.spacer10 { height: 10px; }
#leftPanel { float: left; width: 222px; }

#contentPanelTop { float: right; margin-right: 4px; width: 701px; background: url(../images/content-box-top.jpg) no-repeat; height: 10px; margin-top:4px; }
#contentPanel { float: right; margin-right: 4px; width: 651px; min-height: 452px; background: #fff url(../images/content-box-bg.jpg) left top no-repeat; padding: 15px 25px; font-size: 14px; }
#contentPanelBottom { float: right; margin-right: 4px; width: 701px; background: url(../images/content-box-bottom.jpg) no-repeat; height: 6px; }
#second-level-carousel { float: right; }

#contentPanel a { font-weight: normal; }


.breadcrum { color: #000; margin: 0 25px; }
.breadcrum a { color: #00914C; font-weight: bold; background: url(../images/breadcrum_arrow.gif) no-repeat right; padding-right: 15px; margin-right: 10px; text-decoration: underline; }
.breadcrum a:hover { text-decoration: none; }
.youAreHere { margin-right: 10px; }


#second-level-nav { background: url(../images/second-level-nav-bg.jpg) no-repeat; height: 150px; padding: 12px; }
#second-level-nav ul { margin: 0; padding: 0; }
#second-level-nav ul li { list-style: none; }
#second-level-nav li { background: url(../images/dots-white.gif) bottom repeat-x; }
#second-level-nav li a { padding: 10px 25px; background: url(../images/dropdown_arrow.gif) left no-repeat; display: block; color: #fff; text-decoration: none; }
#second-level-nav li a:hover { background: #01E899 url(../images/dropdown_arrow.gif) left no-repeat; }
#second-level-nav li.current a { background: #01E899 url(../images/dropdown_arrow.gif) left no-repeat; cursor: default; }

.side-panel-info-box { background: url(../images/leftpanel-functionalbox-bg.png) repeat-y; }
.side-panel-info-top { background: url(../images/side-panel-info-top.png) no-repeat; height: 16px; }
.side-panel-info-bottom { background: url(../images/side-panel-info-bottom.png) no-repeat; height: 8px; }

.side-panel-info-content { width: 206px; margin-left: 8px; background: url(../images/second-level-content-bg.jpg) repeat-x; }
.side-panel-info-content .cirtech-manufacturing { text-align: center; width: 200px; background: #fff; margin-left: 3px; padding: 20px 0; }

.second-level-dyk-msg, .second-level-proudly-sa, .shareThis { text-align: center; padding: 20px 0; }
.second-level-dyk-msg { padding-left: 8px;}
.second-level-proudly-sa { padding: 10px 0; }

#newsletter { background: url(../images/newsletter-bg.jpg) repeat-x; margin: -5px 0; text-align: center; padding: 15px 0; }
.newsletter-heading { margin-bottom: 10px; }


.newsletterField { color: #666; border: 1px solid #ACCEF0; background: #fff url(../images/fieldbg.png); width: 160px; height: 18px; padding: 3px 6px; margin-bottom: 15px; font-size: 12px; }
.newsletterFieldFocus{ color: #333; border: 1px solid #1F66B0; background: #FEFBEF url(../images/fieldbg.png); width: 160px; height: 18px; padding: 3px 6px; margin-bottom: 15px; font-size: 12px; }
.newsletter-submit {}


.pageHeading { margin-bottom: 15px;}

.type01 { float: right; margin: 0 0 15px 15px; } 
.type02 { float: left; margin: 0 15px 15px 0; } 
.contentImage img { background: #fff; padding: 3px; border: 1px solid #ccc; }

.capabilitiesTable table { border: 1px solid #ccc; background: #fff; }
.capabilitiesTable table td { font-size: 12px; padding: 5px 10px; }
.capabilitiesTable .heading { background: #00C359; }
.capabilitiesTable .heading td { color: #fff; font-weight: bold; font-size: 14px; }
.capabilitiesTable .blue { background: #D6F5E4; }
.capabilitiesTable .grey { background: #E2E2E2; }

.qualityList { list-style: none; }
.qualityList .listImg { float: left; margin-right: 15px; }

.quoteTable table { border: 1px solid #ccc; background: #fff; }
.quoteTable table td { font-size: 12px; padding: 10px; text-align: center; }
.quoteTable .heading { background: #00C359; }
.quoteTable .heading td { color: #fff; font-weight: bold; font-size: 14px; }
.quoteTable .blue { background: #D6F5E4; }
.quoteTable .grey { background: #E2E2E2; }

.asterix { color: #CC0000; }


.quoteField { color: #666; border: 1px solid #999; background: #fff url(../images/fieldbg.png); width: 140px; height: 18px; padding: 3px 6px; font-size: 12px; }
.quoteFieldFocus{ color: #333; border: 1px solid #333; background: #FEFBEF url(../images/fieldbg.png); width: 140px; height: 18px; padding: 3px 6px; font-size: 12px; }

.downloadItem { width: 150px; text-align: center; padding: 25px; background: #FEFBEF; border: 1px dashed #ccc; }

#faqA01, #faqA02, #faqA03, #faqA04, #faqA05, #faqA06, #faqA07, #faqA08, #faqA09, #faqA010, #faqA011, #faqA012 { display: none; }
.questionHeading { background: #D6F5E4; padding: 5px 15px; font-size: 14px; margin-bottom: 5px; }
.questionHeading a { text-decoration: none; }
.questionHeading a:hover { color: #000!important; }

.questionAnswer { background: #FEFBEF; padding: 15px; border: 1px dashed #ccc; margin-bottom: 25px; }


#contactPanelTop { float: right; margin-right: 4px; width: 701px; background: url(../images/contact-box-top.png) no-repeat; height: 10px; margin-top:4px; }
#contactPanel { float: right; margin-right: 4px; width: 651px; min-height: 452px; background: #fff url(../images/contact-box-bg.png) left top no-repeat; padding: 15px 25px; font-size: 14px; }
#contactPanelBottom { float: right; margin-right: 4px; width: 701px; background: url(../images/contact-box-bottom.png) no-repeat; height: 20px; }

#contactPanel a { font-weight: normal; }


.contactField { color: #666; border: 1px solid #ACCEF0; background: #fff url(../images/fieldbg.png); width: 250px; height: 18px; padding: 3px 6px; margin-bottom: 15px; font-size: 12px; }
.contactFieldFocus{ color: #333; border: 1px solid #1F66B0; background: #FEFBEF url(../images/fieldbg.png); width: 250px; height: 18px; padding: 3px 6px; margin-bottom: 15px; font-size: 12px; }
.contactTA { color: #666; border: 1px solid #ACCEF0; background: #fff url(../images/fieldbg.png); width: 250px; height: 100px; padding: 3px 6px; margin-bottom: 15px; font-size: 12px; }
.contactTAFocus{ color: #333; border: 1px solid #1F66B0; background: #FEFBEF url(../images/fieldbg.png); width: 250px; height: 100px; padding: 3px 6px; margin-bottom: 15px; font-size: 12px; }

.contactDetailsBox { float: right; width: 170px; font-size: 11px; margin-right: -10px; }
.contactDetailsBox h2 { font-size: 12px; color: #008C43; }

.contactFormBox { float: left; width: 445px; }

.contactMap { float: left; background: #fff; padding: 4px; border: 1px solid #ccc; margin-left: 10px; }
.locationBox { float: right; width: 150px; }
.locationBox h2 { font-size: 14px; color: #008C43; }


#faqA01 ul, #faqA03 ul, #faqA07 ul, #faqA010 ul, #faqA012 ul { padding: 0 25px; }

ul.contentList { margin: 0 25px;}
ul.contentList li { padding: 8px 0;}


.prodList ul { margin: 0 25px; }
.prodList ul li { padding: 8px 0;}

a.emailLink { color:#666; }