/*
Theme Name: Helix Crafts
Theme URI: http://www.cite.co.uk/
Description: Helix Crafts blog design.
Version: 1
Author: Cite DMS
Author URI: http://www.cite.co.uk/
Tags: 

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*	-------------------------------------------------------------
	GLOBAL BODY STYLES
	-------------------------------------------------------------	*/
	
	* {
		margin: 0;
		padding: 0;
	}

	img {
		border: 0;
	}

	body {
		font-family: Verdana, sans-serif;
		font-size: 62.5%;
		text-align: center;
	}

	.hide {
		display: none;
	}

	p {
		font-size: 1em;
		line-height: 1.4em;
		margin-bottom: 10px;
	}

	hr {
		display: none;
	}

	.clear {
		clear: both;
	}
        
  #container {
  	width: 780px;
  	text-align: left;
  	margin: 0 auto;
	}
	
	a {
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	.red {
		color: #D00;
	}

/*	-------------------------------------------------------------
	TOP BAR
	-------------------------------------------------------------	*/
	
	#topbar {
		background: #122763 url(/images/topbg.gif) repeat-x;
		padding: 4px 0 6px 10px;
		color: #FFF;
		position: relative;
	}
	
		#topbar a {
			color: #FFF;
		}
		
		#topbar a.on {
			color: #FBF200;
		}
		
		#topbar a.intro {
			background: url(/images/icon_home.gif) no-repeat;
			padding-left: 14px;
		}
		
		#topbar #search_link {
			position: absolute;
			top: 4px;
			right: 6px;
			background: url(/images/arrow_dn.gif) no-repeat 98% 80%;
			padding-right: 18px;
		}
		
		#topbar .search_close {
			background: url(/images/arrow_xdn.gif) no-repeat 100% 80% !important;
		}
		
		#topbar #search_box {
			display: none;
			background: url(/images/qsrchbg.png);
			border: 1px solid #263167;
			padding: 4px 8px 6px 8px;
			position: absolute;
			top: 100%;
			right: 0;
		}
		
		#topbar #search_box fieldset {
			border: none;
		}
		
			#topbar #search_box fieldset legend {
				display: none;
			}
			
			#topbar #search_box fieldset label {
				font-size: 1.1em;
				color: #263167;
			}
			
			#topbar #search_box fieldset input {
				font-size: 1.1em;
				font-family: Verdana, sans-serif;
				padding: 2px;
				margin-top: 2px;
			}

/*	-------------------------------------------------------------
	HEADER
	-------------------------------------------------------------	*/
	
	#header {
		float: left;
		width: 780px;
	}
	
		#header h1, #header h2 {
			display: none;
		}
	
/* Menu
	-------------------------------------------------------------	*/
	
		#header ul#menu {
			list-style: none;
		}
		
			#header ul#menu li {
				float: left;
				padding: 2px 0;
				font-size: 1.1em;
			}
			
				#header ul#menu li a {
					display: block;
					padding: 0 8px;
					border-right: 2px solid #FFF;
					font-weight: bold;
				}
				
				#header ul#menu li.last a {
					border-right: none;
				}

/*	-------------------------------------------------------------
	LEFT COLUMN
	-------------------------------------------------------------	*/
	
	#left_col {
		float: left;
		width: 160px;
		min-height: 350px;
	}
		
		#left_col h2#prod_range {
			text-indent: -9999px;
			height: 25px;
			font-size: 1%;
		}
		
		#left_col #left_menu {
			list-style: none;
		}
		
			#left_col #left_menu li {
				position: relative;
			}
			
			#left_col #left_menu li a {
				display: block;
				padding: 5px 8px;
				font-size: 1.1em;
				font-weight: bold;
			}
			
			#left_col #left_menu li ul {
				list-style: none;
				position: absolute;
				left: 160px;
				top: -1px;
				width: 160px;
				display: none;
			}
			
			#left_col #left_menu li:hover ul {
				display: block;
			}

