/* ------------------------------------------------------
@1 Global Stuff
--------------------------------------------------------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before,blockquote:after,q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

strong { font-weight: bold; }
em { font-style: italic; }

body {
font: 101%/100% helvetica, arial, sans-serif;
color: #444;
background: #fff;
}

/* ------------------------------------------------------
@2 Useful Classes
--------------------------------------------------------- */
/* auto clears any element with this class */
.easy_clear { float: left; float/**/: none; }
.easy_clear:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.easy_clear{ display: inline-block; }
/*\*/
.easy_clear { display: block; }
/* end easy clear */

/* resets the default behaviour for lists & list items */
.container_list { list-style: none; margin: 0; padding: 0; font-size: 1em; }
	.container_list li { margin: 0; }


/* ------------------------------------------------------
@2 Basic Tags
--------------------------------------------------------- */
a { color: #444; }
p { font-size: .9em; margin: 0 2em 1em 0; line-height: 1.4em; }
h2, h3, h4, h5 { font-weight: bold; margin: 1em 1em .5em 0; color: #444; }
h2 { margin: 5px .5em 1em 0; font-size: 1.4em; }
h3 { font-size: 1.2em; margin: 1em 1.8em .8em 0; line-height: 1.3em;}
h4 { font-size: 1em; line-height: 1.35em; }
h5 { font-size: .9em; font-weight: bold; }
ul { font-size: .85em; margin: 0 1em 1em 2em; padding: 0; list-style: disc; line-height: 1.3em; }
ol { font-size: .85em; margin: 0 1em 1em 2.4em; padding: 0; list-style: decimal; line-height: 1.3em; }
li { margin-bottom: .7em; }


table.lister { width: 100%; margin: 5px 0 1em 0; }

/* ------------------------------------------------------
@4 Main Layout
--------------------------------------------------------- */
#wrapper {
	width: 996px;
	margin: 0px auto 20px auto;
	border: 1px solid #59595B;
	border-top: 9px solid #999;
}


	h1 {
		padding: 45px 0 38px 12px;
		margin: 0;
		background: #333333;
		color: #fff;
		font-size: 2em;
		text-transform: uppercase;
		border-bottom: 9px solid #F8A047;	
	}
		h1 a { color: #fff; text-decoration: none; margin-right: 4px; }
		h1 em {
			position: relative;
			top: -5px;
			padding: 11px 0 11px 12px;
			border-left: 4px solid #666666;
			font-size: .6em;
			font-style: normal;
			color: #FF9934;
		}
		

	#page { width: 996px; background: url(../img/wrapper_bg.gif) 0px 0px repeat-y; position: relative; }
	
		#navigation { width: 195px; float: left; padding-bottom: 200px; }
			
			#main_navigation { border-top: 0px solid #C0C0C0; font-size: .9em; font-weight: bold; }
				#main_navigation li { border-bottom: 3px solid #C0C0C0; }
					#main_navigation li a {
						display: block;
						background: #999;
						color: #333;
						text-decoration: none;
						padding: 12px 12px;
					}
					#main_navigation li a.active { background: #fff; color: #F8A046; }
					
			#navigation h3 { margin: 1.5em 10px 8px 11px; font-size: 1em; line-height: 1.2em; }		
				#navigation h3 a { color: #444; text-decoration: none; }
				#navigation h3 a:hover { text-decoration: underline; }
			
			#related_cables { margin: 0 10px 8px 11px; }
				#related_cables li { }
					#related_cables li a { display: block; padding: 4px 0; color: #444; text-decoration: none; width: 100%; }
					#related_cables li a:hover { text-decoration: underline; }
					
					
		#content { width: 606px; float: left; padding: 20px 0; }

			#content a {
				color: #444;
				font-weight: bold;
			}

				#content a:hover {
					text-decoration: none;
				}

			#content h3 { margin: 1em 0px .75em 0px; padding: 0 0 2px 0; border-bottom: 1px solid #777; font-size: 1em; }
			
			.intro { padding: 0 12px 0 17px; }
			.intro_padded { padding: 0 20px 0 35px; }	
				.intro h4 { margin: 1.4em 1em 0em 0; }
				.intro_padded p { font-size: 1em; }
			
			table.main_features { margin: 20px 40px 0 18px; border-collapse: collapse; }
				table.main_features th, table.main_features td { vertical-align: middle; padding: 12px 12px; border: 1px solid #59595B; height: 3.5em; }
				table.main_features th { font-weight: bold; background: #CCCCCC; text-transform: uppercase; padding: 12px 18px 12px 10px;}
				table.main_features th.num { background: #999999; color: #FF9934; padding: 12px 8px; }
				table.main_features td { font-size: .9em; }
			
			table.extra_features { margin: 20px 40px 0 14px; font-size: .9em; }
				table.extra_features th, table.extra_features td { padding: 5px 5px 15px 5px; }
				table.extra_features th { padding-right: 25px; color: #FE972E; font-weight: bold; }
			
			#additional_link {
				display: block;
				float: right;
				width: 165px;
				height: 24px;
				text-decoration: none;
				padding: 8px 0 0 0;
				text-align: center;
				color: #fff;
				font: bold .9em arial;
				background: url(../img/share_btn.gif) 0px 0px no-repeat;
				border: none;
				margin: 12px 20px 5px 2px;
			}
			#additional_link:hover { background-position: 0px -32px; }
			
			#additional_info { padding: 0 12px; clear: right; }
			
				
			#cable_features { position: absolute; left: 6px; bottom: 5px; }
				#cable_features ul { font-size: .8em; width: 195px; }
					#cable_features ul li { float: left; width: 195px; }
						#cable_features ul li img { float: left; }
							#cable_features ul li strong { display: block; float: left; padding-top: 15px; font-weight: normal; color: #222; word-spacing: -1px; }
						
						
		#sidebar { width: 195px; float: left; padding-bottom: 20px; }
		
			#eland_contact { background: #CC7929 url(../img/shadow.gif) bottom left repeat-x; padding: 1px 0 13px 0; width: 195px; color: #fff; font-weight: bold; } 
				#eland_contact h3 { margin: 0; }
					#eland_contact h3 a {
						display: block;
						width: 174px;
						height: 94px;
						background: url(../img/eland.gif) 0px -5px no-repeat;
						text-indent: -2000px;
					}
					* html #eland_contact h3 a { width: 165px; }
					
				#eland_contact p { margin: 5px 12px 10px 12px; font-size: 1em; line-height: 1.25em; }
				#eland_contact #contact_details { font-size: .85em; margin: 20px 12px 2px 12px; }
					#contact_details a { color: #fff; text-decoration: none; }
					#contact_details a:hover { text-decoration: underline; }
			
			#sidebar h3 { margin: 15px 12px 0px 12px; }
			#in_the_news { margin: 4px 12px 14px 12px; font-size: .85em; }
				#in_the_news li { }
					#in_the_news li a { display: block; padding: 4px 0; color: #444; text-decoration: none; width: 100%; }
					#in_the_news li a:hover { text-decoration: underline; }
					
			
			#tell_us_form { padding: 15px 12px 18px 12px; background: #E5E3E4 url(../img/shadow.gif) bottom left repeat-x; }
				#tell_us_form h3.legend { font-weight: normal; display: block; color: #F9A046; font-size: 1.2em; margin: 0 10px 10px 4px; }

				#tell_us_form textarea {
					min-height: 15em;
					background: #fff;
					font: .85em arial;
					color: #444;
					padding: 9px;
					width: 151px;
					border: none;
					border: 1px solid #fff;
				}
				
				#share_btn {
					width: 165px;
					height: 32px;
					text-align: center;
					color: #fff;
					font: bold .85em arial;
					background: url(../img/share_btn.gif) 0px 0px no-repeat;
					border: none;
					margin: 12px 0 0 2px;
					cursor: pointer;
					outline: none;
				}
				#share_btn.hov { background-position: 0px -32px; }
				#share_btn.active { background-position: 0px -64px; }
				
				#tell_us_form input.def { border: 1px solid #fff; float: left; clear: left;  padding: 3px; font: .8em arial; background: #fff; color: #444; width: 163px; margin: 8px 0 0 0; }
				input.hide { display: none; }
				#tell_us_form input.error { border-color: #FE972E; }
				
				#tell_us_form textarea.error { border-color: #FE972E; }
				
				#formResults p { margin: 5px 0 5px 6px; }
					#formResults p strong { padding: 0 0 0 24px; background: url(../img/email.gif) 0px 50% no-repeat; color: green; display: block; }
				
				
				
	#footer { border-top: 9px solid #F8A046; }
		#footer_products { width: 100%; font-size: .75em; }
			#footer_products td { padding: 8px 12px 12px 12px; }
				#footer_products td h4 { margin: 0 0 1px 0; color: #222; }
				#footer_products td a { color: #555; text-decoration: none; width: 100%; }
				#footer_products td a:hover { text-decoration: underline; }
				
				#footer_products td ul li a { display: block; padding: 0px 0; } 
			
		#footer p { margin: 0; }
			#footer p a { }



