/* ---------------------------------------------
ConsolidatedComponentsGroup (CCG) Screen Style Sheet
author: cyberwoven
version:  2007.11
----------------------------------------------- */


/*-------------------------------------------    



    General Selectors



-------------------------------------------*/

* { margin: 0 auto; padding: 0; color: #242424; line-height: 1.5; }

body { font: normal 12px Arial, Helvetica, Verdana, sans-serif; color: #454545; background:#fff url(../img/bg-body.png) repeat-x top center; ; }

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

#rightCol img { margin:0; padding:0; }

#content > .internalLaunch img { float:left; margin:5px 5px 0px 0; padding:0px; background:#fff; border:1px solid #a8dcf3; }

hr { color: #d9ddef; background: #d9ddef; clear: both; border: none 0; border-top: 2px solid #d9ddef; height: 1px; margin: 15px 0 15px 0; text-align: left; padding: 0; }

blockquote { color:#003a65; background: url(../img/blockquote.png) no-repeat top center; }

p { margin: 10px 0 15px 0; }

.homeLaunch p { font-size:10px; line-height:14px; margin:0; padding:0 0 0 10px; }

p.intro { font: lighter 14px Tahoma, Arial, Verdana, sans-serif; line-height:24px; color:#024864; }

#rightCol ul { margin:0 0 15px 0; padding:10px 0 10px 35px; border: solid; border-color:#d9ddef; border-width:2px 0 2px 0; }

#rightCol li { font: bold 11px Arial, sans-serif; color:#020740; padding-top:4px; }

#rightCol ul li ul { margin:5px 0 5px 0; padding:0; background:none; border:none; }

#rightCol ul li ul li { background:url(../img/bg-ulliulli.gif) no-repeat left 4px; list-style-type:none; padding:0 0 0 10px; }

sup { font-size:8px; }

/*-------------------------------------------    



    Headers



-------------------------------------------*/



.logo { display: none; }

h1 { margin: 14px 0 12px 16px; padding:0; width: 225px; display: inline; height: 63px; text-indent: -9000px; float: left;  }

h1 a { display: block; height: 63px; width: 225px; margin: 0; position: relative; background:url(../img/h1-ccg.png) no-repeat top left; }

h2 { margin: 0 0 12px 0; padding:0; font-size:36px; color:#091055; letter-spacing:-.3px; font-weight:normal; line-height:40px; }

#leftCol h2 { margin: 0; padding:0 0 15px 0; font-size:35px; line-height:35px; letter-spacing:-1px; font-weight:bold;  color:#001699; background:url(../img/bg-poster.png) repeat-x bottom left; } 
#leftCol h2 a {color:#001699; text-decoration:none; font-size:35px; line-height:35px;}
#leftCol h2 a:hover {text-decoration:underline;}

h3 { background:#d9ddef; color:#091055; padding:10px; font-size:18px; display:inline; line-height:4; font-weight:normal; margin:0 0 15px 0; }


#lpWrapper h3 { color:#001699; font-size: 18px; font-weight: bold; line-height:18px; margin-bottom:10px; padding:0 0 0 10px; background:none; display:block; font-weight:bold; }

#lpWrapper h4 { color:#242424; font-weight:bold; font-size:11px; text-transform:none; margin:0; padding:0 0 0 10px; background:url(../img/bg-lph4.png) no-repeat 0px 4px; }

h5 { font:bold 13px Arial, Verdana, sans-serif; color:#091055; margin:0 0 15px 0; padding:0; }

h6 { font:bold 12px Arial, Verdana, sans-serif; color:#011f3d; margin:20px 0 0 0; padding:0; }

/*-------------------------------------------    



    Anchors



-------------------------------------------*/




a { outline:none; color:#001699; font-weight:bold; text-decoration:underline; }

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

/*-------------------------------------------    



    Navigation and Sub-Navigation



-------------------------------------------*/


ul#topNav { float: right; margin: 0; padding:0; }

ul#topNav li { margin:0; padding:0 3px 0px 3px; display: inline; float: left; list-style: none; list-style-image: none !important; background:url(../img/bg-topNavli.png) no-repeat right 6px; }

ul#topNav li.last { background:none; }

ul#topNav li a { padding: 5px 12px 5px 12px; margin:0; text-decoration: none; font-size: 10px; font-weight: bold; display: block; float: left; color:#001699; height:11px; line-height:11px; }

ul#topNav li a:hover { text-decoration:none; background-color:#001699; color:#fff; }

ul#subNav {margin: 10px 0 30px 0; padding: 0; }
	ul#subNav li {background:url(../img/bg-lph4.png) no-repeat 0px 3px; margin: 5px 0 0 30px; padding: 0; list-style: none; list-style-image: none !important;  }
	ul#subNav li a { margin: 0; padding: 0 0 0 10px; text-decoration: none; line-height: 14px; font-weight: normal; font-size: 14px; }
	ul#subNav li a.active, ul#subNav li a.active:hover {color:#333; font-weight:bold;}

ul#breadCrumb { height: 40px; margin: 0; padding: 0; background:none; border-bottom:1px solid #a8dcf3; }

ul#breadCrumb li { margin: 0; display: inline; float: left; list-style: none; list-style-image: none !important; font: bold 9px Tahoma, Verdana, Arial, sans-serif; padding: 0 8px 0 0; font-weight: bold; color:#545454; line-height:40px; }

ul#breadCrumb li a { padding: 0 16px 0px 0px; text-decoration: none; font: bold 9px Tahoma, Verdana, Arial, sans-serif; display: block; float: left; color:#028bc0; background:url(../img/blue-arrow.gif) no-repeat right 16px; line-height:40px; }

ul#breadCrumb li a:hover { text-decoration: underline; color:#024864; }

ul#mainNav { clear:both; margin: 0; padding:0; position:relative; }

ul#mainNav li { display:inline; background:url(../img/bg-mainNavli.png) no-repeat top right; height:44px; float:left; }

ul#mainNav li a { font-size:12px; padding:0 15px 0 15px; text-decoration: none; height:44px; display:block; float:left; line-height:44px; color:#fff; }

ul#mainNav li a:hover { text-decoration: none; color:#fff; background:url(../img/hover-mainNav.png) no-repeat top right; }

ul.vertNav { margin: 0 0 25px 0; padding: 0; width:230px;/*min-height:300px; */ }

ul.vertNav li { background:url(../img/vertNav-bg.png) no-repeat 25px bottom; margin: 0; padding: 0; display: block; list-style: none; list-style-image: none !important; font-size: 10px; line-height:20px; width:230px; }

ul.vertNav li a { margin: 0; padding: 2px 0 2px 25px; text-decoration: none; line-height: 14px; display: block; font-weight: bold; }

ul.vertNav li a:hover { background: url(../img/blue-arrow.gif) no-repeat 15px 7px; }

/*-------------------------------------------    



    Structure



-------------------------------------------*/


#wrapper { width: 950px; margin: 0 auto; }

#productswrapper, #substructuralwrapper { margin: 0 auto; clear:both; }

#pageTop { width: 950px; height:85px; margin:0; padding:0; }

#searchForm { float:right; margin-top:35px; margin-right:20px; display:inline; }

#skip { display:none; }

#topNavContainer { width: 475px; float: left; margin: 36px 0 0 0; padding:0; }

#pageMiddle { clear:both; margin:0; padding:20px; background:url(../img/bg-pageMiddle.png) no-repeat top left; }
#products #pageMiddle { clear:both; margin:0; padding:20px; background:url(../img/bg-pageMiddle.png) no-repeat top left; }

#home #pageMiddle { clear:both; margin:0; padding:20px; }

#mainNavContainer { background:url(../img/bg-mainNavContainer.png) repeat-x top left; height:56px; }

#colWrapper { padding:0 0 0 0; background:url(../img/bg-leftCol.png) repeat-y 299px top; }

#products #colWrapper { padding:0 0 0 0; background:none; margin:0; }

	.productcontainer { width:288px; height:330px;float:left; margin-right:20px; margin-top:16px; border:1px solid #eee; background:#dedede; }
	.lastproduct {margin-right:0;margin-top:16px; }
	.productcontainer:hover { border:1px solid #0022ee; }
	.productcontainer a { width:288px; display:block; text-decoration:none; }
	.productcontainer h3 { display:block;  line-height:30px;margin:0; background:url(../img/producth3bg.png) repeat-x top left; height:auto; }
	.productcontainer img { background:#fff;margin:0; width:288px; height:157px; display:block; overflow:hidden; }
	.productcontainer ul { margin:0;width:288px; height:30px; display:block;background:#dedede url(../img/productulbg.png) repeat-x top left; padding-top:15px; }
		.productcontainer ul li { margin:0 0 0 25px;padding:0 0 0 15px; list-style-type:none; color:#454545; font-weight:normal; background:url(../img/bg-lph4.png) no-repeat 0px 3px; }
	.productcontainer h4 { display:block; line-height:24px; background:#fff; margin:0; font-size:14px; color:#ccc; font-weight:lighter; padding-left:10px; text-transform:uppercase; }	

#productstabs {margin: 0; padding:0; display:block; width:100%;;}
#productstabs ul{margin: 0; padding:0; display:block; float:none; border-bottom:1px solid #ccc; height:35px; border-top:none;}
#productstabs li {margin:0; padding:0 3px 0px 3px; display: inline; float: left; list-style: none; list-style-image: none !important;}
#productstabs li a { padding: 10px 12px 5px 12px; margin:0; text-decoration: none; font-size: 16px; font-weight: normal; display: block; float: left; color:#6d79c0; height:20px; line-height:11px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background:url(../img/producth3bg.png) repeat-x bottom left; }
#productstabs li a.active {background:#f9f9f9; color:#000169;}
#productstabs li a:hover {color:#0022ee;}


.panelcontainer { padding:20px;; background:#f9f9f9; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; }
.panelcontainer a {text-decoration: none;}
.panelcontainer span {position:absolute; display:block; padding:10px; background:#001699; top:50px; display:hidden;color:#fff; left:10px; }
.panelcontainer span:hover {position:absolute; display:block; padding:10px; background:#0022ee; display:hidden; }



#leftCol { width:290px; float:left; margin:0; padding:0 11px 0 0; display:inline; }
* html #leftCol {overflow:hidden;}

#leftCol img { background:url(../img/bg-poster.png) repeat-x bottom left; padding:0 0 12px 0; }

#content { margin:0; padding:0 25px 0 0; }

#rightCol { width:560px; float:left; margin:0 0 0 9px; padding:10px 20px 0 20px; background:url(../img/bg-rightCol.png) repeat-x top left; }
.launchpad { margin-left:25px; }

#content > .launchPad img { float:left; border:none; margin:0 10px 10px 0; padding:0; }

#pageLaunch { margin: 0 auto; padding:0; clear:both; }

#lpWrapper { margin:5px auto 0; padding:7px 0 0 0; width:910px; background:url(../img/bg-poster.png) repeat-x left top; }

.homeLaunch { float:left; width:250px; margin:0 20px 0 0; padding:20px; height:99px; }

.homeLaunch img { float: right; margin:10px 10px 0 5px; border:1px solid #b9e3f5; }

.last { margin:0; background:url(../img/bg-lptan.png) repeat-x top left; }

.reflex { background:url(../img/bg-lpreflex.png) repeat-x top left; }

.gray { background:url(../img/bg-lpgray.png) repeat-x top left; }

.internalLaunch { float:left; width:250px; margin:0 20px 0 0; padding:20px; height:99px; }

.internalLaunch img { width:100px; height:100px; }

/*-------------------------------------------    



    Footer



-------------------------------------------*/

#footerWrapper { width:910px; margin:0 auto; background:url(../img/bg-footer.png) repeat-x top left; }

#footerNav { list-style-type: none; margin:0 auto; padding:40px 0 0 0; text-align:left; width:700px; clear:both; float:left; width:700px; }

#footerNav ul { margin: 5px auto 0; padding: 0; background:none; text-align: left; }

#footerNav ul li { margin:0; padding:0; display: inline; float: left; list-style: none; list-style-image: none !important; background:url(../img/bg-topNavli.png) repeat-y top right; }

#footerNav ul li a { padding: 0 15px 0 15px; margin:0; text-decoration: none; font-size: 10px; font-weight: bold; display: block; float: left; color:#001699; height:11px; line-height:11px; }

#footerNav ul li a.first { padding: 0 12px 0 0; }

#footerNav ul li a:hover { text-decoration:underline; background-color:none }

#footerWrapper p { text-align:center; font-size:10px; }

.siteCredit { float:right; margin-top:40px; font-size:11px; display:inline; }

.contactLine { font-size:11px; }

.copyright { font-size:10px; }

/*-------------------------------------------    



    Poster



-------------------------------------------*/


#poster { width:910px; height:288px; margin:0; padding:0; }

/* THESE CLASSES CHANGE THE HOME PAGE POSTER IMAGE */
	
	.laptop { background:url(../img/poster3.jpg) no-repeat 0 0; }

.record { background:url(../img/healthRecord.png) no-repeat 0 0; }

#poster p { position:absolute; margin:120px 0 0 65px; padding:0; width:270px; display:inline-block; }

#poster p a { font-style: italic; }

#poster h3 { margin: 58px 0 0 30px; padding:0; width: 350px; height: 50px; text-indent: -9000px; float: left; border:none; background:none; position:absolute; }

#poster h3 a { display: block; height: 50px; width: 350px; position: absolute; }

ul#posterNav { margin:20px 0 0 16px; padding:0; float:left; width:60px; position:absolute; }

ul#posterNav li { margin: 0; padding:0; width: 44px; display: inline; height: 65px; text-indent: -9000px; }

ul#posterNav li a { display: block; height: 65px; width: 44px; }

#switcher { background:url(../img/poster-big.jpg) no-repeat 0 0; width:567px; height:295px; margin:0; padding:0; }

ul#posterLinks { margin:180px 0 0 65px; padding:0; float:left; position:absolute; list-style: none; list-style-image: none !important; }

/*-------------------------------------------    



    Misc



-------------------------------------------*/


.clear:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }

.clear { display: inline-block;/* Fixes IE/Mac */ }

/* Hides from IE-mac \*/
* html .clear { height: 1%; }

.clear { display: block; }

br { clear:both; }

sup { vertical-align:super; font: normal 30% Tahoma, Verdana, Arial, sans-serif; margin-left:2px; }

#mainNav li a sup { color:#fff; }

.input { font-size: 11px; border-top:1px solid #a5a59c; border-left:1px solid #a5a59c; border-right:1px solid #deded5; border-bottom:1px solid #deded5; width:200px; height:13px; height: 15px; padding:3px; margin:0; }

.searchInput { width:140px; }

.searchbtn { padding:0; margin:0px; }

.textBox { border-top:1px solid #a5a59c; border-left:1px solid #a5a59c; border-right:1px solid #deded5; border-bottom:1px solid #deded5; width: 480px; margin-bottom: 10px; padding: 4px; }

.input:focus, .dropdown:focus { background: #d9ddef; }

.label { font-weight: bold; padding-top:10px; }

.required, .alert { color: #ee3024; font-weight:bold; }

.dropdown { font-size: 11px; border-top:1px solid #a5a59c; border-left:1px solid #a5a59c; border-right:1px solid #deded5; border-bottom:1px solid #deded5; width:200px; height:20px; padding:1px; margin:0; float:left; }

.unitofcsi {display:block; width:90px; height:20px; float:left; background:url(../img/unitofcsi.gif); text-indent:-9999px; font-size:1px; outline:none;}


/*-------------------------------------------    



    Photo Gallery



-------------------------------------------*/



#gallery {margin:0; padding:0; display:block;}
#gallery ul {margin:0; padding:0; display:block; list-style: none;}
#gallery ul li {display: inline;}
#gallery ul img {border:none; margin:0; padding:1px;}


ul#biggallery {margin:0; padding:0; display:block; border:none;}
ul#biggallery {margin:10px 0 10px 0; padding:5px !important; border:none; display:block; list-style: none; border:none;}
ul#biggallery li {display: inline;}
ul#biggallery img {border:none; width:90px; height:90px; padding:0;}
ul#biggallery a {display:block; float:left; width:90px; height:90px; margin:0 8px 8px 0; padding:4px; background:#d9ddef;}
ul#biggallery a:hover {background:#341699;}


/*-------------------------------------------    



    Table



-------------------------------------------*/

table { width:100%; margin:1em auto; border-collapse:collapse; }

td { color:#414877; border-bottom:2px solid #d9ddef; padding:.3em 1em; text-align:left; }

tbody { border:none; }

caption { background:#d9ddef; color:#091055; padding:10px; font-size:18px; font-weight:normal; text-align:left; }

tr { border-top: 1px solid #ddd; }

table h5 { font-weight:bold; margin:0; }

table .even { background:#eaeaea; }

.agreement .even { background:none; }

.agreement td { border-bottom:none; padding:.3em 1em; text-align:left; }

.agreement tr { border-top:none; }

#rightCol td img {border:none; float:none; margin:0; padding:0;}
#rightCol th {text-align:left; padding:.3em 1em;}

/*-------------------------------------------    

    Products CSS from MetalDek

-------------------------------------------*/

/* Temporarily hide colors tab info */
#d_3, #a_3 {display:none;}


/* Used for Products subnav */
ul#subNavBold {margin:-10px 0 0 0; padding:0;}
	ul#subNavBold li {display:block; width:300px; list-style:none; margin:0; padding:0;}
	ul#subNavBold li a {color:#091055; cursor:default; display:block; height:43px; background:url(../img/subnavbold-l1.gif) no-repeat; margin:0; padding:0 0 0 10px; font-weight:normal; font-size:22px; line-height:43px; text-decoration:none;}
	ul#subNavBold li a:hover {text-decoration:none;}
	ul#subNavBold li ul {margin:5px 0 10px 0; padding:0;}
	ul#subNavBold li li a {color:#333; cursor:pointer; height:auto; font-weight:normal; font-size:14px; line-height:15px; background:url(../img/subnavbold-l2.gif) no-repeat 0 3px; margin:0 0 0 24px; padding:0 0 0 10px;}
	ul#subNavBold li li a sup {position:absolute; margin-left:3px; font-size:11px;}
	ul#subNavBold li li a:hover, ul#subNavBold li li a.active {color:#091055; background-position: -296px 3px;}

.leftcolgraybox {display:block; margin:5px 0; padding:10px 10px 14px 10px; background:#ddd; font-size:11px; color:#333 !important; text-decoration:none !important;}
.leftcolgraybox:hover {background:#d9ddef;}
.leftcolgraybox b {font-size:12px; line-height:22px;}


ul#prodtabs {display:block; height:24px; overflow:hidden; margin:0; padding:0; border:none; list-style:none; border-bottom:1px solid #928678; background:#d8d5c4;}
ul#prodtabs li {display:inline; margin:0; padding:0;}
ul#prodtabs li a {display:block; float:left; padding:5px 12px 4px 12px; font-size:12px; line-height:15px; color:#333; background:#d8d5c4; text-decoration:none;}
ul#prodtabs li a:hover {background:#c7c4b2;}
ul#prodtabs li a.active {padding:4px 11px; border:1px solid #928678; background:#c7c4b2;}

.togglename {padding:3px 5px; background:#d8d5c4; border-bottom:1px solid #928678; margin:10px 0 0 0;}


#ccgdownloads {padding:0 15px;}
#ccgdownloads table {font-size:11px; border:none;}
#ccgdownloads table tr {border:none;}
#ccgdownloads table .odd {background:#e2e2e2;}
#ccgdownloads table .even {background:none;}
#ccgdownloads td { color:#414877; border-bottom:1px solid #ccc; padding:1em 1em; text-align:left; vertical-align: middle; }
#ccgdownloads th {text-align:left; border-bottom:1px solid #ccc; line-height:25px; }
#ccgdownloads td.th {text-align:left; border-bottom:1px solid #ccc; line-height:25px; padding:1em 1em; color:#333; font-weight:bold; background:none;}

.productdetailcat {display:block; margin:0 0 5px 0; padding:30px 0 0 0; font-size:18px; line-height:22px; background:none;}



/* New Products Page Tabbing
-------------------------------------------*/

ul#prodtabber {margin: 0; padding:0; display:block; float:none; border:none; border-bottom:1px solid #ccc; height:31px; border-top:none;}
ul#prodtabber li {margin:0; padding:0 3px 0px 3px; display: inline; float: left; list-style: none; list-style-image: none !important;}
ul#prodtabber li a { padding: 8px 10px 3px 10px; margin:0; text-decoration: none; font-size: 12px; font-weight: normal; display: block; float: left; color:#6d79c0; height:20px; line-height:11px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#c5cbe6 url(../img/producth3bg.png) repeat-x bottom left; }
ul#prodtabber li a.active {background:#f9f9f9; color:#000169;}
ul#prodtabber li a:hover {color:#0022ee;}


.panelcontainer {padding:20px; background:#f9f9f9; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; }
.panelcontainer a {text-decoration: none;}
.panelcontainer span {position:absolute; display:block; padding:10px; background:#001699; top:50px; display:hidden;color:#fff; left:10px; }
.panelcontainer span:hover {position:absolute; display:block; padding:10px; background:#0022ee; display:hidden; }

.hidetab {display:none;}



/* Temporarily hide the new flash motion graphics. */
/* #productdemo {display:none;} */