/*HEADER
-----------------------*/

#header{	
	font-family: Arial, Verdana;
	padding: 0;
	margin: 0;
	width: 1000px;
	height: 112px;
}

#header div.logo {
	padding: 28px 0 0 17px;
	margin: 0;
	width: 251px;
	float: left;
}

#searchForm {
	padding: 2px  25px 0 0; 
	margin: 0;
	float: right;
}

#search input {
	background: #FFF;
	font-family: Verdana, Arial;
	font-size: 9px;
	color: #B63900;
	padding: 3px 0 5px 3px; /*in box*/
	margin: 0;
	height: 10px;
	border: none;
}




/*FOOTER
-----------------------*/

#footer{
	background: #FFF;
	width: 970px; 
	font-size: 10px;
	color: #333;
	text-align: left;
	margin:  0;
	padding: 10px 15px 0 15px;
	clear: both;
	line-height: 20px;
 }

#footer a{
	font-size: 10px;
	color: #333;
	text-decoration: none;
	margin: 0 3px;
}

#footer a:hover, #footer a.selected{
	color: #FF9933;
}

/*GLOBAL
-----------------------------*/

body {
	background: #FFF;
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	margin: 5px 0;
}

ul {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

li {
	margin: 0;
	padding: 0;
	list-style-type: square;
	list-style-position: inside;
	line-height: 16px;
}

img {
	border: none;
}

img.borderImg {
 border: 1px solid #999;
}

p {
	padding: 6px 0;
	margin: 0;
	font-size: 11px;
	line-height: 16px;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #006699;
	text-transform: uppercase;
	background:transparent url(/cantexinc/_images/arrow_blue.gif) no-repeat 0px 13px;
	display: block;
	padding: 8px 0 10px 15px;
	margin: 0;
	line-height: 25px;
}

h1 span{
	font-size: 18px;
	font-weight: bold;
	color: #006699;
	font-weight: normal;
	background: transparent url(/cantexinc/_images/arrow_blue.gif) no-repeat 0 3px;
	text-indent: 15px;
	padding: 0 0 0 15px;
}

h2 {
	background: url(/cantexinc/_images/bg_kicker_h1.gif) repeat-x;
	font-size: 12px;
	color: #069;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	display: block;
	padding: 6px 0;
	margin: 0;
}

.searchAreaHome {
	background: url(/cantexinc/_images/bg_kicker_h1.gif) repeat-x;
	display: block;
	text-align: center;
	height: 23px;
	padding: 2px 0;
	margin: 0;
}

.searchArea {
	background: url(/cantexinc/_images/bg_kicker_h1.gif) repeat-x;
	display: block;
	text-align: center;
	height: 23px;
	padding: 2px 0;
	margin: 0;
	border-top: 4px solid #FFF;
}

h4 {
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-transform: uppercase;
	background:none;
	text-indent: 0px;
	padding: 8px 0;
	margin: 0;
	line-height: 20px;
	font-weight: bold;
}

h5 {
	font-size: 13px;
	font-weight: normal;
	color: #069;
	text-transform: uppercase;
	background:none;
	text-indent: 0px;
	padding: 8px 0 0 0;
	margin: 0;
	font-weight: bold;
}

a {
	text-decoration: none;
	color: #069;
}

a:hover {
	text-decoration: underline;
}

hr {
	border: none;
	border-bottom: 1px solid #BDBDBD;
	color: #F2F2F2;
	margin: 20px 0 10px 0;  /*For IE*/
	padding: 0;	 /* For FF*/
	clear: both;
}

td {
	vertical-align: top;
	padding-right: 5px;
}

span {
	color: #FFA315;
	font-size: 15px;
}

input {
	padding: 0;
	margin: 0;
}

blockquote {
	padding: 5px 10px;
	margin: 0;
	line-height: 18px;
	color: #069;
	font-size: 11px;
}
/*LOCAL
---------------------------------------*/

a.orangelink {
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}

a.orangelink:hover {
	text-decoration: underline;
}

a.redlink {
	text-decoration: none;
	color: #c30;
	font-size: 11px;
}

a.redlink:hover {
	text-decoration: underline;
}


.linkSpecial {
	background:url(/cantexinc/_images/arrow_blue.gif) no-repeat left ;
	padding: 6px 0;
	margin: 0 0 0 10px; 
	text-indent: 15px;
}

.linkSpecial a{
	color: #069;
	text-decoration: none;
	margin: 0;
	font-size: 12px;
}

.linkSpecial a:hover {
	color: #069;
	text-decoration: underline;
}

#container {
	width: 1000px;
	text-align: left;
	background: #F2F2F2 url(/cantexinc/_images/fix_background.gif);
}

#container.bgnone {
	width: 1000px;
	text-align: left;
	background: #F2F2F2 url(/cantexinc/_images/fix_background_leftonly.gif);
}

#contentArea {
	float: right;
	width: 761px;
	border-left: 4px solid #FFFFFF;
}

#kicker {
	width: 235px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	float: left;
	font-family: Arial, Verdana;
}

