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

body{
	padding:0;
	margin:0;
	background-image:url(../images/general/cci_bg_stripe.gif);
}

a, a:link{text-decoration:underline;}
a:hover{text-decoration:none;}
a.learnmore{
	color:#b91b26;
	background-image:url(../images/general/red_arrow.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 12px;
	margin:6px 0 0 0;
}
h1{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	text-transform: uppercase;
	background-image:url(../images/general/heading_arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding:0 0 0 35px;
	margin:0 0 .5em -10px;
}
h2{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-transform: uppercase;
	background-image:url(../images/general/heading_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding:0 0 0 35px;
	margin:0 0 6px -10px;
}
h3, #sub-content h3{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-transform: uppercase;
	padding:8px 0 0 0;
	margin:0 0 8px 0;
}

#sub-content h3{
	color:#b91b26;
	padding:0px 0 0 0;
	margin:0 0 2px 0;
}

#sub-content h4{
	color:#02304a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-transform: uppercase;
	padding:0px 0 0 0;
	margin:6px 0 0px 0;
}

form {padding:0; margin:0;}
input.zip{
	color:#000;
	border: solid 1px #000;
	width:130px;
	padding:3px;
	margin:2px 0 10px 0;
	float:left;
}
input.zip-sub{
	color:#000;
	font-size:11px;
	border: solid 1px #000;
	width:100px;
	padding:3px;
	margin:2px 0 10px 0;
	float:left;
}
input.go-btn{
	height:22px;
	padding:0;
	margin:3px 0 0 5px;
	float:left;
}

#background{
	padding:0;
	margin:0;
	background-image:url(../images/general/bg.gif);
	background-repeat:repeat-x;
	width:100%;
}
#banner{
	padding:0;
	margin:0;
	background-image:url(../images/general/cci_line.gif);
	background-repeat:repeat-x;
	background-position:center center;
	width:100%;
}
#container{
	width:980px;
	padding:0;
	margin: 0 auto 0 auto;
}

#masthead{
	background-image:url(../images/general/masthead_bg.gif);
	background-repeat:repeat-x;
	height:141px;
	padding:0;
	margin:0;
}

#masthead div.logo{
	background-image:url(../images/general/logo.gif);
	background-repeat: no-repeat;
	width:408px;
	height:97px;
	padding:0;
	margin:0;
	float:left;
}

#masthead div.subglobal{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/general/subglobal_bg.gif);
	background-repeat: no-repeat;
	text-align:center;
	width:224px;
	height:27px;
	padding:14px 0 0 0;
	margin:0;
	float:right;
}
#masthead div.subglobal a:link, #masthead div.subglobal a{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
div#navigation{
	background-image:url(../images/nav/nav_bg.gif);
	background-repeat: no-repeat;
	background-position:right;
	width: 980px;
	margin: 0px;
	height: 31px;
	clear:both;
	display:block;
}
div#navigation ul{
	list-style:none;
	margin: 0px;
	padding: 0px;
}
div#navigation ul li{
	float: left;
	height: 31px;
	margin: 0px;
	padding: 0px;
}

div#navigation ul li a#products {
	display:block;
	height:31px;
	text-indent:-9999px;
	width:109px;
	background-image: url(../images/nav/nav_products.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
}
div#navigation ul li a#whatsnew {
	display:block;
	height:31px;
	text-indent:-9999px;
	width:121px;
	background-image: url(../images/nav/nav_whatsnew.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
}
div#navigation ul li a#education {
	display:block;
	height:31px;
	text-indent:-9999px;
	width:111px;
	background-image: url(../images/nav/nav_education.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
}
div#navigation ul li a#media {
	display:block;
	height:31px;
	text-indent:-9999px;
	width:169px;
	background-image: url(../images/nav/nav_media.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
}
div#navigation ul li a#grauffel {
	display:block;
	height:31px;
	text-indent:-9999px;
	width:184px;
	background-image: url(../images/nav/nav_grauffel.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
}

div#navigation ul li a#products:hover,
div#navigation ul li a#whatsnew:hover, 
div#navigation ul li a#education:hover, 
div#navigation ul li a#media:hover, 
div#navigation ul li a#grauffel:hover,
div#navigation ul li a.selected {
	background-position:0 -31px !important;
}
div.breadcrumb{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FFF;
	width:958px;
	padding:5px 0 5px 22px;
	margin:0;
}
div.breadcrumb a{
	color:#b91b26;
	font-family:Arial, Helvetica, sans-serif;
}
#content-btm{
	padding:0 0 12px 0;
	margin:0;
	clear:both;
}
#content{
	background-color:#FFF;
	width:958px;
	padding:10px 0 0 22px;
	margin:0;
	display:block;
}
#content div.clear{
	width:958px;
	height:20px;
	padding:0;
	margin:0;
	display:block;
	clear:both;
}
#content #left{
	background-color:#FFF;
	width:670px;
	padding:0 0 0 0px;
	margin:0;
	float:left;
}
#leftnav{
	width:188px;
	padding:0 0 0 0;
	margin:0 24px 0 0;
	float:left;
}
div.leftnav{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#556771;
	background-image:url(../images/general/leftnav_bg.jpg);
	background-repeat:repeat-x;
	width:188px;
	padding:0;
	margin:0;
}