/*	-------------------------------------------------------------
	MAIN COLUMN
	-------------------------------------------------------------	*/
	
		#main_panel .intro {
			font-size: 1.1em;
			width: 330px;
			padding: 16px 0 10px 10px;
			line-height: 1.3em;
		}
	
	#main_col {
		width: 780px;
		padding-top: 4px;
	}
	
		#main_col p#breadcrumb {
			padding: 2px 0 6px 0;
			margin: 0;
		}
	
		#main_col ul {
			margin-left: 16px;
			margin-bottom: 10px;
			list-style: square;
		}
	
	#main_content {
		width: 430px;
		float: left;
	}
	
	#main_content_full {
		width: 628px;
		float: left;
	}
	
		#main_content .intro {
			font-size: 1.2em;
			font-weight: bold;
			padding: 6px 0 8px 0;
			line-height: 1.4em;
		}
		
		#main_content_full img.header_img {
			float: left;
			margin: 0 10px 10px 0;
		}
		
		#main_content_full div.intro {
			font-size: 1.2em;
			font-weight: bold;
			padding-top: 6px;
			float: left;
			width: 326px;
			line-height: 1.4em;
		}
		
			#main_content_full div.intro ul, #main_content_full div.intro ol {
				margin-left: 18px;
			}
		
		#main_content_full div.desc {
			font-size: 1.1em;
			float: right;
			width: 304px;
			line-height: 1.4em;
		}
		
			#main_content_full div.desc h3 {
				font-size: 1.1em;
				padding: 2px 6px 4px 6px;
				margin-bottom: 2px;
			}

			#main_content .cat_list, #main_content_full .cat_list {
				padding: 8px 0;
			}

				#main_content .cat_list h3, #main_content_full .cat_list h3 {
					font-size: 1.3em;
				}
					
					#main_content .cat_list h3 a, #main_content_full .cat_list h3 a {
						padding-left: 14px;
					}
					
					#main_content .cat_list .text p, #main_content_full .cat_list .text p {
						font-size: 1.1em;
					}
					
					#main_content .cat_list .text ul, #main_content_full .cat_list .text ul, #main_content .cat_list .text ol, #main_content_full .cat_list .text ol {
						font-size: 1.1em;
						margin-left: 18px;
						line-height: 1.4em;
					}
					
					#main_content .cat_list .text {
						float: right;
						width: 270px;
					}
					
					#main_content_full .cat_list .text {
						float: right;
						width: 446px;
					}
					
					#main_content .cat_list img, #main_content_full .cat_list img {
						float: left;
						width: 150px;
					}

/*	-------------------------------------------------------------
	RIGHT PANELS
	-------------------------------------------------------------	*/
	
	#panels {
		float: right;
		width: 160px;
	}
	
		#panels .panel {
			margin-bottom: 6px;
		}
	
		#form_search fieldset {
			border: none;
		}
		
			#form_search fieldset legend {
				display: none;
			}
			
			#form_search fieldset label {
				font-size: 1.1em;
			}
			
			#form_search fieldset input {
				font-size: 1.1em;
				font-family: Verdana, sans-serif;
				padding: 2px;
				margin: 3px 0 7px 0;
			}

/*	-------------------------------------------------------------
	PROMOS
	-------------------------------------------------------------	*/
	
	#promo_content {
		width: 335px;
		padding-right: 12px;
		border-right: 1px solid #888;
		float: left;
		font-size: 1.1em;
		margin-top: 8px;
	}
	
		#promo_content a, #promo_right a {
			font-weight: bold;
		}
	
		#promo_content h2 {
			font-weight: normal;
			margin-bottom: 0.6em;
			font-size: 1.8em;
		}
		
		#promo_content ul {
			margin: 0 0 0.8em 20px;
		}
	
	#promo_right {
		width: 250px;
		float: right;
		font-size: 1.1em;
		margin-top: 8px;
	}
	
		#promo_right img {
			margin-bottom: 6px;
		}


/*	-------------------------------------------------------------
	NEWS
	-------------------------------------------------------------	*/
	
	#news_content {
		width: 335px;
		padding-right: 12px;
		border-right: 1px solid #888;
		float: left;
		font-size: 1.1em;
		margin-top: 8px;
	}
	
		#news_content a, #news_right a {
			font-weight: bold;
		}
	
		#news_content h2 {
			font-weight: normal;
			margin-bottom: 0.6em;
			font-size: 1.8em;
		}
		
		#news_content ul {
			margin: 0 0 0.8em 20px;
		}
		
		#news_content .news_list {
			border-bottom: 1px solid #888;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
		
			#news_content .news_list h2 {
				font-size: 1.1em;
				font-weight: bold;
				margin-bottom: 0.4em;
			}
			
				#news_content .news_list h2 a {
					font-size: 1.1em;
					font-weight: bold;
				}
				
				#news_content .news_list img {
					float: left;
					margin-right: 10px;
				}
				
				#news_content .news_list .text {
					float: left;
					width: 220px;
					line-height: 1.4em;
				}
				
					#news_content .news_list .text a, #news_content .news_list .text2 a {
						padding-left: 14px;
					}
				
				#news_content .news_list .text2 {
					line-height: 1.4em;
				}
				
				#news_content .date {
					margin-bottom: 0;
				}
		
	#news_right {
		width: 250px;
		float: right;
		font-size: 1.1em;
		margin-top: 8px;
	}
	
		#news_right img {
			margin-bottom: 6px;
		}
	