#centerHome {
	font-size: 12px;
	color: #FFF;
	padding: 25px 36px 24px 36px;
	background-color:#006699;
	
	background-image: url(/cantexinc/_images/bg_contenthome.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 470px; /*542px*/
	float: left;
	border-right: 4px solid #FFFFFF;
}

#centerArea {
	font-size: 12px;
	color: #000;
	padding: 25px 5px 24px 33px;
	width: 503px;
	float: left;
	border-right: 4px solid #FFFFFF;
}

#centerArea img {
	margin: 4px 15px 0 0;
}

#centerArea td img {
	margin: 4px 15px 0 0;
	border: solid 1px #CCC;
}

#centerArea td p {
	font-size: 10px;
	color: #333;
	margin: 0px;
}

h3 {
	font-size: 14px;
	padding: 8px 0;
	margin: 0;
}

#centerArea td p strong {
	font-size: 11px;
	color: #333;
	margin: 0px;
}

td h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 4px 0 0 0;
	padding: 0;
}

#centerArea td h4 {
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
}

#centerHome p {
	line-height: 21px;
	padding: 10px 0;
	margin: 0;
}

#centerHome a {
	color: #FFF;
}

.rightHome {
	width: 215px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	float: right;
}

.rightArea {
	width: 215px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	float: right;
	background-color: #E8ECE5;
	color: #000;
}

 .bottomLine {
	border-bottom: 4px solid #FFF;
}

.inputbox {
	font-size: 11px;
	color: #666;
	margin: 0;
	padding: 2px 10px 3px 10px;
	background: #FFF;
	border: 1px solid #999;
}

.button {
	width: 55px;
	border: none;
	font-size: 11px;
	padding: 0 0 3px 0;
	margin: 5px 0 0 0;
	color: #FFF;
	height: 20px;
	border: none;
	background-image: url(../_images/bg_btlogon.gif);
	background-repeat: repeat-x;
	background-color: #737D86;
}

*html .button {
	height: 21px;
}

*:first-child+html .button {
	height: 21px;
}

*html .borderFF {
	background-color: #737D86; 
	padding-right: 1px; 
	padding-bottom: 0;
}

*:first-child+html .borderFF {
	background-color: #737D86; 
	padding-right: 1px; 
	padding-bottom: 0;
}


.inputboxSearch {
	font-size: 11px;
	color: #666;
	margin: 0;
	padding: 2px 10px 3px 10px;
	background: #FFF;
	border: 1px solid #999;
	height: 13px;
}

.buttonSearch{
	width: 66px;
	border: none;
	font-size: 11px;
	padding: 0 0 2px 0;
	margin: 0;
	color: #FFF;
	height: 20px;
	border: none;
	background-image: url(../_images/bg_btlogon.gif);
	background-repeat: repeat-x;
	background-color: #737D86;
}

.topNav {
	float: right;
	color: #FFF;
	font-size: 10px;
	line-height: 18px;
	margin: 10px 0 0 0;
	padding: 0 25px 0 0;
	font-weight: normal;
}

.topNav a {
	font-family: Arial, Verdana;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
}

.topNav a:hover, .topNav a.actived {
	color: #F90;
	text-decoration: underline;
}


.loginArea {
	padding: 10px 0 6px 0;
}

.loginArea a.orangelink {
	color: #F90;
	font-size: 10px;
	font-weight: normal;
}

#bodyAll {
	padding: 25px 120px 24px 36px;
	font-size: 12px;
	color: #000;
	min-height: 420px;
}

#bodyAll img{
	margin: 3px 10px 0 0;
	padding: 0;
}

.blockArea {
	padding: 6px 20px 6px 24px;
	margin: 0;
}

.blockArea img{
	margin: 3px 10px 0 0;
	border: solid 1px #999;
}

.blockArea hr{
	border: none;
	border-bottom: 1px dotted #999;
	margin: 0 0 10px 0;  /*For IE*/
	padding: 3px 0 10px 0;	 /* For FF*/
	clear: both;
}

.blockArea p {
	line-height: 16px;
	padding: 5px 0;
	margin: 0;
}

#kicker ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #069;
	/*border-top: 4px solid #FFF;*/
	border-bottom: 2px solid #FFF;
}

#kicker ul li{
	padding: 0;
	margin: 0;
	font-size: 12px;
	border-bottom: 1px dotted #5E9EBF;
	list-style-type: none;
}

#kicker ul li.lastMenu{
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #FFF;
}

#kicker ul li a {
	display: block;
	background:#006699 url(/cantexinc/_images/arrow_white.gif) no-repeat left ;
	color: #FFF;
	font-size: 12px;
	text-indent: 45px;
	padding: 7px 0 8px 0;
} 

#kicker ul li a:hover, #kicker ul li a.selected{
	background:#D9D9D9 url(/cantexinc/_images/arrow_black.gif) no-repeat left;
	color: #000;
	text-decoration: none;
}


/* Start mainNav */