#content #leftnav{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#556771;
	background-image:url(../images/general/leftnav_bg.jpg);
	background-repeat:repeat-x;
	width:188px;
	padding:0;
	margin:0 24px 0 0;
	float:left;
}
#leftnav p{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0 10px 10px 12px;
}
#leftnav p.nobreak{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0 0 0 12px;
}
form.enews{
	padding:0;
	margin:0 0 0 12px;
}
#leftnav h3{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-transform: uppercase;
	background-image:url(../images/general/leftnav_head.gif);
	background-repeat:no-repeat;
	padding:8px 0 10px 15px;
	margin:0 0 8px 0;
}
#leftnav h4{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
	background-image:url(../images/general/leftnav_subhead.gif);
	background-repeat: repeat-x;
	padding:5px 0 10px 15px;
	margin:10px 0 15px 0;
}
#leftnav ul{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:10px 0 20px 15px;
	list-style:none;
	clear:both;
}
#leftnav ul li{
	background-image:url(../images/general/white_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0 0 0 12px;
	margin:0 0 5px 1px;
	list-style:none;
}
#leftnav a{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:10px 0 10px 0;
}
#leftnav  ul li#selectedTertiary a {
	font-weight:bold;
	color:#CC9;
}
#sub-content{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFF;
	width:722px;
	padding:0;
	margin:0;
	float:left;
}
#sub-content div.product-item{
	width:722px;
	height:auto;
	min-height:115px;
	padding:0;
	margin:10px 0 10px 0;
	display:block;
}
#sub-content div.product-item img{
	padding:0;
	margin: 0 20px 0 0;
	float:left;
}
#sub-content div.product-item h3{
	color:#02304a;
	padding:0;
	margin:0;
}
#sub-content a{color:#0b2745;}
#sub-content div.product-item a{color:#b91b26;}
#sub-content div.product-item p{
	padding:0;
	margin:10px 0 10px 0;
}
#sub-content div.subcallout{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#fefefe;
	background-image:url(../images/general/subcallout_bg.jpg);
	background-repeat:repeat-x;
	width:350px;
	padding:0px;
	margin:10px 0px 0px 0px;
	float:left;
}
#sub-content div.subcallout-right{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#fefefe;
	background-image:url(../images/general/subcallout_bg.jpg);
	background-repeat:repeat-x;
	width:350px;
	padding:0px;
	margin:10px 0px 0px 22px;
	float:left;
}
#sub-content div.subcallout-full{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#fefefe;
	background-image:url(../images/general/subcallout_full_bg.jpg);
	background-repeat:repeat-x;
	width:722px;
	padding:0px;
	margin:10px 0px 0px 0px;
	float:left;
}
#sub-content div.subcallout h2, #sub-content div.subcallout-right h2{
	color:#fff;
	font-size:16px;
	background-image:url(../images/general/subcallout_header.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:335px;
	height:30px;
	padding:10px 0 0 15px;
	margin:0;
	border:none;
}
#sub-content div.subcallout-full h2{
	color:#fff;
	font-size:16px;
	background-image:url(../images/general/subcallout_full_header.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:707px;
	height:26px;
	padding:7px 0 0 15px;
	margin:0;
	border:none;
}
div.subcallout p, div.subcallout-right p, #sub-content div.subcallout-full p{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:15px 15px 0 15px;
	margin:0 0 5px 0;
}

#sub-content h1{
	color:#71777e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	text-transform: uppercase;
	background-image:url(../images/general/page_title_bg.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	height:44px;
	padding:.3em 0 0 0;
	margin:0px 0 15px 0px;
}
#sub-content h2{
	color:#71777e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-transform: uppercase;
	background-image:none;
	padding:.3em 0 0 0;
	margin:0px 0 15px 0px;
	border-bottom: solid 2px #71777e;
}
#sub-content p.title{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	background-image:none;
	padding:0;
	margin:0;
}
#sub-content p.subhead{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	background-image:none;
	padding:0;
	margin:0;
}

#sub-content img.product{
	padding:0;
	margin:0 0 5px 28px;
	float:right;
}
#sub-content div.flash-video{
	padding:0;
	margin:0 0 5px 28px;
	float:right;
}

#sub-content div.spacer{
	width:722px;
	height:10px;
	padding:0;
	margin:0;
	display:block;
	clear:both;
}
#sub-content div.videos{
	width:200px;
	padding:0;
	margin:0 20px 20px 0;
	float:left;
}
#sub-content div.videos img{
	margin:0 0 5px 0;
}
#sub-content div.product-detail{
	width:390px;
	padding:0;
	margin:0 20px 0 0;
}

