/*	-------------------------------------------------------------
	Helix - Home and Office
	-------------------------------------------------------------
	Description:	Home and Office CSS include
	Filename:		helix_hao.css
	Date:			22/05/2007 15:16
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	GLOBAL BODY STYLES
	-------------------------------------------------------------	*/

	body {
		color: #565853;
		background: #FDE1BC url(../images/bg2.jpg) repeat-x;
	}
	
	#container {
		background: url(../images/left_bg_cg.gif) repeat-y;
		border-bottom: 1px solid #FDE1BC;
	}
	
	a {
		color: #FBF200;
	}

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

	#topbar {
		border-bottom: 1px solid #FCD3C1;
	}
	
	#header {
		background: #9A0000 url(../images/header_cg3.jpg) no-repeat;
	}

		#header ul#menu {
			float: left;
			margin: 128px 0 3px 0;
		}

/*	-------------------------------------------------------------
	LEFT COLUMN
	-------------------------------------------------------------	*/
	
	#left_col {
		background: #D32800;
		border-top: 1px solid #FFF;
	}
	
		#left_col h2#prod_range {
			background: url(../images/ttl_prodrange_cg.jpg) no-repeat;
			border-bottom: 1px solid #FFF;
		}
		
			#left_col #left_menu li a {
				border-bottom: 1px solid #FFF;
			}
			
			#left_col #left_menu li a.on {
				color: #FFF;
			}
			
			#left_col #left_menu li ul {
				border-top: 1px solid #FFF;
				border-left: 1px solid #FFF;
				border-right: 1px solid #FFF;
				background: #D32800;
			}
			
			#left_col #left_menu li ul li a {
				background: #D32800;
			}

/*	-------------------------------------------------------------
	MAIN COLUMN
	-------------------------------------------------------------	*/
	
	#main_panel {
		background: #FE0002 url(../images/midbg_cg.jpg) no-repeat;
		border-top: 1px solid #FFD8C9;
	}
	
		#main_panel .intro {
			color: #FFF;
		}
	
	#panels {
		float: right;
		background: #C80203;
		padding: 12px 0 0 0;
		width: 780px;
		border-top: 1px solid #FFD8C9;
		border-bottom: 10px solid #FDE1BC;
	}
	
		#panels .panel {
			float: left;
			margin: 0 0 12px 10px;
			border: 1px solid #FFF;
		}
	
	#main_col {
		padding-left: 12px;
		background: url(../images/drop_cg.gif) repeat-x;
		margin-top: 1px;
	}
	
			#main_col p#breadcrumb a {
				color: #D32800;
			}
	
	#main_col2 {
		float: none;
		width: auto;
		padding-top: 10px;
		background: url(../images/dots_cg.gif) repeat-x;
	}
	
		#main_col2 #main_content {
			float: none;
			width: auto;
		}
		
			#main_col2 #main_content .cat_list {
				width: 368px;
				float: left;
				background: #F2C6AB;
				padding: 8px;
			}
			
			#main_col2 #main_content .odd {
				background: #F2C6AB;
				margin-left: 12px;
			}
			
					#main_col2 #main_content .cat_list .text {
						width: 210px;
					}
					
					.cgline {
						background: url(../images/dots_cg.gif) repeat-x;
						height: 1px;
						font-size: 1%;
						margin: 0 0 10px 0;
						float: left;
						width: 780px;
						border-top: 10px solid #FDE1BC;
					}

/*	-------------------------------------------------------------
	MAIN CONTENT
	-------------------------------------------------------------	*/
	
			#main_content .cat_list, #main_content_full .cat_list {
				background: url(../images/dots_cg.gif) repeat-x;
			}
			
					#main_content .cat_list h3 a, #main_content_full .cat_list h3 a {
						background: url(../images/arrow_cg.gif) no-repeat 0 4px;
					}
					
				#main_content .cat_list a, #main_content_full .cat_list a {
					color: #D32800;
				}
			
		#main_content table, #main_content_full table {
			width: 100% !important;
		}
			
			#main_content table td, #main_content_full table td {
				background: #BACFEB !important;
				border: 1px solid #DCE6F3 !important;
				padding: 6px !important;
				text-align: center !important;
			}

			#main_content_full div.desc h3 {
				color: #FFF;
				background: #D32800;
			}
			
		#main_content .intro, #main_content_full div.intro {
			font-weight: normal;
			font-size: 1.1em;
		}
		
				#main_content_full .cat_list .text {
					background: #F2C6AB;
					padding: 8px 8px 0 8px;
					width: 430px;
					height: auto !important;
					height: 122px;
					min-height: 122px;
				}
			
#pagescontainer {
	background: url(../images/dots_cg.gif) repeat-x;
}

			#pageslist li a {
				color: #FFF;
				background: #D32800;
				border: 1px solid #D32800;
			}
			
		#pageslist li.current {
			color: #D32800;
			border: 1px solid #D32800;
		}

.enlarge a {
	color: #D32800;
}

/*	-------------------------------------------------------------
	PROMOS
	-------------------------------------------------------------	*/
		
		#promo_content a, #promo_right a {
			color: #D32800;
		}
		
		#promo_right img {
			border: 1px solid #D32800;
		}
	
/*	-------------------------------------------------------------
	NEWS
	-------------------------------------------------------------	*/

					#news_content .news_list .text a, #news_content .news_list .text2 a {
						background: url(../images/arrow_cg.gif) no-repeat 0 2px;
					}
					
		#news_content a, #news_right a {
			color: #D32800;
		}
		
		#news_right img, #news_content .news_list img {
			border: 1px solid #D32800;
		}
		
	#contact_form input.button {
		background: #D32800;
		color: #FFF;
	}
	
/*	-------------------------------------------------------------
	FOOTER
	-------------------------------------------------------------	*/

		#footer #footer_wrap {
			border-top: 1px solid #D32800;
		}
		
		#footer a {
			color: #D32800;
		}

.tradelink {
	padding: 6px;
	background: #D32800;
	color: #FFF;
	font-weight: normal;
}