/*	-------------------------------------------------------------
	CONTACT
	-------------------------------------------------------------	*/
	
	#contact_form fieldset {
		border: none;
	}
	
	#contact_form label {
		font-weight: bold;
		font-size: 1em;
	}
	
	#contact_form p {
		margin-bottom: 0;
		width: 330px;
	}
	
	#contact_form input, #contact_form textarea {
		font-family: Verdana, sans-serif;
		font-size: 1.1em;
		padding: 2px;
		width: 326px;
		margin-bottom: 8px;
	}
	
	#contact_form textarea {
		height: 60px;
	}
	
	#contact_form input.button {
		width: auto;
		border: none;
		padding: 2px 6px;
		margin-top: 6px;
	}
	
	#contact_form label.check {
		float: left;
		font-weight: normal;

	}
	
	#contact_form input.check {
		float: left;
		width: auto;
		margin-right: 4px;
	}
	
	#contact_form a {
		font-weight: normal;
	}
	
	div.error {
		padding: 5px 5px 5px 25px;
		border: 1px solid #f33;
		background: #fcc url(/images/icon_error.gif) no-repeat 5px 6px;
		color: #f33;
		margin-bottom: 10px;
	}

		div.error a {
			color: #036;
		}

		div.error p {
			margin: 0;
		}

		div.error ul {
			margin: 5px 0 0 15px;
		}

			div.error ul li {
				font-size: 1em;
				margin-bottom: 3px;
			}

/*	-------------------------------------------------------------
	SITE MAP
	-------------------------------------------------------------	*/
	
#sitemap {
	font-size: 1.1em;
}

	#sitemap a {
		color: #263167;
	}
	
	#sitemap ul {
		margin-left: 16px;
		list-style: square;
		font-weight: bold;
		margin-top: 10px;
	}

		#sitemap ul ul {
			font-weight: normal;
		}
		
			#sitemap ul ul ul {
				margin-bottom: 10px;
			}

/*	-------------------------------------------------------------
	FOOTER
	-------------------------------------------------------------	*/
	
	#footer {
		width: 780px;
  	text-align: left;
  	margin: 0 auto;
	}
	
		#footer #footer_wrap {
			margin: 8px 0 0 0;
			padding: 8px 0 12px 0;
		}
		
		#footer .left {
			float: left;
		}
		
		#footer .right {
			float: right;
		}

#pagescontainer {
	padding-top: 8px;
}

	#pageslist {
		list-style: none;
	}
	
		#pageslist li {
			float: left;
			margin-right: 3px;
		}
		
			#pageslist li a {
				display: block;
				padding: 3px 5px;
			}
			
		#pageslist li.current {
			padding: 3px 5px;
		}

		#news_right .downloadbox, #promo_right .downloadbox {
			width: 238px;
			background: #98B0D1;
			color: #FFF;
			padding: 5px 5px 10px 5px;	
		}
		
		#news_right .dlcgbx, #promo_right .dlcgbx {
			background: #F2C6AB;
		}
		
		#news_right .downloadbox p, #promo_right .downloadbox p {
			margin-top: 5px;
		}
		
		#news_right .downloadbox img, #promo_right .downloadbox img {
			border: none;
			float: left;
			margin-right: 5px;
		}
		
		#news_right .downloadbox span, #promo_right .downloadbox span {
			color: #FFF;
			font-weight: bold;
		}
		
		.dist_list h3 {
			padding: 6px;
			background: #263167;
			margin-bottom: 10px;
			color: #FFF;
			font-size: 1.2em;
			float: left;
			width: 768px;
		}
		
		.dist_list a {
			color: #263167;
		}
		
		.dist_list .dist_row {
			margin-bottom: 10px;
			border-bottom: 1px solid #93AFD6;
		}
		
		.dist_list .dist_row .dist_row_left {
			float: left;
			width: 360px;
			padding-left: 6px;
		}
		
		.dist_list .dist_row .dist_row_right {
			float: left;
			width: 340px;
		}
		
		.dist_select {
			padding: 1px;
			font-family: Verdana, sans-serif;
			font-size: 1.1em;
			color: #666;
			width: 140px;
		}

/* tooltip styling */
.glt {
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	color: #fff;
	opacity: 0.9;
	visibility: hidden;
}

.glt p{
	background: #666;
	margin: 0;
	padding: 0.5em;
}

.glt img{
	display: block;
}