#mainNav {
	border-top: 4px solid #FFFFFF;
	position: relative;
	background: #FFCC33 url(/cantexinc/_images/bg_mainnav.jpg) repeat-x;
	height: 26px;
	text-align: left;
	width: 1000px;
	z-index: 2;
}


#mainNav .menu {
	position: absolute;
	font-family: Arial, Verdana;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#mainNav .menu div {
	background-image: URL(/cantexinc/_images/bg_mainnav_line.jpg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	float: left;
	height: 26px;
	width: 1px;
}

#mainNav .menu a {
	color: #006699;
	text-decoration: none;
	display: block;
	float: left;
	text-align: center;
	white-space: nowrap;
	background-image: none;	
	height: 26px;
	padding: 5px 0 0 0;
	margin: 0;
	width: 145px;
}

#mainNav .menu a.large { 
	width: 270px;
}

#mainNav .menu a:hover{
	background-image: URL(/cantexinc/_images/bg_mainnav_on.jpg);
	background-repeat: repeat-x;
	color: #FF9900;
	height: 30px;
}

#mainNav .menu a.actived {
	background-image: URL(/cantexinc/_images/bg_mainnav_on.jpg);
	background-repeat: repeat-x;
	color: #FF9900;
}

#subNav div div {
	border-top: 1px solid #000;
}

#subNav a {
	display: block;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	text-indent: 10px;
	height: 20px;
	padding-top: 7px;
	margin: 0;
	border: 1px solid #000;
	border-top: none;
	background-color: #E8ECE5;
	font-weight: bold;
}

#subNav a:hover {
	display: block;
	color: #006699;
	background: #FFB818;
}

#subNav .child a {
	display: block;
	font-family: Arial, Verdana;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	text-indent: 20px;
	height: 15px;
	padding-top: 2px;
	margin: 0;
	border: 0px solid #000;
	border-top: none;
	background-color: #E8ECE5;
	font-weight: normal;
}


/* End mainNav */

.left {
	float: left;
	width: 252px;
}

.right {
	float: right;
	width: 255px;
}


.productIndex {
	padding: 0 5px 0 0;
	margin: 50px 0;
}

.productIndex img{
	padding-right: 10px;
}

.productIndex  span{
	background:transparent url(/cantexinc/_images/arrow_blue.gif) no-repeat left top ;
	font-size: 12px;
	color: #069;
}

.productIndex  span span{
	background: none;
	font-size: 12px;
	color: #069;
	padding: 0 0 0 8px;;
	white-space: nowrap;
}

.productIndex  span a{
	text-decoration: none;	
	padding: 0 0 0 15px;
}

.productIndex  span a:hover{
	text-decoration: underline;	
}

#ulProduct {
	list-style-position: inside;
}

#ulProduct li{
	text-indent: 10px;
	margin-left: 20px; 
	line-height: 22px;
}

#tableProduct {
	clear: both;
	color:#333;
	width: 471px;
	text-align: center;
	padding: 20px 0;
	}
	
#tableProduct h3 {
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	background: #a3a3a3;
	text-align: center;
	padding: 0;
	margin: 0 0 2px 0;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

#colone {
	float: left;
	width: 85px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #CCC;
	border-left: 1px solid #666;
	}
	
#coltwo {
	float: left;
	width: 55px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #CCC;
	}

#colthree {
	float: left;
	width: 95px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #CCC;
	}

#colfour {
	float: left;
	width: 130px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #CCC;
	}

#colfive {
	float: right;
	width: 100px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #666;
	}

.rowGrey {
	background: #E5E5E5;
	padding: 8px 0;
	margin: 0;
}

.rowGreyFirst {
	background: #E5E5E5;
	padding: 8px 0;
	margin: 0;
	border-top: 1px solid #666;
}

.rowWhite {
	background: #FFF;
	padding: 8px 0;
	margin: 0;
}

.rowWhiteLast {
	background: #FFF;
	padding: 8px 0;
	margin: 0;
	border-bottom: 1px solid #666;
}

iframe {
	clear: both;
	width: 600px;
	height: 800px;
}

#printButton {
	position: absolute;
	font-size: 10px;
	color: #666;
	padding-right: 0; 
	padding-top: 10px;
	padding-bottom: 0;
	margin-bottom: 0;
	width: 525px;
	text-align: right;
	z-index: 1;
}

#printButton a{
	color: #666;
	text-decoration: none;
}

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

.borderFF {
	padding-right: 1px; 
	padding-bottom: 3px;
	background-color: #737D86;
}

#slideImg {
	margin: 0 0 10px 0;
	padding: 0;
	z-index: 0;
}

#slideURL {
	float: left;
	margin: 0;
	display: block;
	position: absolute;
	z-index: 1;
	text-decoration: none;
}

.indent15 {
	padding: 8px 0 8px 15px;
	margin: 0;
	color: #000;
}

.kicker_download {
	padding: 0;
	margin: 5px 0;
}

.kicker_download select {
	font-size: 11px;
	color: #666;
	padding: 0;
	margin: 0;
}

.borderTop {
	border-top: 4px solid #FFF;
}