table#product{
	background-color:#FFF;
	margin:10px 0 0 0;
	border: solid 1px #81878e;
}
table#product th{
	color:#FFF;
	font-weight:bold;
	text-transform: uppercase;
	background-color:#81878e;
	padding:4px;
	margin:0;
}

table#product td{
	text-align:center;
	padding:4px;
	margin:0;
}
table#product tr.odd{
	background-color:#eef0f1;
	padding:4px;
	margin:0;
}

table#product2{
	background-color:#FFF;
	margin:0 0 0 0;
	border: solid 1px #81878e;
}
table#product2 th{
	color:#FFF;
	font-weight:bold;
	text-transform: uppercase;
	background-color:#81878e;
	padding:4px;
	margin:0;
}

table#product2 td{
	text-align:center;
	padding:4px;
	margin:0;
}
table#product2 tr.odd{
	background-color:#eef0f1;
	padding:4px;
	margin:0;
}

table#product a.details{
	color:#b91b26;
	background-image:url(../images/general/details_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:8px;
}
table#product a.linkNoBullet{
	color:#b91b26;
}
#right-column{
	width:268px;
	padding-right:20px;
	float:right;
}
div.right-content{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFF;
	background-image:url(../images/general/box_bg.gif);
	width:228px;
	height:628px;
	padding:10px;
	margin:0 0 0 22px;
}
div.right-content ul{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:10px 0 20px 0;
	list-style:none;
	clear:both;
}
div.right-content ul li{
	background-image:url(../images/general/white_arrow.gif);
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	margin:0 0 5px 1px;
	list-style:none;
}
div.right-content p.divider{
	background-image:url(../images/general/rule.gif);
	background-repeat:repeat-x;
	height:2px;
	padding:0px;
	margin:8px -15px 8px -15px;
	background-position: center center;
}
div.right-content p, div.right-content a:link, div.right-content a{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:10px 0 10px 0;
}
div.right-content div.box-inner{
	background-color:#556771;
	background-image:url(../images/general/box_inner_bg.jpg);
	background-repeat:repeat-x;
	height:615px;
	padding:0px 15px 0 15px;
	margin:0;
}

div.billboard{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-image:url(../images/general/box_bg.gif);
	width:650px;
	padding:7px 10px 10px 10px;
	margin:0 0 10px 0;
}

div.billboard div.box-inner{
	background-color:#556771;
	background-image:url(../images/general/box_inner_bg.jpg);
	background-repeat:repeat-x;
	padding:10px 0 0 0;
	margin:-3px 0 0 0;
}

div.billboard a:link, div.billboard a:active{color:#FFF;}

div.billboard div.board-left{
	width:280px;
	padding:0;
	margin:0;
	float:left;
}
div.board-left a, div.board-left a:link, div.board-left a:active{color:#FFF;}

div.billboard p{
	padding:4px 0 15px 25px;
	margin:0;
}

div.billboard div.board-right{
	width:343px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:right;
}

div.billboard div.btn{
	width:275px;
	padding:10px 0 0 0;
	margin:0 0 0 -10px;
	float:left;
}

div.callout{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/general/box_bg.gif);
	width:305px;
	padding:10px 10px 10px 10px;
	margin:0;
	float:left;
}
div.callout p{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
	margin:0 0 5px 0;
}

div.callout div.inner{
	background-color:#fefefe;
	background-image:url(../images/general/home_callout_bg.jpg);
	background-repeat:repeat-x;
	height:249px;
	padding:0;
	margin:0;
}

div.callout-right{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/general/box_bg.gif);
	width:305px;
	padding:10px 10px 10px 10px;
	margin:0 0 0 10px;
	float:right;
}
div.callout-right ul, div.callout ul{
	color:#5e4e03;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0 0 0 5px;
	margin:10px 0 0 10px;
	list-style:none;
}
div.callout-right ul li, div.callout ul li{
	color:#5e4e03;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/general/red_arrow.gif);
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	margin:0 0 4px 10px;
	list-style:none;
}
div.callout-right a:link, div.callout-right a, div.callout a:link, div.callout a{color:#5e4e03;}

div.callout-right p{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
	margin:0 0 5px 0;
}

div.callout-right div.inner{
	background-color:#fefefe;
	background-image:url(../images/general/home_callout_bg.jpg);
	background-repeat:repeat-x;
	height:249px;
	padding:0;
	margin:0;
}
#footer{
	background-image:url(../images/general/footer_bg.gif);
	background-repeat: no-repeat;
	width: 980px;
	margin: 0px;
	height: 41px;
	display:block;
}

#footer div.copyright{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 380px;
	padding:8px 0 0 20px;
	margin: 0px;
	float:left;
}

#footer div.links{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	width:560px;
	padding:7px 20px 0 0;
	margin:0px;
	float:right;
}

#footer a:link, #footer a{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.none{
	padding:0;
	margin:0;
}
#sub-content .hmrnotice{
	font-weight:bold;
	color:#b91b26;
}
img {
	border:none;
}
.brandlinks {
	padding:0px 16px 11px 0px;
	border: 0;
}