/* ------------------------------------------------------
@4 Forms
--------------------------------------------------------- */ 
/*
form.default { margin: 20px 0px 10px 0; border: 1px solid #B5D3A8; background: #E8F1E4; padding: 0 17px 10px 15px; }
	h3.legend { font-size: .9em; margin: 0 1em 0 0; color: #444; }
	.default p { margin: 0; }
	.default fieldset { padding: 0px 0px; }
	.default label { display: block; padding: 15px 0 6px 0; font-size: .85em; }
	.default label.cbox { font-size: .8em; margin: 0px 0; }
		.default label.cbox input { margin: 0 2px 2px 2px; }
		form.default label em { font-size: .9em; padding: 0 2px; color: #1C8F08; font-weight: bold; font-style: normal; }
			form.default label strong { padding: 2px 6px; background: #FDF8C5; margin-left: 5px; color: #333; font-weight: normal; }
	.default select { font: .85em arial; }
	.default select.def { width: 16em;  }
	.default input.def { width: 320px; padding: 6px; font: .85em arial; background: #fff; border: 1px solid #969696; color: #444; }
	.default input.small { width: 150px; }
	.default input.large { width: 500px; }
	
	.default input.date_picker { width: 100px; }
	
	
	.default textarea { width: 600px; padding: 6px; font: .85em arial; background: #fff; height: 10em; border: 1px solid #969696; color: #444;  }
	.default textarea.short { height: 6em; width: 320px; }
	
	.default input.error, .default textarea.error { border-color: #A21414; }
	input.btn { display: block; padding: 5px 12px; overflow: visible; text-align: center; font-size: 1em; margin: 20px 0 15px 0px; cursor: pointer; }
	
	.default label em.star { color: #D00000; font-size: 1.2em; background: transparent; padding: 0 2px 0 0; position: relative; top: 2px; }

	.message {
		position: absolute;
		top: 16px; left: 210px;
		width: 332px;
		background: #ffc url(../../img/success.gif) 13px 11px no-repeat;
		border: 0px solid #D5A77A;
		padding: 8px 15px 8px 35px;
		margin: 0 10px 1em 0;
	}
		.message strong { font-weight: bold; padding-bottom: 2px; color: #51833F; }
		
	
	#delete_selected { display: block; padding: 1px 4px; overflow: visible; text-align: center; font-size: .75em; margin: 0px 0 15px 0px; cursor: pointer; float: right; }
	
	#login_form { width: 380px; float: left; margin-right: 30px; margin-top: 10px; }
		#login_form input.def { width: 290px; }
	
	#login_forgot { width: 270px; float: left; }
		#login_forgot h3 { color: #888; font-size: 1em; }
	*/
	
/* ------------------------------------------------------
@4 Extra
--------------------------------------------------------- */ 
/* contact details */
dl.contacts { font-size: .8em; line-height: 1.5em; margin: 10px; }
	dl.contacts dt { width: 50px; float: left; text-align: right; font-weight: bold; }
	dl.contacts dd { margin-left: 55px; }

/* pagination */
#content p.paging { font-size: .85em; list-style: none; padding: 20px 0;  }
.paging a { float: left; display: block; padding: 2px 6px; margin: 5px 0 5px 3px; text-decoration: none; border: 1px solid #BED1DE; color: #069; }
.paging a:hover { border: 1px solid #4F9CDD; background: #D5EAFF; }
.paging a.current { border: 1px solid #fff; background: #fff; color: #CE1735; cursor: default; font-weight: bold; padding: 2px 4px; }
.paging span { display: block; float: left; text-decoration: line-through; display: block; padding: 2px 6px; margin: 5px 0 5px 3px; border: 1px solid #fff; color: #aaa; }

/* errors */
div.error { background: #fff; padding: 12px 10px 5px 13px; margin: 0 20px 10px 0; border: 1px solid #A45656; }
	div.error ul { font-size: .85em; margin: 0; list-style: none; padding: 0; font-size: .75em; }
		div.error li { padding-left: 18px; background: url(../../img/design/alert.gif) 0px 3px no-repeat; color: #A45656; margin-bottom: .75em; }


a.add_link { display: block; float: right; padding: 0px 0 4px 22px; margin-right: 10px; background: url(../../img/add.gif) 0px 2px no-repeat;}

table.lister { border-collapse: collapse; border: 1px solid #ccc; font-size: .85em; }
	table.lister th { border: 1px solid #ccc; background: #eee; padding: 5px 10px; font-size: .9em; }
		table.lister th.date { width: 70px; }
		table.lister th.opt { width: 40px; padding: 0 0 0 5px; }
		table.lister th.del { width: 50px; padding: 0 0 0 5px; }
	table.lister td { border: 1px solid #ccc; padding: 0px 10px; vertical-align: middle; }
	
	table.lister td.opt { width: 40px; padding: 0px 0;  }
		table.lister td.opt a { display: block;  width: 45px; height: 29px; text-indent: -2000px; background-position: 2px 2px; background-repeat: no-repeat; }
		table.lister td.opt a:hover { background-color: #ffc; }
		
		table.lister td input.del_check { margin-left: 20px; }
		
a.news_switch { }
a.live { background-image: url(../../img/tick.gif); }
a.hide { background-image: url(../../img/cross.gif); }
a.edit { background-image: url(../../img/edit.gif); }
a.pics { background-image: url(../../img/pics.gif); }
a.no_pics { background-image: url(../../img/no_pics.gif); }


#photo_list { float: left; margin: 10px 0; }
	#photo_list li { float: left; margin: 0 20px 20px 0; }
		#photo_list li a {
			display: block;
			width: 100px;
			height: 100px;
			padding: 10px;
			background: #E8F1E4;
			border: 1px solid #B5D3A8;
			text-align: center;
		}

#photo_center { text-align: center; padding: 15px 0; }
#delete_photo { position: absolute; top: -5px; left: 5px; display: block; font-size: 1.1em; padding: 2px 0 2px 34px; background: url(../../img/delete.gif) 0px 50% no-repeat; margin: 10px 0 0 0; }